index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DSC - Kimathi University</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="DSC Kimathi University" />
    <meta name="description" content="Developer Student Clubs (DSC) is a Google Developers program for university students to learn mobile and web development skills.">
    <meta name="keywords" content="dsc, dsckimathi, kimathi university, samwel kamwana,google developers, sub saharan africa, kenya, computer science" />
    <link href="css/ionicons.min.css" rel="stylesheet">
    <link rel="manifest" href="manifest.json">
    <link rel="stylesheet" href="css/fontawesome-all.min.css">
    <link rel="icon" href="images/icon.png" type="image/png" />
    <link rel="stylesheet" href="css/animate.css" />
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href='https://fonts.googleapis.com/css?family=Product+Sans' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="css/styles.css">
    <link rel="stylesheet" href="css/responsive.css">
    <!-- Google Analytics -->
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-124904500-1', 'auto');
        ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->
</head>

<body class="x-hidden has-sticky-header">
    <nav class="navbar navbar-expand-lg fixed-top custom-menu custom-menu__light">
        <div class="container">
            <a class="navbar-brand" href="index.html">
                <img src="images/assets/logo.png" alt="Image">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="menu-icon__circle">
        </span>
            <span class="menu-icon">
          <span class="menu-icon__bar"></span>
          <span class="menu-icon__bar"></span>
          <span class="menu-icon__bar"></span>
        </span>
        </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-lg-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#overview">Overview
                        <span class="sr-only">(current)</span>
                    </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#workshops">Workshops</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#team">Team</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#faqs">FAQs</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="https://medium.com/@dsckimathi" target="_blank">Stories</a>
                    </li>
                </ul>
                <div class="custom-menu__right">
                    <a href="https://www.meetup.com/DSC-Kimathi-University-Meetup/" class="btn btn-primary btn-pills" target="_blank">RSVP for
                    Next Event</a>
                </div>
            </div>
        </div>
    </nav>

    <header id="hero" class="hero">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-sm-6">
                    <div class="hero-content">
                        <div class="hero-title__group">
                            <div class="hero-title">
                                <h2 class="zuri">Developer Student Club<br> Kimathi University.</h2>
                            </div>
                            <div class="Hero--Subtitle">
                                <p class="lead">Developer Student Clubs (DSC) is a Google Developers program for university students to learn mobile and web development skills. The clubs will be open to any student, ranging from novice developers who are just starting,
                                    to advanced developers who want to further their skills</p>
                            </div>
                        </div>
                        <div class="hero-cta-group">
                            <form id="mailform" class="hero-form cta__large">
                                <div class="alert text-red">Thanks for joining our mailing list!!</div>
                                <div class="input-group">
                                    <label for="email" class="sr-only">Email</label>
                                    <input type="email" class="form-control" id="email" placeholder="Enter your email" required>
                                    <button type="submit" class="btn btn-secondary">Join mailing list</button>
                                </div>
                                <span class="assistive-text">* Get all the latest exciting community announcements delivered to your inbox.</span>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-5 ml-auto">
                    <div class="hero-figure">
                        <img src="images/assets/meetup.jpg" class="img-fluid w-100" alt="">
                    </div>
                </div>
            </div>
        </div>
    </header>

    <section id="overview" class="section-spacer">
        <div class="container">

            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="feature-card">
                        <div class="u-icon u-icon__circle u-icon__lg bg-dimped__primary">
                            <i class="fas fa-rocket animated jello infinite"></i>
                        </div>
                        <div class="feature-card__body">
                            <h4 class="feature-title">Concept of DSC</h4>
                            <p>The Developer Student Clubs (DSC) program is a grassroots channel through which we provide development skills for students, towards employability.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="feature-card">
                        <div class="u-icon u-icon__circle u-icon__lg bg-dimped__red">
                            <i class="fas fa-lightbulb animated tada infinite"></i>
                        </div>
                        <div class="feature-card__body">
                            <h4 class="feature-title">Why DSC?</h4>
                            <p>For students to learn development skills, solve problems through technology & inspire them to be developers and change-makers.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="feature-card m-0">
                        <div class="u-icon u-icon__circle u-icon__lg bg-dimped__green">
                            <i class="fas fa-users animated pulse infinite"></i>
                        </div>
                        <div class="feature-card__body">
                            <h4 class="feature-title">Target audience</h4>
                            <p>DSC activities are primarily targeted at University students and any others including faculty members who want to learn development skills</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="hiw" class="section-spacer bg-very__gray">
        <div class="container">
            <header class="section-header text-center">
                <h2 class="section-title">Technologies we're excited about</h2>
                <p class="section-subtitle">Opportunities to learn & access deep technical session.</p>
                <br>
            </header>
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="feature-list-image">
                        <img src="images/assets/technologies/android.png" class="img-fluid" alt="Image" width="100%" height="50%">
                    </div>
                </div>
                <div class="col-sm-5 ml-auto">
                    <div class="feature-list-wrapper">
                        <div class="content-header">
                            <h2 class="content-title">Android Development</h2>
                            <p>Every year Google developers release exciting new updates to the world's most popular operating system. We always have sessions to keep you updated and mastering the latest trends in modern Android development.</p>
                        </div>
                        <a href="https://www.android.com" class="btn btn-primary btn-lg">Learn More&nbsp;<i
                            class="fas fa-arrow-right"></i></a>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section-spacer">
        <div class="container">
            <div class="row flex-column-reverse flex-sm-row align-items-cengit ter">
                <div class="col-sm-5 mr-auto">
                    <div class="feature-list-wrapper">
                        <div class="content-header">
                            <h2 class="content-title">Web Development</h2>
                            <p>Learn the core foundations of a delightful web experience both for the user and developer. Stay up to tabs with emerging and trending technologies. Get access to a guided, tutorial and hands-on coding experience.
                            </p>
                        </div>
                        <a href="https://developers.google.com/web/" class="btn btn-primary btn-lg">Learn More&nbsp;<i
                            class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="feature-list-image">
                        <img src="images/assets/technologies/web.png" class="img-fluid" alt="Image" height="60%" width="90%">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="hip" class="section-spacer bg-very__gray">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="feature-list-image">
                        <img src="images/assets/technologies/cloud.png" class="img-fluid" alt="Image" width="90%">
                    </div>
                </div>
                <div class="col-sm-5 ml-auto">
                    <div class="feature-list-wrapper">
                        <div class="content-header">
                            <h2 class="content-title">Cloud Computing</h2>
                            <p>A cloud first world where businesses demand for agility and innovation and prompt rise of cloud-native applications to bridges gaps between data, insight, and action</p>
                        </div>
                        <a href="https://cloud.google.com" class="btn btn-primary btn-lg">Learn More&nbsp;<i
                            class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="workshops" class="section-spacer workshops-section bg-very__gray">
        <div class="container">
            <header class="section-header text-center">
                <h2 class="section-title">Events & Workshops</h2>
            </header>
            <div class="workshops-type-switch">
                <ul class="nav nav-pills justify-content-center js-tabs">
                    <li class="nav-item">
                        <a class="nav-link active" href="#upcoming">Upcoming Events</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#past">Past Events</a>
                    </li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="upcoming" role="tabpanel" aria-labelledby="upcoming">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="workshops-single">
                                <div class="workshops-header">
                                    <div class="workshops-price">
                                        <div class="workshops-value">
                                            Getting Started with Google Cloud
                                            <hr>
                                        </div>
                                        <h6>DATE : 22<sup>nd</sup> Sept 2018</h6>
                                        <h6>VENUE : Old Library, Main Campus</h6>
                                        <h6>TIME : 0900hrs - 1500hrs</h6>
                                    </div>
                                </div>
                                <div class="workshops-footer">
                                    <a href="https://www.meetup.com/DSC-Kimathi/events/" class="btn btn-primary">RSVP NOW</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="workshops-single">
                                <div class="workshops-header">
                                    <div class="workshops-price">
                                        <div class="workshops-value">
                                            Africa's Talking : SMS, USSD, IoT Workshop
                                            <hr>
                                        </div>
                                        <h6>DATE : 29<sup>th</sup> Sept 2018</h6>
                                        <h6>VENUE : Old Library, Main Campus</h6>
                                        <h6>TIME : 0900hrs - 1500hrs</h6>
                                    </div>
                                </div>
                                <div class="workshops-footer">
                                    <a href="https://www.meetup.com/DSC-Kimathi/events/253674711/" class="btn btn-primary">RSVP
                                    NOW</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="workshops-single">
                                <div class="workshops-header">
                                    <div class="workshops-price">
                                        <div class="workshops-value">
                                            Atlassian Tools and Best Practices
                                            <hr>
                                        </div>
                                        <h6>DATE : 6<sup>th</sup> Oct 2018</h6>
                                        <h6>VENUE : Old Library, Main Campus</h6>
                                        <h6>TIME : 0900hrs - 1500hrs</h6>
                                    </div>
                                </div>
                                <div class="workshops-footer">
                                    <a href="https://www.meetup.com/DSC-Kimathi/events/" class="btn btn-primary">RSVP NOW</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="past" role="tabpanel" aria-labelledby="past">

                    <section class="section-spacer">
                        <div class="container">
                            <div class="row flex-column-reverse flex-sm-row align-items-cengit ter">
                                <div class="col-sm-5 mr-auto">
                                    <div class="feature-list-wrapper">
                                        <div class="content-header">
                                            <h2 class="content-title">The Magic Of Flutter</h2>
                                            <hr>
                                            <h6>DATE : 6<sup>th</sup> Aug 2018</h6>
                                            <h6>VENUE : Old Library, Main Campus</h6>
                                            <p>We concentrated on two parts of Flutter, that we admire most.</p>
                                        </div>
                                        <a href="https://developers.google.com/web/" class="btn btn-primary btn-lg">Event
                                        Pictures&nbsp;<i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="feature-list-image">
                                        <iframe class="vanish" src="https://docs.google.com/presentation/d/e/2PACX-1vQw37yOddaGU-XhgoHwubXadUTEgnxQ0iqT6eHbBssRnP8UzplK-vkdL_5aKl3aiTKVjMkNMC_fRCt3/embed?start=false&loop=true&delayms=5000" frameborder="0" width="480" height="299" allowfullscreen="true"
                                            mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section id="hi" class="section-spacer bg-very__gray">
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-sm-6">
                                    <div class="feature-list-image">
                                        <iframe class="vanish" src="https://docs.google.com/presentation/d/e/2PACX-1vQcG84BsN5LAUmvkvEUwK2h1euvoW6PZaSl4CnJfybQx0xgB6XbQTECqo4H1M56axzqzDBqJpPVrbeL/embed?start=false&loop=true&delayms=30000" frameborder="0" width="480" height="299" allowfullscreen="true"
                                            mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
                                    </div>
                                </div>
                                <div class="col-sm-5 ml-auto">
                                    <div class="feature-list-wrapper">
                                        <div class="content-header">
                                            <h2 class="content-title">Build Your First App</h2>
                                            <hr>
                                            <h6>DATE : 6<sup>th</sup> July 2018</h6>
                                            <h6>VENUE : Old Library, Main Campus</h6>
                                            <p>We set up the Android Application Development Environment for creating, testing and debugging apps.</p>
                                        </div>
                                        <a href="https://cloud.google.com" class="btn btn-primary btn-lg">Event Pictures&nbsp;&nbsp;<i
                                            class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <section class="section-spacer">
                        <div class="container">
                            <div class="row flex-column-reverse flex-sm-row align-items-cengit ter">
                                <div class="col-sm-5 mr-auto">
                                    <div class="feature-list-wrapper">
                                        <div class="content-header">
                                            <h2 class="content-title">DSC SSA Leads Summit</h2>
                                            <hr>
                                            <h6>DATE : 25<sup>th</sup> July - 28<sup>th</sup>July 2018</h6>
                                            <h6>WHERE : Lagos, Nigeria.</h6>
                                            <p>One of our lead organizers <a href="https://www.kelvinkamau.app/" target="_blank">Kelvin
                                            Kamau</a> was privileged to represent the community in a lead summit hosted by Google Nigeria where he also talked about goal-setting.</p>
                                        </div>
                                        <a href="https://developers.google.com/web/" class="btn btn-primary btn-lg">Event
                                        Pictures&nbsp;<i class="fas fa-arrow-right"></i></a>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="feature-list-image">
                                        <iframe class="vanish" width="500" height="275" src="https://www.youtube.com/embed/AAin71VkbzQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </section>

    <section id="team" class="section-spacer bg-blue team-section">
        <div class="container">
            <header class="text-center section-header">
                <h2 class="section-title">Meet The DSC Team</h2>
                <span class="text-light">Passionate students and faculty staff driving the success of the program.</span>
            </header>
            <div class="row flex-column-reverse flex-lg-row-reverse align-items-sm-center">
                <div class="col-md-1">
                    <ul class="dots team-slider__indicators">
                        <li class="owl-dot"></li>
                        <li class="owl-dot"></li>
                        <li class="owl-dot"></li>
                        <li class="owl-dot"></li>
                        <li class="owl-dot"></li>
                        <li class="owl-dot"></li>
                    </ul>
                </div>
                <div class="col-md-11">
                    <div class="owl-carousel team-slider">
                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/job.jpg" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">Head Of Product - Afro Cabs</p>
                                            <p class="vanish">A highly-motivated mobile and web developer with an acquired taste for elegant design, an open source hobbyist & a community mentor keen to inspire change-makers.
                                            </p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Job Getabu</h5>
                                            <p>Lead Organizer & Android developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>
                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/sam" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">FullStack Web Developer</p>
                                            <p class="vanish">A highly-motivated mobile and web developer with an acquired taste for elegant design, an open source hobbyist & a community mentor keen to inspire change-makers.
                                            </p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Samwel Kamwana</h5>
                                            <p>Co-Organizer & Community Mentor</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>
                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/man.png" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">Lecturer at Kimathi University</p>
                                            <p class="vanish">My areas of specialization include:- Concurrency control,Bioinformatics, ICT integration,knowledge based systems, IoT and e-learning.</p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Mr Muchiri Michael.</h5>
                                            <p>DSC Faculty Advisor</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>
                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/teresa.png" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">Head Of Product - Afro Cabs</p>
                                            <p class="vanish">A highly-motivated mobile and web developer with an acquired taste for elegant design, an open source hobbyist & a community mentor keen to inspire change-makers.
                                            </p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Eva Wanini</h5>
                                            <p>Lead Organizer & Android developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>

                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/teresa.png" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">Front-End Developer</p>
                                            <p class="vanish">Learning how to code has given me problem-solving skills and a way to communicate with others on a technical level. I am learning how to solve using different programming languages and such. I love reading extensively.
                                                Interact with different people and share experiences.</p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Joy Kathure</h5>
                                            <p>Community Mentor & 3rd Year Student.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>

                        <blockquote class="team-item">
                            <div class="row align-items-center flex-column-reverse flex-md-row justify-content-sm-center">
                                <div class="col-12 col-md-4">
                                    <div class="team-item__thumb">
                                        <div class="team-item__image">
                                            <img src="images/assets/team/Teresa.png" alt="Image">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="team-content">
                                        <div class="team-item__context">
                                            <p class="vanish">Front-End Developer</p>
                                            <p class="vanish">Learning how to code has given me problem-solving skills and a way to communicate with others on a technical level. I am learning how to solve using different programming languages and such. I love reading extensively.
                                                Interact with different people and share experiences.</p>
                                        </div>
                                        <div class="team-meta">
                                            <h5>Njambi Francis</h5>
                                            <p>Community Mentor & 3rd Year Student.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="faqs" class="section-spacer section-faq">
        <div class="container">
            <header class="section-header text-center">
                <h2 class="section-title">Frequently Asked Questions</h2>
            </header>
            <div class="row">
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Who can become a member?</h5>
                            <p>The clubs is open to any student, ranging from novice developers who are just starting, to advanced developers who want to further their skills.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">How frequently do events and workshops occur?</h5>
                            <p>We have a hands-on session every Sunday at R9 and R10 School of Business from 1400hrs to 1800hrs. We also hold workshops and showcases & we would recommend you to join our community on <a href="https://www.meetup.com/DSC-Kimathi-University-Meetup/">Meetup</a>                                to get updates.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">What should I carry when attending a workshop?</h5>
                            <p>We recommend you carry with you a notebook, pen and a laptop because more often than not we make our hands dirty with code. Most importantly, carry along a healthy dose of curiosity and enthusiasm.</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Who should I reach out to if I have any questions?</h5>
                            <p>If you have any questions or comments, please don't hesitate to contact us by clicking the button below. We would be happy to stay engaged via email even after the event</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mt-40 text-center">
                <a href="mailto:dsckimathi@gmail.com" class="btn btn-primary btn-lg">Send us an email</a>
            </div>
        </div>
    </section>

    <footer class="section-spacer footer-section">
        <div class="container">
            <div class="row flex-column-reverse flex-sm-row flex-lg-row">
                <div class="col-md-4 col-12">
                    <div class="footer-widget first-of-footer-widget">
                        <img src="images/assets/logo.png" class="logo-sm mb-10" alt="Image">
                        <p>Copyright &copy; 2018. All Rights Reserved.</p>
                        <span>Feel free to drop us an email at </span>
                        <a href="mailto:dsckimathi@gmail.com">dsckimathi@gmail.com</a>
                        <ul class="social-list__inline mt-10">
                            <li>
                                <a href="https://twitter.com/dsckimathi">
                                    <i class="fab fa-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://github.com/DSC-kimathi">
                                    <i class="fab fa-github"></i>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <i class="fab fa-slack"></i>
                                </a>
                            </li>
                            <li>
                                <a href="https://www.youtube.com/user/GoogleDevelopers">
                                    <i class="fab fa-youtube"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-8 col-sm-10">
                    <div class="row">
                        <div class="col-md-4 col-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">Programs</h4>
                                <ul class="list-unstyled">
                                    <li>
                                        <a href="https://www.womentechmakers.com/">Women Techmakers</a>
                                    </li>
                                    <li>
                                        <a href="https://developers.google.com/programs/launchpad/">StartUp Launchpad</a>
                                    </li>
                                    <li>
                                        <a href="https://developers.google.com/experts/">Google Developer Experts</a>
                                    </li>
                                    <li>
                                        <a href="https://developers.google.com">Google Developer Groups</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-6">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">Developers</h4>
                                <ul>
                                    <li class="list-unstyled">
                                        <li>
                                            <a href="https://github.com/DSC-kimathi">Developers Forum</a>
                                        </li>
                                        <li>
                                            <a href="https://github.com/DSC-kimathi">GitHub</a>
                                        </li>
                                        <li>
                                            <a href="https://developer.android.com/dev-summit/community-guidelines/">Code of
                                    conduct</a>
                                        </li>
                                        <li>
                                            <a href="https://github.com/DSC-kimathi">Release Notes</a>
                                        </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="footer-widget">
                                <h4 class="footer-widget__title">Support</h4>
                                <ul class="list-unstyled">
                                    <li>
                                        <a href="#">Terms and Service</a>
                                    </li>
                                    <li>
                                        <a href="#">Privacy Policy</a>
                                    </li>
                                    <li>
                                        <a href="">Help Center</a>
                                    </li>
                                    <li>
                                        <a href="#">Cookie Policy</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://www.gstatic.com/firebasejs/5.4.1/firebase.js"></script>
    <script src="js/formfire.js"></script>
    <script>
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', function() {
                navigator.serviceWorker.register('js/sw.js')
                    .then(function() {
                        console.log("Service Worker Registered");
                    });
            });
        }
    </script>
    <script src="js/vendors/jquery.min.js"></script>
    <script src="js/vendors/bootstrap.bundle.min.js"></script>
    <script src="js/vendors/jquery.magnific-popup.min.js"></script>
    <script src="js/vendors/jquery.easing.min.js"></script>
    <script src="js/vendors/swiper.min.js"></script>
    <script src="js/vendors/owl.carousel.min.js"></script>
    <script src="js/custom.js"></script>
</body>

</html>