From a9cfac893e8985a55aa679d78b856b97ea38c52a Mon Sep 17 00:00:00 2001
From: Dabi-ayu <dabiayu8@gmail.com>
Date: Fri, 17 Mar 2023 10:22:39 -0700
Subject: [PATCH 1/3] I added the organizer's section

---
 project.css  | 51 ++++++++++++++++++++++++++++++++++
 project.html | 77 ++++++++++++++++++++++++++++++++++++++++++++++++++--
 2 files changed, 126 insertions(+), 2 deletions(-)

diff --git a/project.css b/project.css
index d583769..311c4bb 100644
--- a/project.css
+++ b/project.css
@@ -475,3 +475,54 @@ ul li a:hover::before{
   border-radius: 10px;
   border-color: #3E7FFF;
 }
+
+/* our organizers*/
+
+
+.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: blue;
+}
+.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: 1%;
+}
\ No newline at end of file
diff --git a/project.html b/project.html
index 0cb4246..de7552d 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,82 @@ <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-brands fa-twitter"></i>
+                <i class="fa-brands fa-facebook"></i>
+                <i class="fa-brands fa-github"></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-brands fa-twitter"></i>
+                <i class="fa-brands fa-facebook"></i>
+                <i class="fa-brands fa-github"></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-brands fa-twitter"></i>
+                <i class="fa-brands fa-facebook"></i>
+                <i class="fa-brands fa-github"></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-brands fa-twitter"></i>
+                <i class="fa-brands fa-facebook"></i>
+                <i class="fa-brands fa-github"></i>
+            </span>
+        </div>
+
+
     </section>
 
-    
+
+
+
+
 
     <script src="project.js"></script>
 </body>

From 579b3543be224895207898f1210c2f77f6acbe0c Mon Sep 17 00:00:00 2001
From: Dabi-ayu <dabiayu8@gmail.com>
Date: Fri, 17 Mar 2023 11:04:34 -0700
Subject: [PATCH 2/3] icons corrected

---
 project.css  |  5 +++--
 project.html | 24 ++++++++++++------------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/project.css b/project.css
index 311c4bb..ae0e637 100644
--- a/project.css
+++ b/project.css
@@ -507,7 +507,7 @@ ul li a:hover::before{
 
 .blue-text{
   margin-left: 30%;
-  color: blue;
+  color: #3E7FFF;
 }
 .org-image img{
   margin-left: 8%;
@@ -524,5 +524,6 @@ margin-left: 8%;
   justify-content: center; 
 }
 .icons i{
-  margin: 1%;
+  margin: 2%;
+  color: #3E7FFF;
 }
\ No newline at end of file
diff --git a/project.html b/project.html
index de7552d..ae32544 100644
--- a/project.html
+++ b/project.html
@@ -273,9 +273,9 @@ <h2 class="blue-text">Hawawou</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa-brands fa-twitter"></i>
-                <i class="fa-brands fa-facebook"></i>
-                <i class="fa-brands fa-github"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-github" aria-hidden="true"></i>
             </span>
 
         </div>
@@ -289,9 +289,9 @@ <h2 class="blue-text">Steph</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa-brands fa-twitter"></i>
-                <i class="fa-brands fa-facebook"></i>
-                <i class="fa-brands fa-github"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-github" aria-hidden="true"></i>
             </span>
         </div>
         <div class="org-box">
@@ -304,9 +304,9 @@ <h2 class="blue-text">Mankaa</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa-brands fa-twitter"></i>
-                <i class="fa-brands fa-facebook"></i>
-                <i class="fa-brands fa-github"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-github" aria-hidden="true"></i>
             </span>
 
         </div>
@@ -320,9 +320,9 @@ <h2 class="blue-text">petra</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa-brands fa-twitter"></i>
-                <i class="fa-brands fa-facebook"></i>
-                <i class="fa-brands fa-github"></i>
+                <i class="fa fa-twitter" aria-hidden="true"></i>
+                <i class="fa fa-linkedin" aria-hidden="true"></i>
+                <i class="fa fa-github" aria-hidden="true"></i>
             </span>
         </div>
 

From 27163f73f879b31620eb1f3443b067b0f4cdaf17 Mon Sep 17 00:00:00 2001
From: Dabi-ayu <dabiayu8@gmail.com>
Date: Fri, 17 Mar 2023 11:21:27 -0700
Subject: [PATCH 3/3] icons corrected

---
 project.css  |  3 +--
 project.html | 22 +++++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/project.css b/project.css
index ae0e637..4fb7779 100644
--- a/project.css
+++ b/project.css
@@ -476,8 +476,7 @@ ul li a:hover::before{
   border-color: #3E7FFF;
 }
 
-/* our organizers*/
-
+/* our organizer's*/
 
 .our-organizers{
   background-color: rgb(214, 212, 212);
diff --git a/project.html b/project.html
index ae32544..2dce0ad 100644
--- a/project.html
+++ b/project.html
@@ -260,7 +260,7 @@ <h2>Become a<br>member</h2><br>
 
     </section>
 
-    <!-- meet our organizers -->
+    <!-- Meet our organizers -->
     <h2 class="project-category">Meet Our organizers</h2>
     <section class="our-organizers">
         <div class="org-box">
@@ -273,9 +273,10 @@ <h2 class="blue-text">Hawawou</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-                <i class="fa fa-linkedin" aria-hidden="true"></i>
                 <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>
@@ -289,9 +290,10 @@ <h2 class="blue-text">Steph</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-                <i class="fa fa-linkedin" aria-hidden="true"></i>
                 <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">
@@ -304,9 +306,10 @@ <h2 class="blue-text">Mankaa</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-                <i class="fa fa-linkedin" aria-hidden="true"></i>
                 <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>
@@ -320,9 +323,10 @@ <h2 class="blue-text">petra</h2>
             <h3 class="org-position">organizers position</h3><br>
 
             <span class="icons">
-                <i class="fa fa-twitter" aria-hidden="true"></i>
-                <i class="fa fa-linkedin" aria-hidden="true"></i>
                 <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>