Merge pull request #2 from TartejBrothers/Add

Added Mission
TartejBrothers · Dec 6, 2023 · fc4669e · fc4669e
2 parents 6072432 + 8aee8a4
commit fc4669e
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -210,11 +210,14 @@ input#search {
   height: 250px;
 }
 .bodymissionmain {
+  width: calc(100% - 60px);
   margin: 30px;
   background-color: #f6f6f7;
   display: flex;
-  width: 100%;
+  align-items: center;
+
   height: fit-content;
+  text-align: center;
   border-radius: 50px;
 }
 .bodymissiontext {
@@ -228,6 +231,16 @@ input#search {
   font-family: lora;
   font-size: 54px;
 }
+.bodymissiontext ul {
+  list-style-type: none;
+}
+.bodymissiontext ul li {
+  margin-bottom: 5px;
+  text-align: left;
+  font-family: roboto;
+  font-size: 16px;
+  margin-left: 20px;
+}
 .bodymissiontextsplitter {
   width: 60%;
   border: 1px solid #e6222b;
@@ -236,6 +249,12 @@ input#search {
   margin-left: auto;
   margin-right: auto;
 }
+.missionhead {
+  font-family: roboto;
+  font-size: 24px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
 @media screen and (max-width: 1000px) {
   .navitems {
     display: none;
@@ -263,4 +282,22 @@ input#search {
   .quotes {
     flex-direction: column;
   }
+  .bodymissionmain {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+
+  .bodymission img {
+    height: 120px;
+  }
+}
+
+@media screen and (min-width: 1400px) {
+  .bodymissiontext ul li {
+    font-size: 22px;
+  }
 }
diff --git a/index.html b/index.html
@@ -83,7 +83,44 @@ <h2>
       <div class="bodymissiontext">
         <h2>Our <font color="#E6222B">Mission</font></h2>
         <hr class="bodymissiontextsplitter" />
-        <p class="missionhead">Transforming Lives, Building Futures</p>
+        <p class="missionhead">
+          Transforming <font color="#E6222B">Lives</font>, Building
+          <font color="#E6222B">Futures</font>
+        </p>
+        <ul>
+          <li>
+            We promote
+            <font color="#E6222b"><i>health and nutrition</i></font> through
+            targeted initiatives, ensuring a brighter, healthier future for all.
+          </li>
+          <li>
+            Fosters
+            <font color="#E6222b"
+              ><i>livelihoods and strengthens market linkages</i></font
+            >, empowering communities for sustainable economic growth.
+          </li>
+          <li>
+            Dedicated to expanding
+            <font color="#E6222b"
+              ><i>access to education, including higher education</i></font
+            >, to unlock the full potential of future generations.
+          </li>
+          <li>
+            <font color="#E6222b"><i>Empowers vulnerable people</i></font
+            >, providing them with the tools and opportunities needed to thrive
+            and lead fulfilling lives.
+          </li>
+          <li>
+            Committed to advancing knowledge through rigorous
+            <font color="#E6222b"><i>research and documentation</i></font>
+            efforts, driving informed decision-making and positive change.
+          </li>
+          <li>
+            Actively engages in
+            <font color="#E6222b"><i>relief activities</i></font> to provide
+            immediate assistance and support to those in crisis.
+          </li>
+        </ul>
         <p></p>
       </div>
     </div>