diff --git a/week-10/index.html b/week-10/index.html
new file mode 100644
index 0000000..ca9c9dc
--- /dev/null
+++ b/week-10/index.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Mobile-first using Bootstrap</title>
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+		integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+</head>
+
+<body>
+	<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+		<div class="container">
+			<a class="navbar-brand" href="#">AXIT</a>
+			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+				<span class="navbar-toggler-icon"></span>
+			</button>
+			<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+				<ul class="navbar-nav" >
+					<li class="nav-item">
+						<a class="nav-link" href="#">Features</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link" href="#">About</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link" href="#">Pricing</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link" href="#">Reviews</a>
+					</li>
+					<li class="nav-item">
+						<a class="nav-link" href="#">Contact</a>
+					</li>
+				</ul>
+			</div>
+		</div>
+	</nav>
+	<div class="bg-info text-white">
+		<div class="container py-5">
+			<div class="row align-items-center justify-content-around">
+				<div class="col-lg-8 col-12 border mb-4 mb-lg-0">
+					<h1>AXIT</h1>
+					<h3>MODERN AXURE TEMPLATE FOR BEAUTIFUL PROTOTYPES</h3>
+					<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis quis saepe consequuntur aperiam ipsa doloremque. Asperiores adipisci blanditiis ut earum. Nihil saepe illum pariatur. Blanditiis nihil illum sint tempore voluptas!</p>
+					<button type="button" class="btn btn-outline-light">Primary</button>
+				</div>
+				<div class="col-12 col-lg-4 border">
+					<div class="card">
+						<div class="card-header text-center text-dark">
+							Try Your FREE Trial Today
+						</div>
+						<div class="card-body">
+							<div class="form-group">
+							  <label for="">Name</label>
+							  <input type="text"
+								class="form-control" name="" id="" aria-describedby="helpId" placeholder="Your name">
+							</div>
+							<div class="form-group">
+							  <label for="">Email</label>
+							  <input type="email" class="form-control" name="" id="" aria-describedby="emailHelpId" placeholder="Your email">
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="bg-light">
+		<div class="container py-4">
+			<div class="row align-items-center">
+				<div class="col-lg-4 col-12 border">
+					<h3>Social Media</h3>
+					<p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, explicabo atque optio neque laudantium quo?</p>
+				</div>
+				<div class="col-lg-8 col-12 border">
+					<div class="row justify-content-between text-secondary">
+						<i class="fa fa-facebook fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-twitter fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-google-plus fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-pinterest fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-instagram fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-stumbleupon fa-3x" aria-hidden="true"></i>
+						<i class="fa fa-rss fa-3x" aria-hidden="true"></i>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="bg-dark text-white">
+		<div class="container py-4">
+			<div class="row justify-content-center align-items-center">
+				<div class="col-lg-4 border">
+					<div class="row justify-content-between">
+						<i class="fa fa-facebook fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-twitter fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-google-plus fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-pinterest fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-instagram fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-stumbleupon fa-2x" aria-hidden="true"></i>
+						<i class="fa fa-rss fa-2x" aria-hidden="true"></i>
+					</div>
+					<div class="row justify-content-center ">
+						© 2015 Axure Themes
+				</div>
+			</div>
+			</div>
+		</div>
+	</div>
+	<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
+	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+</body>
+
+</html>
\ No newline at end of file
