Add Join us section

Author: Bryson69

index.html

@@ -33,9 +33,8 @@
                 <ul class="nav__list">
                     <li class="nav__item"><a href="#main" class="nav__link active">Home</a></li>
                     <li class="nav__item"><a href="#about" class="nav__link">About</a></li>
-                    <li class="nav__item"><a href="#skills" class="nav__link">Blog</a></li>
-                    <li class="nav__item"><a href="#contact" class="nav__link">What we do</a></li>
                     <li class="nav__item"><a href="#contact" class="nav__link">Join us</a></li>
+                    <li class="nav__item"><a href="#contact" class="nav__link">What we do</a></li>
                 </ul>
             </div>
         </nav>
@@ -52,7 +51,7 @@
                 <div class="home__data">
                     <h1 class="home__title">Surpath<br> Community</h1>
                     <p class="home__description">Let's help discover the best more <br> open source projects.</p>
-                    <a href="#" class="home__button">Get Started</a>
+                    <a href="#" class="button">Get Started</a>
                 </div>
             </div>
         </section>
@@ -83,6 +82,31 @@ <h2 class="about__subtitle">SurPath Community</h2>
                 </div>
             </div>
         </section>
+
+
+
+        <!--===== JOIN US =====-->
+        <section>
+            <h2 class="section-title">Join Us</h2>
+        
+        <div class="join__container">
+            <div class="join__content">
+                <div class="course__preview">
+                   
+                    <h2>Join Our Community</h2>
+                    <a href="#" class="button">Join Us</a>
+                </div>
+                <div class="course__info">
+                    <ul>
+                        <li>Share new ideas, lessons learned, proven practices, insights, and practical suggestions.</li>
+                        <li>Collaborate through threaded discussions, conversations, and interactions on Github.</li>
+                        <li>Innovate through brainstorming, building on each other’s ideas, and keeping informed on emerging developments.</li>
+                    </ul>  
+                </div>
+            </div>
+        </div>
+    </section>
+
     </main>
 
     <!--===== GSAP =====-->