diff --git a/project.css b/project.css
index d583769..4fb7779 100644
--- a/project.css
+++ b/project.css
@@ -475,3 +475,54 @@ ul li a:hover::before{
   border-radius: 10px;
   border-color: #3E7FFF;
 }
+
+/* our organizer's*/
+
+.our-organizers{
+  background-color: rgb(214, 212, 212);
+  display: flex;
+  justify-content: center;
+}
+
+.org-box{
+
+  margin-left: 2%;
+  margin-top: 6%;
+  background-color:white;
+  border-radius: 10px;
+  width: 15%;
+  height: 250px;
+  box-shadow: 0 4px 8px 0;
+  padding: 4%;
+  position: relative;
+  
+  
+}
+
+.org-box h1,p{
+  text-align: center;
+  
+}
+
+.blue-text{
+  margin-left: 30%;
+  color: #3E7FFF;
+}
+.org-image img{
+  margin-left: 8%;
+  position: absolute;
+  margin-top: -38%;
+}
+
+.org-position{
+margin-left: 8%;
+}
+
+.icons{
+   display: flex;
+  justify-content: center; 
+}
+.icons i{
+  margin: 2%;
+  color: #3E7FFF;
+}
\ No newline at end of file
diff --git a/project.html b/project.html
index 0cb4246..2dce0ad 100644
--- a/project.html
+++ b/project.html
@@ -240,7 +240,7 @@ <h3>Project Title</h3>
                 <h2>Become a<br>member</h2><br>
                 <p>
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-                    eiusmod tempor 
+                    eiusmod tempor
                 </p><br>
                 <p>
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
@@ -257,9 +257,86 @@ <h2>Become a<br>member</h2><br>
         <div class="member-body member-img">
             <img class="member-image" src="image.jpg" alt="" />
         </div>
+
+    </section>
+
+    <!-- Meet our organizers -->
+    <h2 class="project-category">Meet Our organizers</h2>
+    <section class="our-organizers">
+        <div class="org-box">
+            <div class="org-image">
+                <img src="images/hawa.jpg" width="170" height="170" style="border-radius: 50%;" alt="image not found">
+            </div><br><br><br><br>
+            <p class="describe">Lorem ipsum dolor sit, amet consectetur adipisicing elit. corporis quis aspernatur odio
+                velit dignissimos dolorum quae!</p><br>
+            <h2 class="blue-text">Hawawou</h2>
+            <h3 class="org-position">organizers position</h3><br>
+
+            <span class="icons">
+                <i class="fa fa-github" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+               
+            </span>
+
+        </div>
+        <div class="org-box">
+            <div class="org-image">
+                <img src="images/steph.jpeg" width="170" height="170" style="border-radius: 50%;" alt="image not found">
+            </div><br><br><br><br>
+            <p class="describe">Lorem ipsum dolor sit, amet consectetur adipisicing elit. corporis quis aspernatur odio
+                velit dignissimos dolorum quae!</p><br>
+            <h2 class="blue-text">Steph</h2>
+            <h3 class="org-position">organizers position</h3><br>
+
+            <span class="icons">
+                <i class="fa fa-github" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+               
+            </span>
+        </div>
+        <div class="org-box">
+            <div class="org-image">
+                <img src="images/mankaa.jpg" width="170" height="170" style="border-radius: 50%;" alt="image not found">
+            </div><br><br><br><br>
+            <p class="describe">Lorem ipsum dolor sit, amet consectetur adipisicing elit. corporis quis aspernatur odio
+                velit dignissimos dolorum quae!</p><br>
+            <h2 class="blue-text">Mankaa</h2>
+            <h3 class="org-position">organizers position</h3><br>
+
+            <span class="icons">
+                <i class="fa fa-github" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+               
+            </span>
+
+        </div>
+        <div class="org-box">
+            <div class="org-image">
+                <img src="images/petra.jpg" width="170" height="170" style="border-radius: 50%;" alt="image not found">
+            </div><br><br><br><br>
+            <p class="describe">Lorem ipsum dolor sit, amet consectetur adipisicing elit. corporis quis aspernatur odio
+                velit dignissimos dolorum quae!</p><br>
+            <h2 class="blue-text">petra</h2>
+            <h3 class="org-position">organizers position</h3><br>
+
+            <span class="icons">
+                <i class="fa fa-github" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+               
+            </span>
+        </div>
+
+
     </section>
 
-    
+
+
+
+
 
     <script src="project.js"></script>
 </body>