DSC-Unilag · Curiouspaul1 · Apr 10, 2024 · Apr 13, 2024 · Apr 15, 2024 · Apr 16, 2024
diff --git a/.DS_Store b/.DS_Store
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,9 @@ yarn-debug.log*
 yarn-error.log*
 firebase-debug.log*
 
+#Mac
+*.DS_Store
+
 # Firebase cache
 .firebase/
 

diff --git a/about.html b/about.html
@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="images/icon-logo.png" type="image/png" />
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <title>About Page</title>
+    <link rel="stylesheet" href="css/about.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap"
+        rel="stylesheet">
+</head>
+
+<body>
+    <header>
+        <a class="header-logo" href="index.html">
+            <img src="images/assets/hero/gdsc_logo.svg" width="200" alt="DSC icon">
+        </a>
+        <ul class="header-links">
+            <li class="header-link"><a class="header-link" href="#about">About</a></li>
+            <li class="header-link"><a href="#technologies" class="header-link">Programs</a></li>
+            <li class="header-link"><a href="learn.html" class="header-link">Events</a></li>
+            <li class="header-link"><a href="#workshops" class="header-link">Blogs</a></li>
+            <li class="header-link"><a href="#team" class="header-link">Team</a></li>
+        </ul>
+        <a href="http://dscunilag.dev/join" class="header-cta" rel="noreferrer" target="_blank">Join GDSC</a>
+        <span class="menubar">&#9776;</span>
+    </header>
+
+    <nav>
+        <span class="close">&#10006;</span>
+        <ul>
+            <li><a href="#about">About</a></li>
+            <li><a href="#technologies">Programs</a></li>
+            <li><a href="learn.html">Events</a></li>
+            <li><a href="#workshops">Blogs</a></li>
+            <li><a href="#team">Team</a></li>
+        </ul>
+    </nav>
+
+    <section class="who-we-are" id="who-we-are">
+        <div class="content">
+            <img src="images/image4.png" class="scribbles upper-right" alt="">
+            <img src="images/image5.png" class="scribbles upper-left" alt="">
+            <img src="images/image7.png" class="scribbles bottom-right" alt="">
+            <div class="who-we-are__img">
+                <div class="col">
+                    <img src="images/who-we-are/who-we-are-1.png" alt="who we are I">
+                    <img src="images/who-we-are/who-we-are-3.png" alt="who we are II">
+                </div>
+                <div class="col">
+                    <img src="images/who-we-are/who-we-are-2.png" alt="who we are 3">
+                    <img src="images/who-we-are/who-we-are-4.png" alt="who we are 4">
+                </div>
+            </div>
+            <div class="who-we-are__text">
+                <h2 class="section-title">Who we are</h2>
+                <blockquote class="blockquote">
+                    <p class="blockquote__text">
+                        Learning alone...<br />
+                        That sparks a lot of memories — days of almost banging my head against the wall, not having
+                        someone
+                        to ask questions when I got stuck, tell my worries to or encourage me when things got tough.
+                        Sadly, that was the situation I found myself in before COVID-19 came.
+                        When you add the complexity of programming to the endless resources that seemed to offer more
+                        confusion than clarity, you will understand why I started feeling frustrated and isolated.
+                        I was just in my second year then and was struggling through a tough Python course. While my
+                        interest in programming was sparked by seeing all the things I could build with it, the journey
+                        felt
+                        overwhelming and I almost gave up.<br />
+                        In fact, I think I did...<br />
+                        Then, in January 2020, I discovered GDSC UNILAG.<br />
+                        It's a space where students can connect, learn, and grow together. I encountered fellow students
+                        who
+                        shared my passion for technology and were always ready to offer support.<br /><br />
+                        This newfound community gave me the motivation and comfort to persevere and push forward in my
+                        learning journey. There's always something going on. It's either a workshop, or an event
+                        featuring
+                        industry experts, industrial visits, coding challenges, and hackathons.<br /><br />
+                        These activities weren't just designed to equip us with the latest tech skills and
+                        problem-solving
+                        abilities; they also taught us the importance of leadership and teamwork. This journey
+                        transformed
+                        me from being a member to becoming the Lead.<br /><br />
+                        Today's landscape reminds me of the challenge I had then in navigating my tech journey, only
+                        that
+                        it's even tougher now. There's AI, ML, blockchain, and Web3—new paradigms keep springing up
+                        daily. <br /><br />
+                        It feels like you will fall by the wayside if you don't keep up. <br /><br />
+                        The reward lies with going far, and at GDSC UNILAG, we believe that this journey shouldn't be a
+                        solo
+                        mission. We've seen from experience that while you will often go fast going alone, you will only
+                        go
+                        far if you go with others.
+                        This is why we're here to support you every step of the way, from finding the right resources to
+                        seizing opportunities. But it's only possible when you become part of our community dedicated to
+                        collective growth and success in the tech world. You can join us here. <br />
+                    </p>
+                    <p class="blockquote__text blockquote__text-author">Hafsah Anibaba, Lead, GDSC Unilag</p>
+
+                </blockquote>
+            </div>
+        </div>
+    </section>
+
+    <section class="join-community" id="join-community">
+        <div class="content">
+            <h3>Join Our Community</h3>
+            <button>Become a member</button>
+        </div>
+        <!-- <p class="p">Vector Block</p> -->
+        <img src="images/assets/vector-blocks.png" alt="" class="vector-block">
+    </section>
+
+    <footer class="footer-section">
+        <div class="container-fluid">
+            <div class="row flex-column flex-sm-row flex-lg-row">
+                <div class="col-12 col-lg-3 align-self-center">
+                    <div class="footer-widget first-of-footer-widget">
+                        <img src="/images/icon-logo.png" class="logo-xsm mb-10"
+                            alt="DSC University of Lagos footer logo">
+                        <img src="/images/Frame53.png" class="logo-sm mb-10" alt="DSC University of Lagos footer logo">
+                    </div>
+                </div>
+                <div class="col-12 col-lg-7">
+                    <div class="row">
+                        <div class="col-6 col-sm-4 col-md-3">
+                            <div class="footer-widget">
+                                <h4 class="footer-widget__title">Clubs</h4>
+                                <ul class="list-unstyled">
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">About GDSC</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">Core Team</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">Technologies</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-6 col-sm-4 col-md-3">
+                            <div class="footer-widget">
+                                <h4 class="footer-widget__title">Resources</h4>
+                                <ul>
+                                    <li class="list-unstyled">
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">Blog</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">Learn</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noreferrer">Join GDSC</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-6 col-sm-4 col-md-3">
+                            <div class="footer-widget">
+                                <h4 class="footer-widget__title">Activities</h4>
+                                <ul class="list-unstyled">
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Programs</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Hackathon</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Open Source</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Workshops</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                        <div class="col-6 col-sm-4 col-md-3">
+                            <div class="footer-widget">
+                                <h4 class="footer-widget__title">Help and Support</h4>
+                                <ul class="list-unstyled">
+                                    <li>
+                                        <a href="https://dscunilag.dev/guidelines" target="_blank"
+                                            rel="noopener noreferrer">Community Guidelines</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">FAQs</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Contact Us</a>
+                                    </li>
+                                    <li>
+                                        <a href="#" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
+                                    </li>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-12 col-lg-2">
+                    <div class="footer-widget">
+                        <ul class="social-list__inline mt-10">
+                            <li>
+                                <a href="https://twitter.com/DSCUnilag">
+                                    <i class="fab fa-twitter"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://github.com/DSC-Unilag">
+                                    <i class="fab fa-github"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://dscunilag.slack.com">
+                                    <i class="fab fa-slack"></i>
+                                </a>
+                            </li>
+                            <li>
+                                <a href="https://www.youtube.com/user/GoogleDevelopers" target="_blank" rel="noopener">
+                                    <i class="fab fa-youtube"></i>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-40">
+                <p class="m-0 text-center">Copyright ©
+                    <script>document.write(new Date().getFullYear())</script>. All Rights Reserved.</span>
+            </div>
+        </div>
+    </footer>
+
+    <script src="js/vendors/bootstrap.bundle.min.js"></script>
+    <script src="js/custom.js"></script>
+</body>
+
+</html>