diff --git a/index1.html b/index1.html
new file mode 100644
index 0000000..23e0dd0
--- /dev/null
+++ b/index1.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>home-page</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</head>
+<body>
+
+<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
+  <!-- Brand -->
+  <a class="navbar-brand" href="#"> <img src="abclogo.png" alt="Logo" style="width:50px;"></a>
+  <!-- Links --><hr>
+  
+	<ul class="navbar-nav">
+    <li class="nav-item">
+      <a class="nav-link" href="#">home</a>
+    </li>
+    <li class="nav-item dropdown">
+		<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Tutorials</a>
+        <div class="dropdown-menu">
+              <a class="dropdown-item" href="#">c</a>
+              <a class="dropdown-item" href="#">cpp</a>
+              <a class="dropdown-item" href="#">python</a>
+              <a class="dropdown-item" href="#">julia</a>
+              <a class="dropdown-item" href="#">java</a>
+        </div>
+		<li class="nav-item dropdown">
+	        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">example</a>
+	        <div class="dropdown-menu">
+	              <a class="dropdown-item" href="#">c</a>
+	              <a class="dropdown-item" href="#">cpp</a>
+	              <a class="dropdown-item" href="#">python</a>
+	              <a class="dropdown-item" href="#">julia</a>
+	              <a class="dropdown-item" href="#">java</a>
+	        </div>
+   		</li>
+	    <li class="nav-item dropdown">
+	        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">Test</a>
+	        <div class="dropdown-menu">
+	              <a class="dropdown-item" href="#">c</a>
+	              <a class="dropdown-item" href="#">cpp</a>
+	              <a class="dropdown-item" href="#">python</a>
+	              <a class="dropdown-item" href="#">julia</a>
+	              <a class="dropdown-item" href="#">java</a>
+	        </div>
+	    </li>
+	    <li class="nav-item">
+	      	<a class="nav-link" href="#">about us</a>
+	    </li>
+	    <li class="nav-item">
+	        <a class="nav-link" href="#">help</a>
+	    </li>
+	    <li class="nav-item">
+	        <a class="nav-link" href="#"></a>
+	    </li>
+
+	</li>
+  	</ul>
+</nav>
+<br>
+
+</body>
+</html>
