Merge pull request #23 from Bryson69/main

Remove one card, and add section title

Author: vinzvinci

index.html

@@ -33,8 +33,8 @@
                 <ul class="nav__list">
                     <li class="nav__item"><a href="#" 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="#team" class="nav__link">Team</a></li>
-                    <li class="nav__item"><a href="#join" class="nav__link">Join</a></li>
+                    <li class="nav__item"><a href="#project" class="nav__link">Project</a></li>
+                    <li class="nav__item"><a href="#join" class="nav__link">Team</a></li>
                 </ul>
             </div>
         </nav>
@@ -82,51 +82,47 @@ <h2 class="about__subtitle">SurPath Community</h2>
         </section>
 
         <!-- ====== PROJECTS =======-->
-        <section class="cards section">
-            
-            <div class="card">
-              <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
-              <div class="content">
-                <div class="card__title">A Card Title</div>
-                <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
-                <a class="card__button" href="">Button</a> 
-              </div>
-              
-            </div>
+        <section>
+            <h2 class="section-title">Project</h2>
+
+            <section class="cards section" id="project">
 
-            <div class="card">
-              <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
-              <div class="content">
-                <div class="card__title">A Card Title</div>
-                <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
-                <a class="card__button" href="">Button</a>
-              </div>
-              
-            </div>
 
-            <div class="card">
-              <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
-              <div class="content">
-                <div class="card__title">A Card Title</div>
-                <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
-                <a class="card__button" href="">Button</a>
-              </div>
-            </div>
-
-            <div class="card">
-                <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
-                <div class="content">
-                  <div class="card__title">A Card Title</div>
-                  <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
-                  <a class="card__button" href="">Button</a>
+                <div class="card">
+                  <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
+                  <div class="content">
+                    <div class="card__title">A Card Title</div>
+                    <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
+                    <a class="card__button" href="">Button</a> 
+                  </div>
+                  
                 </div>
 
-              </div>
-            
-            
-            
-          </section>
-
+                <div class="card">
+                  <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
+                  <div class="content">
+                    <div class="card__title">A Card Title</div>
+                    <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
+                    <a class="card__button" href="">Button</a>
+                  </div>
+                  
+                </div>
+                
+    
+                <div class="card">
+                    <div class="card__image" style="background-image: url('http://placeimg.com/640/480/any')"></div>
+                    <div class="content">
+                      <div class="card__title">A Card Title</div>
+                      <div class="card__snippet">Lorem ipsum dolor sit amet consectetur adipisicing elit.</div>
+                      <a class="card__button" href="">Button</a>
+                    </div>
+                    
+                  </div>                
+              </section>
+    
+        </section>
+       
+        
         <!-- ====== TEAM =======-->
         <section class="team section bd-grid" id="team">
             <h2 class="section-title">Our Team</h2>