diff --git a/index.html b/index.html
new file mode 100644
index 0000000..3ec4242
--- /dev/null
+++ b/index.html
@@ -0,0 +1,85 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+	<link rel="stylesheet" type="text/css" href="assets/css/sample.css">
+	<link href="https://fonts.googleapis.com/css2?family=Poppins&family=Roboto+Slab:wght@600&display=swap" rel="stylesheet">
+</head>
+<body>
+	<div id="header">
+		<div class="logo">
+			<img src="assets/img/logo.png">
+		</div>
+		<div class="logo">
+			<ul>
+				<li><a href="index.html">Home</a></li>
+				<li><a href="about.html">About</a></li>
+				<li><a href="service.html">Service</a></li>
+				<li><a href="product.html">Product</a></li>
+				<li><a href="contact.html">Contact</a></li>
+			</ul>
+		</div>
+	</div>
+	<div id="banner">
+		<h1>Welcome To my Site</h1>
+	</div>
+	<div id="hr">
+		<hr>
+	</div>
+	<div id="content">
+		<div class="box">
+			<img src="assets/img/img1.jpg">
+			<h2>HEading Section</h2>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</div>
+		<div class="box">
+			<img src="assets/img/img1.jpg">
+			<h2>HEading Section</h2>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</div>
+		<div class="box">
+			<img src="assets/img/img1.jpg">
+			<h2>HEading Section</h2>
+			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+			quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+			consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+			cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</div>
+	</div>
+	<div id="contact">
+		<div class="info">
+			<h4>Get in Touch</h4>
+			<p>Lorem ipsum dolor sit amet, consectetur pariatur. Excepteur sint occaecat cupidatat non
+			proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+		</div>
+		<div class="btn">
+			<a href="contact.html"><button type="button">Contact Us</button></a>
+		</div>
+	</div>
+	<div id="footer">
+		<div class="foot">
+			<h5>&copy; copyright no one at all</h5>
+		</div>
+		<div class="foot">
+			<ul>
+				<li><a href="">Link1</a></li>
+				<li><a href="">Link2</a></li>
+				<li><a href="">Link3</a></li>
+				<li><a href="">Link4</a></li>
+			</ul>
+		</div>
+	</div>
+</body>
+</html>
\ No newline at end of file
