Add files via upload

GitHer-Jay · GitHer-Jay · commit d6d147b3a554 · 2024-03-26T15:40:05.000+05:30
diff --git a/Assignments/module-3/index.html b/Assignments/module-3/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+
+<title>Module 3</title>
+
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
+</head>
+
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" type="text/css" href="style.css">
+
+
+
+<body>
+
+
+<nav class="navbar navbar-inverse">
+  <div class="container-fluid">
+
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span> 
+      </button>
+      <a class="navbar-brand" href="#">Food, LLC</a>
+    </div>
+
+    <div class="collapse navbar-collapse" id="myNavbar">
+      <ul class="nav navbar-nav">
+        <li class="menu-item"><a href="#">Chicken</a></li>
+        <li class="menu-item"><a href="#">Beef</a></li> 
+        <li class="menu-item"><a href="#">Sushi</a></li> 
+      </ul>
+    </div>
+
+  </div>
+</nav>
+
+</body>
+</html>
diff --git a/Assignments/module-3/style.css b/Assignments/module-3/style.css
@@ -0,0 +1,16 @@
+.navbar-brand{
+  font-size: 25px;
+}
+
+.navbar-nav{
+  font-size: 25px;
+  float: right;
+  margin-right: 30%;
+}
+
+
+@media (min-width: 768px){
+  .menu-item{
+    visibility: none;
+  } 
+}
