<!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>
<h2 style="padding:40px;"> Featured Prodcuts </h2>
<section class="products">
<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 href="/products#cctv" class="button">View Details</a>
</br>
<img src ="img/firealarm.jpg" alt="CCTV camera" style = "width:500px;height:500px">
<h3> First Alert Basic Plug-In Carbon Monoxide Alarm - CO600 </h3>
<p><b>$25</b></p>
<a href="/products#firealarm" class="button">View Details</a></br>
</div>
</div>
</section>
<section class="about">
<h2>About 3S</h2>
<p>We, at 3S are a leading company specializing in advanced surveillance systems. Our cutting-edge technology allows us to provide top-notch security solutions for businesses, homes, and public spaces. With a track record of excellence and innovation, we are committed to keeping our clients safe and secure </p>
</section>
<section class="contact">
<h2>Contact Us</h2>
<form>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<textarea placeholder="Message"></textarea>
<button type="submit">Send</button>
</form>
</section>
<footer>
<p>&copy; 2024 Securitronics Surveillance Systems</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>

