feat: add team bio

dreamspace-academy · Jan 25, 2024 · b54ccb8 · b54ccb8
1 parent 39a47ea
commit b54ccb8
Show file tree

Hide file tree

Showing 6 changed files with 216 additions and 36 deletions.
diff --git a/.htaccess b/.htaccess
@@ -1,7 +1,17 @@
 RewriteEngine On
+
+# Ensure HTTPS
 RewriteCond %{HTTPS} off
 RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
-ErrorDocument 404 /404.html
+
+# Remove .html extension
 RewriteCond %{REQUEST_FILENAME} !-d
-RewriteCond %{REQUEST_FILENAME} !-f
-RewriteRule ^([^\.]+)$ $1.html [NC, L]
+RewriteCond %{REQUEST_FILENAME}.html -f
+RewriteRule ^(.+?)/?$ $1.html [L]
+
+# Redirect from .html URLs to extensionless URLs
+RewriteCond %{THE_REQUEST} ^[A-Z]{3,9}\ /.*\.html\ HTTP/
+RewriteRule ^(.*)\.html$ /$1 [R=301,L]
+
+# Custom error document
+ErrorDocument 404 /404.html
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -518,10 +518,14 @@ a.cart-btn {
   margin-bottom: 80px;
 }
 
-.breadcrumb-bg {
+.muse-breadcrumb-bg {
   background-image: url(../img/muse-bg.jpg);
 }
 
+.team-breadcrumb-bg {
+  background-image: url(../img/team-bg.jpg);
+}
+
 .breadcrumb-text p {
   color: #b0009c;
   font-weight: 700;
@@ -2301,6 +2305,39 @@ ul.social-link-team li a {
   margin: 5px;
 }
 
+.testimonial-card .card-up {
+  height: 120px;
+  overflow: hidden;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  border-color: transparent;
+}
+
+.aqua-gradient {
+  background: rgb(33, 0, 71);
+  background: linear-gradient(
+    135deg,
+    rgba(33, 0, 71, 1) 0%,
+    rgba(189, 7, 170, 1) 68%,
+    rgba(197, 0, 250, 1) 100%
+  );
+}
+
+.testimonial-card .avatar {
+  width: 150px;
+  margin-top: -60px;
+  overflow: hidden;
+  border: 5px solid #fff;
+  border-radius: 50%;
+}
+
+.testimonial-card .linkedin {
+  display: flex;
+  background: white;
+  flex-direction: row;
+  /* align-content: center; */
+  justify-content: center;
+}
 /* -----------------------------------------------------------------------------
 
 # Contact Page Styles

diff --git a/assets/img/team-bg.jpg b/assets/img/team-bg.jpg
diff --git a/index.html b/index.html
@@ -84,7 +84,7 @@
               <ul>
                 <li class="current-list-item"><a href="#">Home</a></li>
                 <li><a href="#about">About</a></li>
-                <li><a href="#team">Team</a></li>
+                <li><a href="team.html">Team</a></li>
                 <li><a href="#stories">Stories</a></li>
                 <li><a href="#contact">Contact</a></li>
                 <li><a href=""></a></li>
@@ -155,8 +155,8 @@ <h3><span class="orange-text">What</span> We Do</h3>
         <div class="col-lg-8 offset-lg-2 text-center">
           <div class="section-title">
             <h3>Our<span class="orange-text"> Vision</span></h3>
-            <p>To build a space where women have been equally embraced in all sectors of STEAM, breaking any stigma
-              against them in the Global South.</p>
+            <p>To build a space where Sri Lankan women have been equally embraced in all sectors of STEAM, breaking any
+              stigma against them.</p>
           </div>
         </div>
       </div>
@@ -171,7 +171,7 @@ <h3>Our<span class="orange-text"> Vision</span></h3>
         <div class="col-lg-8 offset-lg-2 text-center">
           <div class="section-title">
             <h3>Our<span class="orange-text"> Mission</span></h3>
-            <p>To nurture and make the dreams of Sri Lankan women in STEAM come true through mentoring, challenged-based
+            <p>To nurture and make the dreams of Sri Lankan women in STEAM come true through mentoring, challenge-based
               learning, grassroots innovation, and impact venture building.</p>
           </div>
         </div>
@@ -236,10 +236,10 @@ <h3>Our<span class="orange-text"> Stories</span></h3>
                     class="fas fa-play"></i></a></div>
             </a>
             <div class="news-text-box">
-              <h3><a>Our Hands-On Trainings in STEAM</a></h3>
+              <h3><a>Our Hands-On Training in STEAM</a></h3>
 
-              <p class="excerpt">We provide a challenged based working experience for local women, catered for Sri
-                Lankan tech industries.</p>
+              <p class="excerpt">We provide a challenge-based working experience for local women, catering to Sri Lankan
+                industries in technology.</p>
               <a target="_blank" href="https://www.youtube.com/playlist?list=PLdoNFLk3g0PAl3E3dw-Q5W_b3Q4DiSZ34"
                 class="read-more-btn">view more <i class="fas fa-angle-right"></i></a>
             </div>
@@ -259,8 +259,7 @@ <h3><a>Our Hands-On Trainings in STEAM</a></h3>
             <div class="news-text-box">
               <h3><a>Our Bootcamps for Women by Women </a></h3>
 
-              <p class="excerpt">We conduct bootcamps with the purpose of preparing the female trainees for a
-                gender-balanced society.</p>
+              <p class="excerpt">We conduct boot camps to prepare our female trainees for a gender-balanced society.</p>
               <a target="_blank" href="https://www.youtube.com/playlist?list=PLdoNFLk3g0PAl3E3dw-Q5W_b3Q4DiSZ34"
                 class="read-more-btn">view more <i class="fas fa-angle-right"></i></a>
             </div>
@@ -280,8 +279,8 @@ <h3><a>Our Bootcamps for Women by Women </a></h3>
             <div class="news-text-box">
               <h3><a>Our Startup Incubation Programme </a></h3>
 
-              <p class="excerpt">We incubate the socially innovative ideas of our women through balancing their social
-                mission with a business venture.
+              <p class="excerpt">We incubate our women’s socially innovative ideas by balancing their social mission
+                with a business venture.
               </p>
               <a target="_blank" href="https://www.youtube.com/playlist?list=PLdoNFLk3g0PAl3E3dw-Q5W_b3Q4DiSZ34"
                 class="read-more-btn">view more <i class="fas fa-angle-right"></i></a>
@@ -324,7 +323,7 @@ <h4>Rachel Kamini Devamithran</h4>
             <ul class="social-link-team">
               <li><a href="https://www.linkedin.com/in/racheldevamithran/" target="_blank"><i
                     class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" class="bio-link" target="_blank"><i class="fa fa-address-book"
+              <li><a href="team.html#rachel" class="bio-link" target="_blank"><i class="fa fa-address-book"
                     aria-hidden="true"></i></i></a></li>
             </ul>
           </div>
@@ -338,6 +337,8 @@ <h4>Kamini Velusamy</h4>
             <ul class="social-link-team">
               <li><a href="https://www.linkedin.com/in/kaminiv/" target="_blank"><i class="fab fa-linkedin"></i></a>
               </li>
+              <li><a href="team.html#kamini" class="bio-link" target="_blank"><i class="fa fa-address-book"
+                    aria-hidden="true"></i></i></a></li>
             </ul>
           </div>
         </div>
@@ -350,6 +351,8 @@ <h4>Anira Perera</h4>
             <ul class="social-link-team">
               <li><a href="https://www.linkedin.com/in/anira-perera/" target="_blank"><i
                     class="fab fa-linkedin"></i></a></li>
+              <li><a href="team.html#anira" class="bio-link" target="_blank"><i class="fa fa-address-book"
+                    aria-hidden="true"></i></i></a></li>
             </ul>
           </div>
         </div>
@@ -362,6 +365,8 @@ <h4>Abilajini Seeralan</h4>
             <ul class="social-link-team">
               <li><a href="https://www.linkedin.com/in/abilajini-s/" target="_blank"><i class="fab fa-linkedin"></i></a>
               </li>
+              <li><a href="team.html#abi" class="bio-link" target="_blank"><i class="fa fa-address-book"
+                    aria-hidden="true"></i></i></a></li>
             </ul>
           </div>
         </div>
@@ -378,10 +383,11 @@ <h4>Abilajini Seeralan</h4>
         <div class="col-lg-8 mb-5 mb-lg-0">
           <div class="form-title">
             <h2>Do you have any questions?</h2>
-            <p>Our Dreams of Women team is always ready to connect! <br> If you’re a female aspirant in a STEAM field, a
-              potential mentor, or someone passionate about supporting gender equality in science and technology, we’re
-              eager to hear from you! Reach out to us for more information, to join our programs, or to collaborate.
-              Let’s make a difference together in empowering women in STEAM.</p>
+            <p>Our Dreams of Women team is always ready to connect!</p>
+            <p>If you’re a female aspirant in a STEAM field, a potential mentor, or someone passionate about supporting
+              gender equality in science and technology, we’re eager to hear from you!</p>
+            <p>Contact us for more information, to join our programs, or to collaborate.</p>
+            <p>Let’s make a difference together by empowering women in STEAM!</p>
           </div>
           <div id="form_status"></div>
           <div class="contact-form">
@@ -441,7 +447,7 @@ <h4><i class="fas fa-address-book"></i> Contact</h4>
             Rights Reserved.<br>
             Developed By - <a href="https://dreamspace.academy/" target="_blank">DreamSpace Academy</a>
             <br>
-            Image by <a
+            Image by <a target="_blank"
               href="https://www.freepik.com/premium-vector/concept-virtual-reality-technology-graphic-teenage-gamer-wearing-vr-head-mounted-playing-game_20983192.htm#query=tech%20women%20meta&position=33&from_view=search&track=ais&uuid=68881e01-a4bb-41ea-803c-db90f0faac85">
               jackie_niam</a> on Freepik
           </p>

diff --git a/muse-project.html b/muse-project.html
@@ -84,7 +84,7 @@
                             <ul>
                                 <li><a href="index.html">Home</a></li>
                                 <li><a href="index.html#about">About</a></li>
-                                <li><a href="index.html#team">Team</a></li>
+                                <li><a href="team.html">Team</a></li>
                                 <li><a href="index.html#stories">Stories</a></li>
                                 <li><a href="index.html#contact">Contact</a></li>
                                 <li><a href=""></a></li>
@@ -101,7 +101,7 @@
     <!-- end header -->
 
     <!-- breadcrumb-section -->
-    <div class="breadcrumb-section breadcrumb-bg">
+    <div class="breadcrumb-section muse-breadcrumb-bg">
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 offset-lg-2 text-center">
@@ -131,8 +131,8 @@ <h1>The Dreams of Women Muse Project! </h1>
                             <h4>Introduction</h4>
                             <p>Welcome to our Muse Project – a platform where dreams, aspirations, and inspirations
                                 converge. At Dreams of Women, we believe in the power of stories to inspire and
-                                motivate, especially in the realms of science, technology, engineering, arts, and
-                                mathematics (STEAM). Your journey, challenges, and triumphs have the potential to ignite
+                                motivate, especially in the realms of Science, Technology, Engineering, Arts, and
+                                Mathematics (STEAM). Your journey, challenges, and triumphs have the potential to ignite
                                 passion and determination in girls and women across the globe.</p>
 
                             <h4>Why Your Story Matters:</h4>
@@ -176,7 +176,7 @@ <h4>How to Share Your Story:</h4>
                             Women</a>, All
                         Rights Reserved.<br>
                         Developed By - <a href="https://dreamspace.academy/" target="_blank">DreamSpace Academy</a><br>
-                        Image by <a
+                        Image by <a target="_blank"
                             href="https://www.freepik.com/free-vector/happy-woman-work-with-tablet-office-night-vector-cartoon-background-student-designer-character-enjoy-drawing-project-late-time-workspace-cityscape-from-window-company-workplace_61393181.htm#query=tech%20women&position=3&from_view=search&track=ais&uuid=c03010c7-b756-40af-b33a-6d5824c17cdf">
                             upklyak</a> on Freepik
                     </p>