From b85ab567a0a4f1bc5de4805a097c329759f5c223 Mon Sep 17 00:00:00 2001
From: Fred Nora <freddynora@gmail.com>
Date: Sat, 28 Sep 2024 21:30:21 -0300
Subject: [PATCH] Vertical order for the sections

---
 index.html | 66 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index 87b9a77..598b10c 100644
--- a/index.html
+++ b/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,11 +80,38 @@ <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 -->
@@ -117,7 +119,7 @@ <h1>Polar D8 Organization</h1>
         <div>
             <br>
             <div class="gramado-footer">
-            <br>&copy; 2024 Gramado Organization 
+            <br>&copy; 2024 Polar D8 Organization 
             </div>
         </div>
     </footer>