member img n fix bug

_sass/main.scss

@@ -19,10 +19,17 @@ html {
 
 
 
+.navbar {
+  a:hover,span:hover{
+    color: $red !important; 
+
+  }
 
+}
 
-
-
+.bhai{
+  color: $red;
+}
 
 
 
@@ -109,6 +116,7 @@ $footer-background-color: $black;
     color: $footer-color;
     display: block;
   }
+
   a:hover,span:hover{
     color: $red;
     font-size: 1.2rem;

css/main.css

@@ -1,6 +1,12 @@
 html {
   scroll-behavior: smooth; }
 
+.navbar a:hover, .navbar span:hover {
+  color: #ec3750 !important; }
+
+.bhai {
+  color: #ec3750; }
+
 .typewriter h3 span {
   border-right: 0.05em solid #1f2d3d;
   /* The typwriter cursor */

index.html

@@ -53,15 +53,15 @@ <h5 class="mt-5 ml-2 title is-5">Hack Club | SKNCOE</h5>
           </div>
 
           <div class="navbar-end">
-            <a onclick="scrollToSection('canvas')" class="navbar-item">
+            <a onclick="scrollToSection('canvas')" class="navbar-item" class="bhai">
               Home
             </a>
 
-            <a href="about.html" class="navbar-item">
+            <a href="about.html" class="navbar-item" class="bhai">
               About us
             </a>
 
-            <a onclick="scrollToSection('team')" class="navbar-item mr-3">
+            <a onclick="scrollToSection('team')" class="navbar-item mr-3" class="bhai">
               Team
             </a>
 
@@ -232,7 +232,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/marvin-meyer-SYTO3xs06fU-unsplash-min.png"
+                    src="img/1.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -249,7 +249,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/computer sq-min.png"
+                    src="img/2.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -266,7 +266,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/app n web full-min.png"
+                    src="img/3.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -283,7 +283,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/coding sq-min.png"
+                    src="img/4.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -300,7 +300,7 @@ <h2 class="subtitle">
     </section>
 
 
-    <div class="section">
+    <div class="section" >
       <div class="container">
         <div class="columns">
           <div class="column">
@@ -314,7 +314,7 @@ <h1 class="title">Ongoing Endeavours</h1>
             <div class="card medium">
               <div class="card-image is-16by9">
                 <figure class="image">
-                  <img src="img/ama (1)-min.jpg" alt="Image" />
+                  <img src="img/bbb.png" alt="Image" />
                 </figure>
               </div>
               <div class="card-content">
@@ -323,7 +323,7 @@ <h1 class="title">Ongoing Endeavours</h1>
                     <p class="title is-4 no-padding">Weekly AMAs</p>
                     <p>
                       <span class="title is-6">
-                        <a href="https://events.hackclub.com/"> Lorem Ipsum </a>
+                        <a href="https://events.hackclub.com/" class="bhai"> Lorem Ipsum </a>
                       </span>
                     </p>
                   </div>
@@ -350,7 +350,7 @@ <h1 class="title">Ongoing Endeavours</h1>
             <div class="card medium">
               <div class="card-image is-16by9">
                 <figure class="image">
-                  <img src="img/summer of making diff-min.jpg" alt="Image" />
+                  <img src="img/ccc.png" alt="Image" />
                 </figure>
               </div>
               <div class="card-content">
@@ -359,7 +359,7 @@ <h1 class="title">Ongoing Endeavours</h1>
                     <p class="title is-4 no-padding">Summer of Making</p>
                     <p>
                       <span class="title is-6">
-                        <a href="https://hackclub.com/">
+                        <a href="https://hackclub.com/" class="bhai">
                           Build Something Real This Summer.
                         </a>
                       </span>
@@ -390,7 +390,7 @@ <h1 class="title">Ongoing Endeavours</h1>
             <div class="card medium">
               <div class="card-image is-16by9">
                 <figure class="image">
-                  <img src="img/hackathon11-min.jpg" alt="Image" />
+                  <img src="img/aaa.png" alt="Image" />
                 </figure>
               </div>
               <div class="card-content">
@@ -400,7 +400,7 @@ <h1 class="title">Ongoing Endeavours</h1>
                     <p>
                       <span class="title is-6">
                         <a href="https://hackathons.hackclub.com/"
-                          >(Online) Hackathons in 2020
+                        class="bhai">(Online) Hackathons in 2020
                         </a>
                       </span>
                     </p>
@@ -430,7 +430,7 @@ <h1 class="title">Ongoing Endeavours</h1>
                     <p class="title is-4 no-padding">Hack Night</p>
                     <p>
                       <span class="title is-6">
-                        <a href="https://hackclub.com/night/">
+                        <a href="https://hackclub.com/night/" class="bhai">
                           Join us for Hack Night
                         </a>
                       </span>
@@ -481,7 +481,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/alex-min.jpg"
+                    src="img/lubna.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -508,7 +508,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/alex-min.jpg"
+                    src="img/amitesh.jpg"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -535,7 +535,7 @@ <h2 class="subtitle">
                 <figure class="image is-128x128">
                   <img
                     class="is-rounded"
-                    src="img/alex-min.jpg"
+                    src="img/tamal.png"
                     alt="Placeholder image"
                   />
                 </figure>
@@ -654,7 +654,7 @@ <h2 class="subtitle">
               <p class="title is-4">Hack Club</p>
 
               <a
-                href="https://hackclub.com/philosophy/"
+              href="https://hackclub.com/philosophy/"
                 target="_blank"
                 class="subtitle is-6 mt-1"
                 >Philosophy
@@ -696,8 +696,8 @@ <h2 class="subtitle">
             <div class="column">
               <p class="title is-4">Join the Club</p>
               <p class="subtitle is-4 mt-1">
-                <span class="mx-2">
-                  <i class="fab fa-twitter"></i>
+                <span class="mx-2" >
+                  <i href="www.google.com" class="fab fa-twitter"></i>
                 </span>
                 <span class="mx-2">
                   <i class="fab fa-instagram"></i>