Update index.html

index.html

@@ -20,7 +20,7 @@
     <a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
     <a href="#" class="w3-bar-item w3-button w3-padding-large">HOME</a>
     <a href="#resume" class="w3-bar-item w3-button w3-padding-large w3-hide-small">RESUME</a>
-    <a href="#projects" class="w3-bar-item w3-button w3-padding-large w3-hide-small">PROJECTS</a>
+    <a href="#portfolio" class="w3-bar-item w3-button w3-padding-large w3-hide-small">PORTFOLIO</a>
     <a href="#contact" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CONTACT</a>
     <!-- <a href="#photography" class="w3-bar-item w3-button w3-padding-large w3-hide-small">PHOTOGRAPHY</a> -->
     <a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i class="fa fa-search"></i></a>
@@ -30,7 +30,7 @@
 <!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
 <div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
   <a href="#resume" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">RESUME</a>
-  <a href="#projects" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">PROJECTS</a>
+  <a href="#portfolio" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">PORTFOLIO</a>
   <a href="#contact" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT</a>
   <!-- <a href="#photography" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">PHOTOGRAPHY</a> -->
 </div>
@@ -77,16 +77,6 @@ <h3>Sunset at Spaceport America</h3>
     </div>
   </div>
 
-  <!-- The Resume section -->
-  <!-- This section displays a pdf of my resume that scales to screen size-->
-  <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="resume">
-    <h2 style="font-size: 3vw">Portfolio</h2>
-    <p style="font-size: 1vw" class="w3-hide-medium"><i>Click on the image to download my Portfolio</i></p><br>
-    <a href="/Photos/Nikitas Klapsis Descriptive Portfolio.pdf" download>
-        <img src="/Photos/portfolio.png" alt="Resume" style="width:100%">
-    </a>    
-  </div>
-
   <!-- Portfolio section -->
   <!-- This section displays a pdf of my portfolio that scales to screen size-->
   <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="resume">
@@ -97,6 +87,16 @@ <h2 style="font-size: 3vw">RESUME</h2>
     </a>    
   </div>
 
+   <!-- The portfolio section -->
+  <!-- This section displays a pdf of my portfolio that scales to screen size-->
+  <div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="portfolio">
+    <h2 style="font-size: 3vw">Portfolio</h2>
+    <p style="font-size: 1vw" class="w3-hide-medium"><i>Click on the image to download my Portfolio</i></p><br>
+    <a href="/Photos/Nikitas Klapsis Descriptive Portfolio.pdf" download>
+        <img src="/Photos/portfolio.png" alt="portfolio" style="width:100%">
+    </a>    
+  </div>
+
   <!-- The Projects Section -->
   <!-- This section displays the image machining.jpg next to some descriptive text, then the same for shine poster.png under that-->
 <!-- <div class="w3-container w3-content w3-padding-64" style="max-width:800px" id="projects">
@@ -174,7 +174,7 @@ <h2 class="w3-wide w3-center">CONTACT</h2>
   myIndex++;
   if (myIndex > x.length) {myIndex = 1}    
   x[myIndex-1].style.display = "block";  
-  setTimeout(carousel, 6000);    
+  setTimeout(carousel, 10000);    
 }
 
 // Used to toggle the menu on small screens when clicking on the menu button