<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Metro Security Services - Cyber Security</title>
    <meta property="og:title" content="Metro Security Services - Cyber Security"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
    <meta name="HandheldFriendly" content="true">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#000000">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-navbutton-color" content="#000000">
    <meta name="description" content="Securing your assets better than anyone else can."/>
    <meta property="og:description" content="Securing your assets better than anyone else can."/>
    <meta name="keywords" content="security, military, cyber, physical">
    <meta property="og:image" content="https://mweya.duckdns.org/styles/extra/300px.png"/>
    <meta property="og:image:width" content="300" />
    <meta property="og:image:height" content="300" />
    <meta name="author" content="Mweya Ruider, Johnathan Langford, Denzel Similo, Shakeel Hoosain">
    <!-- All images used in this project have been licensed under the Creative Commons license and have been found on pexels.com or kisspng.com -->
</head>
<body onmousemove='trackmouse(event)' id="cyberPage" onload="update()">
        <noscript>
        <div id="alert">
            <h1>Don't do that!</h1>
            <p>For this site to function properly, we need to be able to use JavaScript to make our menus look and act great.<br>Please turn it back on before reloading this page.</p>
        </div>
    </noscript>
    <section id="sidebar">
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="civilian.html">Civilian Services</a></li>
                    <li><a href="military.html">Military Services</a></li>
                    <li><a href="#">Cyber Services</a></li>
                    <li><a href="contact.html">Contact Us</a></li>
                    <li><a href="careers.html">Join Us</a></li>
                </ul>
            </nav>
        </section>
        <div class="wrapper2">
        <section id="main">
            <div id="splashpage2">
            <header><h1>Cyber Services</h1></header>
        </div>
            <div class="p1" id="offer">
                <h2>What we offer</h2>
                <p class="description" id="coun">
                </p>
            </div>
            <div class="p2" id="clients">
                <h2>Our clients</h2>
                <div class="clients">
                    <img src="img/SpaceX.png" alt="SpaceX">
                    <h3>SpaceX</h3>
                </div>
                <div class="clients">
                        <img src="img/Xiaomi.png" alt="Xiaomi">
                        <h3>Xiaomi</h3>
                    </div>
                    <div class="clients">
                            <img src="img/Huawei.png" alt="Huawei">
                            <h3>Huawei</h3>
                        </div>
            </div>
            <div class="p3" id="price">
                <h2>Pricing</h2>
                <div class="package">
                    <h3>
                        Budget
                    </h3>
                    <div class="pdetails">
                            <ul>
                                <li>One antivirus of your choice installed</li>
                                <li>Unlimited email scam protection</li>
                                <br><br><br><br><br>
                            </ul>   
                        </div>
                        <div class="price">
                        <h1>$70</h1><h5> per hour</h5>
                        </div>
                </div>
                <div class="package">
                        <h3>
                            Entry Level
                        </h3>
                        <div class="pdetails">
                            <ul>
                                <li>Unlimited rootkit removals</li>
                                <li>24/7 arial surveilance of your PC</li>
                                <li>Weekly mousepad cleaning</li>
                                <br><br><br><br>
                            </ul>   
                        </div>
                        <div class="price">
                        <h1>$500</h1><h5> per hour</h5>
                        </div>
                    </div>
                    <div class="package">
                            <h3>
                                Complete
                            </h3>
                            <div class="pdetails">
                                    <ul>
                                        <li>Emergency malware removal service</li>
                                        <li>Arial surveilance of an area</li>
                                        <li>24/7 DDoS protection</li>
                                        <li>One virtual private datacenter</li>
                                        <br><br><br>
                                    </ul>   
                                </div>
                                <div class="price">
                                <h1>$6900</h1><h5> per hour</h5>
                                </div>
                        </div>
                        <div class="package">
                                <h3>
                                    Custom
                                </h3>
                                <div class="pdetails">
                                        <ul>
                                            <li>Anything you can come up with</li>
                                            <br><br><br><br><br><br>
                                        </ul>   
                                    </div>
                                    <div class="price">
                                    <h1>$700+</h1><h5> per month</h5>
                                    </div>
                            </div>
            </div>
            <div class="p4" id="quotes">
                <h2>Quotes about us</h2>
                <div class="clients">
                        <img src="img/MZ.png" alt="">
                        <h3>"1010 1110 0010 1101"</h3>
                        <h5>- Mark Zuckerberg</h5>
                    </div>
                    <div class="clients">
                            <img src="img/HM.png" alt="">
                            <h3>"Awesome service."</h3>
                            <h5>- K1tt3n L0v3r</h5>
                        </div>
                        <!--<div class="clients">
                                <h3>"Your own personal army."</h3>
                                <h5>- The New Yonker</h5>
                            </div> -->
                            <div class="clients">
                                    <img src="img/ES.png" alt="">
                                    <h3>"Woah, these guys are legit!"</h3>
                                    <h5>- Edward Snowden</h5>
                                </div>
                                <div class="clients">
                                        <img src="img/TH.png" alt="">
                                        <h3>"Yeah, these guys are cool and all but have you played Skyrim?"</h3>
                                        <h5>- Todd Howard</h5>
                                    </div>
            </div>
        </section>
        </div>
        <footer id="footer">
            <ul><li><a href="#"><img src="img/fb.png" alt="Facebook"></a></li><li><a href="#"><img src="img/tw.png" alt="Twitter"></a></li><li><a href="#"><img alt="LinkedIn" src="img/li.png"></a></li></ul>
        </footer>
    </div>
</body>
</html>