added bootstrap

maa17019 · Mar 29, 2021 · 1913d90 · 1913d90
1 parent 8d43fbc
commit 1913d90
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 1 deletion.
diff --git a/week-10/search-utility/.DS_Store b/week-10/search-utility/.DS_Store
diff --git a/week-10/search-utility/img/.DS_Store b/week-10/search-utility/img/.DS_Store
diff --git a/week-10/search-utility/img/logo.png b/week-10/search-utility/img/logo.png
diff --git a/week-10/search-utility/index.html b/week-10/search-utility/index.html
@@ -3,10 +3,43 @@
 <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">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Search Utility</title>
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
+    <style>
+        body{
+            background-color: lightgray;
+        }
+    </style>
 </head>
 <body>
 
+        <nav class="navbar navbar-dark bg-dark">
+        <div class="container-fluid">
+          <a class="navbar-brand">GitHub Enterprise</a>
+          <form class="d-flex">
+            <input class="form-control me-2" type="search" placeholder="Search for user" aria-label="Search">
+            <button class="btn btn-primary" type="submit" >Search</button>
+          </form>
+        </div>
+      </nav>
+
+
+
+
+
+
+
+
+
+
+    <!-- Optional JavaScript -->
+    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+
 </body>
 </html>