index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>IMS</title>
		<link rel="stylesheet" href="style.css" />
	</head>

	<body>
		<section>
			<div class="disc"></div>
			<header>
				<a href="#"><img src="./img/investment.png" class="logo" /></a>
				<div class="toggle" onclick="toggleMenu()"></div>
				<ul class="navigation">
					<li><a href="./index.html">Home</a></li>
					<li><a href="./services.html">Our Services</a></li>
					<li>
						<a href="#">Login/ <span>Register</span></a>
					</li>
				</ul>
			</header>
			<div class="content">
				<div class="textBox">
					<h2>Investment Management System</h2>
					<p>
						Lorem ipsum, dolor sit amet consectetur adipisicing
						elit. Aspernatur atque obcaecati, magnam dolores a
						blanditiis impedit quibusdam nam qui neque veritatis,
						maiores, necessitatibus id ad vel? Cupiditate eligendi
						quisquam reprehenderit?
					</p>
					<a href="#">Explore with us</a>
				</div>
			</div>
			<div class="imgBox">
				<img src="" alt="" />
			</div>
			<ul class="sci">
				<li>
					<a href="#"><img src="./img/facebook.png" /></a>
				</li>
				<li>
					<a href="#"><img src="./img/instagram.png" /></a>
				</li>
				<li>
					<a href="#"><img src="./img/twitter.png" /></a>
				</li>
			</ul>
		</section>
		<script src="main.js"></script>
	</body>
</html>