<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Metro Security Services - Civilian Options</title>
<meta property="og:title" content="Metro Security Services - Civilian Options"/>
<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="civilianPage">
<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 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="wrapper2">
<section id="main">
<div id="splashpage2">
<header><h1>Civilian Services</h1></header>
</div>
<div class="p1" id="offer">
<h2>What we offer</h2>
<p class="description">We offer a wide variety of services that will help secure and protect your property from a variety of potentially harmful situations
like home or office invasions, looting, rioting, and even corporate espionage. We pride ourselves in being able to use cutting edge technology
and techniques researched for our military offerings that have been deemed safe for maritime use, putting us in a much better position
to secure your property than our competitors.<br><br> Even though our most popular services have been grouped into packages to streamline the purchasing
process, we understand that every business is different and that you might need more or even less help to keep your place secure. Therefore,
we encourage you to contact a sales representative before making a decision.
</p>
</div>
<div class="p2" id="clients">
<h2>Our clients</h2>
<div class="clients">
<img src="img/instagram.png" alt="Instagram">
<h3>Instagram</h3>
</div>
<div class="clients">
<img src="img/starbucks.png" alt="Starbucks">
<h3>Starbucks</h3>
</div>
<div class="clients">
<img src="img/Yamaha.png" alt="Yamaha">
<h3>Yamaha</h3>
</div>
</div>
<div class="p3" id="price">
<h2>Pricing</h2>
<div class="package">
<h3>
Budget
</h3>
<div class="pdetails">
<ul>
<li>Three to five guards on call</li>
<li>One panic button</li>
<br><br><br><br><br>
</ul>
</div>
<div class="price">
<h1>$90</h1><h5> per month</h5>
</div>
</div>
<div class="package">
<h3>
Entry Level
</h3>
<div class="pdetails">
<ul>
<li>Six to ten guards on call</li>
<li>Three panic buttons</li>
<li>Regular patrols</li>
<br><br><br><br>
</ul>
</div>
<div class="price">
<h1>$210</h1><h5> per month</h5>
</div>
</div>
<div class="package">
<h3>
Complete
</h3>
<div class="pdetails">
<ul>
<li>Twenty to twenty five guards on call</li>
<li>Sixteen panic buttons or one panic button per room</li>
<li>Regular patrols by squad car</li>
<li>24 hour surveilance from a remote compound</li>
<br><br><br>
</ul>
</div>
<div class="price">
<h1>$420</h1><h5> per month</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>$5+</h1><h5> per month</h5>
</div>
</div>
</div>
<div class="p4" id="quotes">
<h2>Quotes about us</h2>
<div class="clients">
<img src="img/BG.png" alt="">
<h3>"Super professional. Very happy with this service."</h3>
<h5>- Bill Gates</h5>
</div>
<div class="clients">
<img src="img/SJ.png" alt="">
<h3>"Really wish I heard about these guys sooner."</h3>
<h5>- Steve Jobs</h5>
</div>
<!--<div class="clients">
<h3>"Your own personal army."</h3>
<h5>- The New Yonker</h5>
</div> -->
<div class="clients">
<img alt="" src="img/HC.png">
<h3>"Yeah it's pretty alright."</h3>
<h5>- Hillary Clinton</h5>
</div>
<div class="clients">
<img alt="" src="img/ME.png">
<h3>"It's 2am please stop calling me about this quote."</h3>
<h5>- Mweya Ruider</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>