<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Metro Security Services</title>
<meta property="og:title" content="Metro Security Services"/>
<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 -->
</head>
<body onmousemove='trackmouse(event)'>
<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="#">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.html">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="wrapper"></div>
<section id="main">
<a href="#splashpage">
<div id="splashpage">
<header>
<div class="">
<h1>Metro Security Services</h1>
<p class="subtext"><i>"Your very own personal army." - New Yonker Times</i></p>
</div>
</header>
</div>
</a>
<a href="civilian.html">
<div id="civilian">
<div class="text">
<h1>Civilian Peacekeeping Solutions</h1>
<p>Using our cutting edge technology, Metro Security Services have peacefully resolved
over 900 thousand riots and other forms of public disturbance worldwide, minimizing
damage to property while using non-lethal means to dispurse crowds and convince them
to move away from the client's location in a controlled and relatively calm fashion.
As for our anti home invasion services, we have left our competitors in the dust by
finding a peaceful resolution to over 65 million incidents worldwide last year alone.
</p>
</div>
</div>
</a>
<a href="military.html">
<div id="military">
<div class="text">
<h1>Private Military Solutions</h1>
<p>As the only private military company that has a 100% success rate, we feel confident enough
in our abilities to overcome any challenge thrown at us. Please note that these services
are only offered to governments and not to individuals or corporations and that we need
official government clearance to operate in select territories.
</p>
</div>
</div>
</a>
<a href="cyber.html">
<div id="cyber">
<div class="text">
<h1>Online Security Solutions</h1>
<p>Our highly qualified cyber security experts offer unparralleled intrusion prevention and emergency
incident response services at highly competitive prices. All tools used for this purpose have been
developed in house by our experts, making it very easy for us to respond to and protect against
zero-day exploits without any external help.
<br>
<table>
<tr>
<th colspan="3">Incident Response time</th>
</tr>
<tr>
<td>No</td>
<td>Competition</td>
<td>Time (minutes)</td>
</tr>
<tr>
<td>1</td>
<td>MSS</td>
<td>1:30</td>
</tr>
<tr>
<td>2</td>
<td>G4S</td>
<td>15:30</td>
</tr>
<tr>
<td>3</td>
<td>S6S</td>
<td>16:45<br></td>
</tr>
</table></p>
</div>
</div>
</a>
<a href="contact.html">
<div id="contact">
<div class="text">
<h1>Contact Us</h1>
<p>Click here to go to our contact page for quotations, answers to general questions and more.<br> We'd love to hear from you!</p>
</div>
</div>
</a>
</section>
<footer id="footer">
<ol><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></ol>
</footer>
</div>
</body>
</html>