Xplod4432
diff --git a/‎gallery.html
Lines changed: 27 additions & 42 deletions b/‎gallery.html
Lines changed: 27 additions & 42 deletions
diff --git a/‎image/10-Luxury-Bedroom-Design-Projects-For-A-Luxury-Home-2.jpg
94.6 KB b/‎image/10-Luxury-Bedroom-Design-Projects-For-A-Luxury-Home-2.jpg
94.6 KB
@@ -4,23 +4,38 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
+
+<h2 class="h-logo text-black"> shopbricks </h2>
+                <ul class="navitems">
+                  <li class="navitem"> <a class="w3-bar-item w3-button" href="./index.html"> HOME </a></li>
+                    <li class="navitem"> <a class="w3-bar-item w3-button" href="./upload.html"> UPLOAD </a></li>
+                      <li class="navitem"> <a class="w3-bar-item w3-button" href="./index.html#about"> ABOUT US </a></li>
+                        <li class="navitem">  <a class="w3-bar-item w3-button" href="./report.html"> REPORT </a></li>
+                          <li class="navitem">  <a class="w3-bar-item w3-button" href="./login.html" > LOGIN </a></li>
+                            <li class="navitem">  <a class="w3-bar-item w3-button" href="./view.html">CHOOSE YOUR LOCATION</a></li>
+                </ul>
+            </div>
+
+
+
+
+
+
+
+
 <body>
 
 <!-- Navbar (sit on top) -->
-<br><br><br>
 <div class="w3-top">
-  <div class="w3-bar w3-white w3-wide w3-padding w3-card">
+  <div class="w3-bar w3-black w3-wide w3-padding w3-card">
 <img class="logo" src="./image/android-chrome-192x192.png" alt="Shop Bricks official logo" width="30" height="30">
-    <a href="./index.html" class="w3-bar-item w3-button"> ShopBricks</a>
+    <a href="#home" class="w3-bar-item w3-button"> ShopBricks</a>
     <!-- Float links to the right. Hide them on small screens -->
     <div class="w3-right w3-hide-small">
-      <a href="#projects" class="w3-bar-item w3-button">Projects</a>
-      <a class="w3-bar-item w3-button" href="./index.html"> HOME </a>
-      <a class="w3-bar-item w3-button" href="./upload.html"> UPLOAD </a>
-                    <a class="w3-bar-item w3-button" href="./index.html#about"> ABOUT US </a>
-                    <a class="w3-bar-item w3-button" href="./report.html"> REPORT </a>
-                    <a class="w3-bar-item w3-button" href="./login.html" > LOGIN </a>
-                    <a class="w3-bar-item w3-button" href="./view.html">CHOOSE YOUR LOCATION</a>
+      <a href="./index.html" class="w3-bar-item w3-button">HOME</a>
+      <a href="./index.html#about" class="w3-bar-item w3-button">About</a>
+      <a href="#contact" class="w3-bar-item w3-button">Contact</a>
     </div>
   </div>
 </div>
@@ -195,36 +210,6 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Gallery</h3>
 .demo:hover {
   opacity: 1;
 }
-ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  background-color: #333;
-  position: fixed;
-  top: 0;
-  width: 100%;
-}
-
-li {
-  float: left;
-}
-
-li a {
-  display: block;
-  color: white;
-  text-align: center;
-  padding: 14px 16px;
-  text-decoration: none;
-}
-
-li a:hover:not(.active) {
-  background-color: #111;
-}
-
-.active {
-  background-color: #4CAF50;
-}
 </style>
 
 
@@ -378,7 +363,7 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Contact</h3>
       </button>
     </form>
   </div>
-
+  
 <!-- Image of location/map -->
 <div class="w3-container">
   <img src="./image/map.jpg" class="w3-image" style="width:100%">
@@ -407,4 +392,4 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Contact</h3>
 </footer>
 
 </body>
-</html>
+</html>