<!DOCTYPE html>
<html>
<head>
<title>Securitronics Surveillance Systems-Login</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>
<section id="login-signup-container">
<h2>Create Your Account</h2>
<form action="#" method="post">
<input type="text" name="name" placeholder="Full Name" required>
<input type="number" name="phone" placeholder="Phone No." required>
<input type="email" name="email" placeholder="Email" required>
<input type="password" name="password" placeholder="Password" required>
<button type="submit" class="login-signup-button">Sign Up</button>
</form>
<p>Already have an account? <a href="/login">Login</a></p>
</section>
<footer>
<p>&copy; 2024 Securitronics Surveillance Systems</p>
</footer>
<script src="js/script.js"></script>
</body>
</html>
</main>
</body>
</html>

