<!DOCTYPE html>
<html>
<head>
<title>Securitronics Surveillance Systems-Home Page</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class= "header" id="myHeader">
<header>
<img src= "img/logo.jpeg" alt = "3S logo" style = "width:100px;height:100px">
<h1>Securitronics Surveillance Systems</h1>
<quote>"Quality is a matter of Choice rather than Chance"</quote></br></br>
<nav>
<ul>
<li><a href="/index">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="/login">Login</a></li>
<li><a href="/signup">Signup</a></li>
</ul>
</nav>
</header>
<div>
<section class="products">
<div class="products-card">
<img src="img/honeywell-cam.jpg" alt="CCTV camera" style = "width:500px;height:500px">
<h3>Honeywell HC35WB8R2 8MP 4K Night Vision Outdoor Bullet IP Security Camera</h3>
<p><b>$529</b></p>
<a id="cctv" href="#" class="button">Buy</a>
</br>
<img src ="img/firealarm.jpg" alt="Fire alarm" style = "width:500px;height:500px">
<h3> First Alert Basic Plug-In Carbon Monoxide Alarm - CO600 </h3>
<p><b>$25</b></p>
<a id="firealarm" href="#" class="button">Buy</a>
</br>
<img src ="img/burglaralarm.jpeg" alt="Burglar alarm" style = "width:500px;height:500px">
<h3> iMeshbean Wireless and Wired GSM Home Security Alarm Burglar Alarm System </h3>
<p><b>$75</b></p>
<a id="burglaralarm" href="#" class="button">Buy</a>
<img src ="img/biometric.png" alt="Biometric Acess Control System" style = "width:500px;height:500px">
<h3> N-K30 Biomax Biometric Attendance System  </h3>
<p><b>$250</b></p>
<a id="biometric" href="#" class="button">Buy</a>
</div>
</div>
</section>
