nshin31302
diff --git a/‎index.html
+23-2 b/‎index.html
+23-2
diff --git a/‎jawns.jpg
1.06 MB b/‎jawns.jpg
1.06 MB
diff --git a/‎lightstemp.jpg
29.4 KB b/‎lightstemp.jpg
29.4 KB
@@ -23,6 +23,19 @@
     opacity: 0.5;
   }
 
+  .button1 {
+  background-color: #000000; /* black */
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 36px;
+  margin: 4px 2px;
+  cursor: pointer;
+}
+
 </style>
 
 <body>
@@ -43,7 +56,7 @@
 
 <!-- Header -->
 <header class="w3-display-container w3-content w3-wide" style="max-width:1500px;" id="home">
-  <img class="w3-image" src="./rods.jpg" alt="Architecture" width="1500" height="800">
+  <img class="w3-image" src="./jawns.jpg" alt="tools" width="1500" height="800">
   <div class="w3-display-middle w3-margin-top w3-center">
     <h1 class="w3-xxlarge w3-text-white"><span class="w3-padding w3-black w3-opacity-min"><b>Nathan</b></span> <span class="w3-hide-small w3-text-light-grey">Shin</span></h1>
   </div>
@@ -79,7 +92,7 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Projects</h3>
 
         <a href="./lights.html">
               <div class="projimg">
-                  <img src="/w3images/house2.jpg" alt="Light" style="width:100%" class="projimg">
+                  <img src="./lightstemp.jpg" alt="Light" style="width:100%" class="projimg">
                   <div class="overlay"> </div>
 
               </div>
@@ -149,9 +162,17 @@ <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Projects</h3>
       </div>
     </div>
 
+
+
+
 <!-- Gallery Sectoin -->
 <div class="w3-container w3-padding-32" id="gallery">
 <h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Gallery</h3>
+
+<a href="./art.html"> <button class="button1">Art</button>  </a>
+
+<a href="./photography.html"> <button class="button1">Photography</button> </a>
+
 </div>