Vertical order for the sections

index.html

@@ -32,14 +32,14 @@
     <!-- Navigation bar -->
     <nav class="gramado-nav">
         <ul>
-            <!-- 1: Developer -->
-            <li><a href="#section-1">Developer</a></li>
-            <!-- 2: Business person -->
-            <li><a href="#section-2">Business</a></li>
-            <!-- 3: Sales person -->
-            <li><a href="#section-3">Online communication</a></li>
             <!-- 4: User -->
             <li><a href="#section-4">User</a></li>
+            <!-- 3: Sales person -->
+            <li><a href="#section-3">Online communication</a></li>
+            <!-- 2: Business person -->
+            <li><a href="#section-2">Business</a></li>
+            <!-- 1: Developer -->
+            <li><a href="#section-1">Developer</a></li>
         </ul>
     </nav>
 
@@ -57,31 +57,6 @@ <h1>Polar D8 Organization</h1>
     </header>
 
 
-    <!-- 1: Developer -->
-    <section id="section-1">
-        <div class="gramado-container">
-        <br><a href="https://github.com/gramado">See Gramado project at Github</a>
-        <br><a href="https://gramado.github.io/projects">See the list of projects</a>
-        </div>
-    </section>
-
-    <!-- 2: Business person -->
-    <section id="section-2">
-        <br>
-        <div class="gramado-container">
-            <br><a href="https://facebook.com/frednora">See Fred Nora at Facebook</a>
-            <br><a href="https://linkedin.com/in/frednora">See Fred Nora at Linkedin</a>
-        </div>
-    </section>
-
-    <!-- 3: Sales person -->
-    <section id="section-3">
-        <div class="gramado-container">
-        <br>Here is a place to share information.
-        <br><a href="https://gramado.github.io/learn">Learn</a>
-        </div>
-    </section>
-
     <!-- 4: User -->
     <section id="section-4">
         <div class="gramado-container">
@@ -105,19 +80,46 @@ <h1>Polar D8 Organization</h1>
             Gramado on Github
         </button>
         </div>
+    </section>
+
+    <!-- 3: Sales person -->
+    <section id="section-3">
+        <div class="gramado-container">
+        <br>Here is a place to share information.
+        <br><a href="https://gramado.github.io/learn">Learn</a>
+        </div>
+    </section>
+
+    <!-- 2: Business person -->
+    <section id="section-2">
+        <br>
+        <div class="gramado-container">
+            <br><a href="https://facebook.com/frednora">See Fred Nora at Facebook</a>
+            <br><a href="https://linkedin.com/in/frednora">See Fred Nora at Linkedin</a>
+        </div>
+    </section>
+
+
+    <!-- 1: Developer -->
+    <section id="section-1">
+        <div class="gramado-container">
+        <br><a href="https://github.com/gramado">See Gramado project at Github</a>
+        <br><a href="https://gramado.github.io/projects">See the list of projects</a>
+        </div>
 
         <br>
         <div class="gramado-container">
         <br><a href="#page-top">^ Back to Top! ^</a>
         </div>
+
     </section>
 
     <!-- Footer -->
     <footer>
         <div>
             <br>
             <div class="gramado-footer">
-            <br>&copy; 2024 Gramado Organization 
+            <br>&copy; 2024 Polar D8 Organization 
             </div>
         </div>
     </footer>