index.html

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<title>
		Didactic Point
	</title>
	<link rel="stylesheet" type="text/css" href="OTD.css">
</head>
<body>
	<div class="container">
		<div class="outer">
			<header>
				<div class="main">
					<nav>
						<ul>
							<li><a href="otd.html" class="active">Home</a></li>
							<li><a href="about.html">About</a></li>
							<li><a href="service.html">Projects</a></li>
							<li><a href="contact.html">FeedBack</a></li>
						</ul>
					</nav>
				</div>
			</header>
			<div class="details">
				<h1>Didactic Point</h1>
				<h2><span>Create Your Own Robot</span></h2>
				<img src="7.jpg">
			</div>
			<div class="button">
					<a href="service.html" class="btn">NEXT</a>
			</div>
		</div>
	</div>
</body>
</html>