speakers.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Speakers</title>
    <!-- Stylesheets -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">

    <link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
    <link rel="icon" href="images/favicon.png" type="image/x-icon">

    <!-- Meta Tags -->
    <meta name="keywords"
        content="unStack, developers, software engineers, conferences, meetups, twitter, facebook, engineers" />
    <meta name="description"
        content="unStack is a community of passionate developers, designers, and other technical talents, unStack is mostly focused on hands-on technical workshops and Conferences so as to enhance individual tech skills" />
    <meta name="author" content="Shodipo Ayomide, Kingdom, Ademola" />
    <meta property="og:site_name" content="Speakers | Open-Source Community Event for developers">
    <meta property="og:title" content="Speakers | Open-Source Community Event for developers">
    <meta property="og:description"
        content="unStack is a community of passionate developers, designers, and other technical talents, unStcak is mostly focused on hands-on technical workshops and Conferences so as to enhance individual tech skills">
    <meta property="og:image"
        content="https://raw.githubusercontent.com/unStackOfficial/unStack-logo-assets/master/fbcover.png">
    <meta property="og:url" content="http://unstack.dev">

    <meta name="twitter:title" content="Speakers | Open-Source Community Event for developers">
    <meta name="twitter:description"
        content="unStack is a community of passionate developers, designers, and other technical talents, unStcak is mostly focused on hands-on technical workshops and Conferences so as to enhance individual tech skills">
    <meta name="twitter:image"
        content="https://raw.githubusercontent.com/unStackOfficial/unStack-logo-assets/master/fbcover.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@unstack_">
    <!-- End Meta Tags -->

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-140811559-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-140811559-1');
    </script>


    <!-- Responsive -->
    <meta name="theme-color" content="#12114A">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

    <div class="page-wrapper">

        <!-- Main Header-->
        <header class="main-header">
            <!--Header-Upper-->
            <div class="header-upper">
                <div class="outer-container">
                    <div class="clearfix">
                        <div class="pull-left logo-box">
                            <div class="logo">
                                <a href="index.html"><img src="images/logo.png" alt="" title=""></a>
                            </div>
                        </div>

                        <div class="nav-outer clearfix">

                            <!-- Main Menu -->
                            <nav class="main-menu navbar-expand-md">
                                <div class="navbar-header">
                                    <button class="navbar-toggler" type="button" data-toggle="collapse"
                                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                        aria-expanded="false" aria-label="Toggle navigation">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>
                                <div class="navbar-collapse collapse scroll-nav clearfix" id="navbarSupportedContent">
                                    <ul class="navigation clearfix">
                                        <li class=""><a href="index.html">Home</a></li>
                                        <li class="dropdown"><a href="#">About</a>
                                            <ul>
                                                <li><a href="about.html">About</a></li>
                                                <li><a href="organizers.html">Organizers 🔥</a></li>
                                                <li><a href="past-events.html">Past Events</a></li>
                                            </ul>
                                        </li>
                                        <li class="current"><a href="speakers.html">Speakers 🔥</a></li>
                                        <li><a href="schedule.html">Schedule</a></li>
                                        <!-- <li><a href="#">Blog</a></li> -->
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </nav>
                            <!-- btn box -->
                            <div class="btn-box">
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <a href="https://eventprime.co/e/github-universe-watch-party?fbclid=IwAR3nUyHqASTrEsNb7FSYxw5Af2QpeCaVCbK2jEhZ2w77-hK_0N033R6RXzA"
                                    target="_blank" class="theme-btn btn-style-one">Save a seat</a>
                            </div>
                            <!--Outer Box-->
                            <div class="outer-box">
                                <!-- Nav Toggler -->
                                <!--  <div class="nav-toggler">
                            <button class="nav-btn"><span class="icon flaticon-arrows"></span></button>
                        </div> -->
                            </div>
                        </div>
                    </div>
                </div>
                <!--End Header Upper-->
        </header>
        <!--End Main Header -->

        <!--Form Back Drop
    <div class="form-back-drop"></div>

    <section class="hidden-bar">
        <div class="inner-box">
            <div class="cross-icon"><span class="fa fa-times"></span></div>
            <div class="title">
                <h2>Register Here</h2>
            </div>
           <iframe src="https://eventprime.co/e/react-present-and-future-a-hands-on-approach" style="border:0px #ffffff none;" name="unstack-ayo" scrolling="yes" frameborder="1" marginheight="0px" marginwidth="0px" height="460px" width="400px" allowfullscreen></iframe>
        </div>
    </section>
    End Hidden Bar -->


        <!--Page Title-->
        <section class="page-title" style="background-image:url(images/background/3.jpg);">
            <div class="auto-container">
                <span class="float-text">Speakers</span>
                <h1>Speakers</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="index.html">Home </a></li>
                    <li>Speakers</li>
                </ul>
            </div>
        </section>
        <!--End Page Title-->

        <!-- Speakers Section Two -->
        <section class="speakers-section-two style-two alternate">
            <span class="float-text">Speakers</span>
            <div class="anim-icons">
                <span class="icon icon-cross-1"></span>
                <span class="icon icon-circle-12"></span>
                <span class="icon icon-circle-9"></span>
                <span class="icon icon-twist-line-3"></span>
            </div>
            <div class="auto-container">
                <div class="sec-title">
                    <h2>Event Speakers</h2>
                </div>

                <div class="row">

                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/shodipoayomide.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_ayo" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Shodipo Ayomide</a></h5>
                                    <span clas2s="designation" style="color: #FFF;">Our 2019 Awesome
                                        <b>MC</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_ayo" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/shodipoayomide.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Shodipo Ayomide</h3>
                                        <span class="speakder-designation">Our 2019 Awesome <b>MC</b></span>
                                        <p>
                                            Shodipo Ayomide is a Developer Advocate & Software Engineer with years
                                            of experience building products across different sectors of the
                                            ecosystem, Also Shodipo Ayomide is the Founder of Fremer which is a
                                            Nigerian based company with an international reach that helps build
                                            scalable startup product. He's passionate about solving complex problems
                                            by building technological solutions out of business needs, and in the
                                            past few years, he has enjoyed working with designers to perfectly
                                            translate UI designs to sleek front-end applications that the users
                                            love. He also love contributing to open-source technologies.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Developerayo<br>
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.00 am - 04.00 pm </span>
                                                    <p> <b>Talk Title:</b> The art of <b>Mcing</b></p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>-->
                                        </div>
                                        <div class="ts-speakers-social">
                                            <a href="https://twitter.com/developerayo" target="_blank"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a href="https://github.com/developerayo" target="_blank"><i
                                                    class="fab fa-github"></i></a>
                                            <a href="https://fb.com/shodipo.ayomide" target="_blank"><i
                                                    class="fab fa-facebook"></i></a>
                                            <a href="https://shodipoayomide.com" target="_blank"><i
                                                    class="fa fa-globe"></i></a>
                                            <a href="https://linkedin.com/in/shodipo-ayomide" target="_blank"><i
                                                    class="fab fa-linkedin"></i></a>
                                            <a href="https://instagram.com/developerayo" target="_blank"><i
                                                    class="fab fa-instagram"></i></a>
                                        </div>
                                    </div>
                                    <!-- ts-speaker-popup-content end-->
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/william-unstack.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_1" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">William Imoh</a></h5>
                                    <span clas2s="designation" style="color: #FFF;">Software Engineer and Author
                                        <b>@Scotch.io</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_1" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/william-unstack.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">William Imoh</h3>
                                        <span class="speakder-designation">Software Engineer and Author
                                            <b>@Scotch.io</b></span>
                                        <p>
                                            William is a developer, developer advocate, and community builder
                                            passionate at building a better web and its supporting ecosystem. He is
                                            an avid writer, speaker, loves to travel and admires Raccoons.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by William<br>
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 am - 11.30 am </span>
                                                    <p> <b>Talk Title:</b> Build and ship Faster Apps for Jurastic Grade
                                                        Internet </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>-->
                                        </div>
                                        <div class="ts-speakers-social">
                                            <a href="https://github.com/Chuloo" target="_blank"><i
                                                    class="fab fa-github"></i></a>
                                            <a href="https://web.facebook.com/williamimoh" target="_blank"><i
                                                    class="fab fa-facebook"></i></a>
                                            <a href="https://twitter.com/ichuloo" target="_blank"><i
                                                    class="fab fa-twitter"></i></a>
                                            <!-- <a href="" target="_blank"><i class="fab fa-instagram"></i></a> -->
                                            <a href="https://www.linkedin.com/in/ugonna-william-imoh-484367b5/"
                                                target="_blank"><i class="fab fa-linkedin"></i></a>
                                        </div>
                                    </div>
                                    <!-- ts-speaker-popup-content end-->
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/quadri-unstack.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_2" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Abiodun Quadri</a></h5>
                                    <span clas2s="designation" style="color: #FFF;">Senior JS Engineer
                                        <b>@Studio14</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_2" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/quadri-unstack.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Abiodun Quadri</h3>
                                        <span class="speakder-designation">Senior JS Engineer
                                            <b>@Studio14</b></span>
                                        <p>
                                            Quadri is a professional software Engineer currently working at Studio
                                            14. He has professional experience working with JavaScript, Rust, Python
                                            and C, with passion to build anything in JavaScript. Have a deep core
                                            understanding of React and React Native, current working towards
                                            understanding Embedded systems and iOT.<br><br>

                                            <b>Talk description:</b><br>
                                            To make software feel familiar, it should behave like the real world,
                                            Animation gives life to your work, every displaying element needs to
                                            fade or slide in and out of experience to bring about the super polished
                                            professional look you desire. Learn how to leverage our professionally
                                            looking designs with React.js animation.
                                            <h4 class="session-name">
                                                Sessions by Quadri<br>
                                            </h4>
                                            <div class="row">
                                                <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 am - 11.30 am </span>
                                                        <p> <b>Talk Title:</b> Advanced React Animations </p>
                                                    </div>
                                                </div>
                                                <!-- <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p> Marketing Matters </p>
                                                </div>
                                            </div> -->
                                            </div>
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/Quadriphobs1" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <!-- <a href="https://" target="_blank"><i class="fab fa-facebook"></i></a> -->
                                                <a href="https://twitter.com/iamphobs" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <!-- <a href="" target="_blank"><i class="fab fa-instagram"></i></a> -->
                                                <a href="https://www.linkedin.com/in/quadri-adekunle-89b417128"
                                                    target="_blank"><i class="fab fa-linkedin"></i></a>
                                            </div>
                                    </div>
                                    <!-- ts-speaker-popup-content end-->
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/kingdom.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_3" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info" style="color: #FFF;">
                                    <h5 class="name"><a href="#">Orjiewuru Kingdom</a></h5>
                                    <span class="speakder-designation">unStack Co-Lead & Software Engineer
                                        <b>@ShipStation & Andela</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_3" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/kingdom.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Orjiewuru Kingdom</h3>
                                        <span class="speakder-designation">unStack Co-Lead & Software Engineer
                                            <b>@ShipStation & Andela</b></span>
                                        <p>
                                            Kingdom is a software engineer with years of experience building
                                            enterprise applications with different languages and frameworks in
                                            different organizations. He's passionate about solving complex problems
                                            by building technological solutions out of business
                                            needs, and in the past few years, he has enjoyed working with designers
                                            to perfectly translate UI designs to sleek front-end applications that
                                            the users love. He has also contributed to building robust API
                                            services<br><br>

                                            <b>Talk description</b>
                                            <p></p>
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Kingdom
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 am - 11.30 am </span>
                                                    <p> <b>Talk Title:</b> Functional Composed Routing in React </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p> Marketing Matters </p>
                                                </div>
                                            </div>
                                        </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="#"><i class="fab fa-facebook"></i></a>
                                                <a href="#"><i class="fab fa-twitter"></i></a>
                                                <a href="#"><i class="fab fa-instagram"></i></a>
                                                <a href="#"><i class="fab fa-google-plus"></i></a>
                                                <a href="#"><i class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/obinna-unstack.png" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_4" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Obinna Ekwuno</a></h5>
                                    <span class="designation">Media Developer Expert <b>@Cloudinary</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_4" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/obinna-unstack.png" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Obinna Ekwuno</h3>
                                        <span class="speakder-designation">Media Developer Expert
                                            <b>@Cloudinary</b></span>
                                        <p>
                                            Obinna Ekwuno is a media developer expert at Cloudinary and also writes
                                            about a lot of exciting stuff on Scotch.io and logRocket some of which
                                            include topics on Gatsby, React and GraphQL. He is also very passionate
                                            about performance and accessibility for the web<br><br>

                                            <b>Talk Description</b><br>

                                            Media accessibility is an important part of accessibility and
                                            includes:How you combine colors together How to combine text and images,
                                            what alternative to help users to access your website UI

                                            This talk will cover aspects of creating and designing component based
                                            platforms that can be used by everyone and also provide helpful tools to
                                            tackle implementing it . Accessibility should be be treated as a feature
                                            and not an after thought.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Obinna
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p><b>Talk Title:</b> React + Accessibility (m16y) = Awesome Web
                                                        for all </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/Ekwuno" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/Obinnaspeaks" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://web.facebook.com/obinnaekwnuo" target="_blank"><i
                                                        class="fab fa-facebook"></i></a>
                                                <a href="https://www.linkedin.com/in/ekwunoobinna/" target="_blank"><i
                                                        class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/ayeni-unstack.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_5" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Olusegun Ayeni</a></h5>
                                    <span class="designation">Software Engineer <b>@Paystack</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_5" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/ayeni-unstack.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Olusegun Ayeni</h3>
                                        <span class="speakder-designation">Software Engineer
                                            <b>@Paystack</b></span>
                                        <p>
                                            Olusegun Ayeni is an Open sourcer & Software Engineer at Paystack. <br><br>

                                            <b>Talk Description</b><br>

                                            React Native is one of the most popular frameworks for cross-platform mobile
                                            development. It is a known fact that it is a good framework for startups who
                                            need to get an MVP out but have limited time and people.

                                            This talk will highlight how React Native actually helps improve
                                            productivity.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Olusegun
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p><b>Talk Title:</b> Amplify your productivity with React Native
                                                    </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/iamraphson" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/iamraphson/" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://www.linkedin.com/in/iamraphson/" target="_blank"><i
                                                        class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/adora.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_6" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Adora Nwodo</a></h5>
                                    <span class="designation">Software Engineer</span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_6" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/adora.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Adora Nwodo</h3>
                                        <span class="speakder-designation">Software Engineer</span>
                                        <p>
                                            Nenne Adaora Nwodo who fondly likes to be called Adora is a Software
                                            Engineer who is
                                            passionate about a bunch of tech stuff, education & music.<br><br>

                                            <b>Talk Description</b><br>

                                            The ability to manage state across components is very crucial in a React
                                            project and as a result should be done effectively.

                                            This talk will show the possibility of using React Hooks & Context API as an
                                            alternative to
                                            Redux for state management in your React project.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Adora
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p><b>Talk Title:</b> State Management with React Hooks & Context
                                                        API</p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/adoranwodo" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/theadoranwodo" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://adoranwodo.com" target="_blank"><i
                                                        class="fa fa-globe"></i></a>
                                                <a href="https://www.linkedin.com/in/adoranwodo/" target="_blank"><i
                                                        class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/aniedi-unstack.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_7" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info" style="color: #FFF;">
                                    <h5 class="name"><a href="#">Aniedi Udo-Obong</a></h5>
                                    <span class="speakder-designation">Developer Relations, Sub-Saharan Africa
                                        <b>@Google</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_7" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/aniedi-unstack.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Aniedi Udo-Obong</h3>
                                        <span class="speakder-designation">Developer Relations, Sub-Saharan Africa
                                            <b>@Google</b></span>
                                        <p>
                                            Aniedi is an information technology professional with over 12 years
                                            practical experience working with Nigerian startups spanning human
                                            resources, media, finance, education, and logistics. He currently manages
                                            developer community relationships for Google across West, East and Southern
                                            Africa.<br><br>

                                            <b>Talk description</b>
                                            <p></p>
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Aniedi
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 am - 11.30 am </span>
                                                    <p> <b>Talk Title:</b> AMP </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p> Marketing Matters </p>
                                                </div>
                                            </div>
                                        </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="#"><i class="fab fa-facebook"></i></a>
                                                <a href="#"><i class="fab fa-twitter"></i></a>
                                                <a href="#"><i class="fab fa-instagram"></i></a>
                                                <a href="#"><i class="fab fa-google-plus"></i></a>
                                                <a href="#"><i class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Feature Block -->
                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/benny-unstack.jpg" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_8" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Benny Ogidan</a></h5>
                                    <span class="designation">Software Engineer <b>@Andela</b></span>
                                </div>
                            </div>
                        </div>

                        <!-- popup start-->
                        <div id="popup_8" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/benny-unstack.jpg" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Benny Ogidan</h3>
                                        <span class="speakder-designation">Software Engineer <b>@Andela</b></span>
                                        <p>
                                            Software Engineer at Andela<br><br>

                                            <b>Talk Description</b><br>

                                            Setting up a GraphQL project on the frontend in a React app, setting up the
                                            cache queries and mutations.
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by benny
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p><b>Talk Title:</b> Getting started with React and GraphQL </p>
                                                </div>
                                            </div>
                                            <!-- <div class="col-lg-6">
                                                    <div class="speaker-session-info">
                                                        <h4>Day 1</h4>
                                                        <span> 10.30 - 11.30 am </span>
                                                        <p> Marketing Matters </p>
                                                    </div>
                                                </div>
                                            </div> -->
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/iamraphson" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/iamraphson/" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://www.linkedin.com/in/iamraphson/" target="_blank"><i
                                                        class="fab fa-linkedin"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/shedrack.png" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_9" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Shedrack Akintayo</a></h5>
                                    <span class="designation">Software Engineer</span>
                                </div>
                            </div>
                        </div>
                        <!-- popup start-->
                        <div id="popup_9" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/shedrack.png" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Shedrack Akintayo</h3>
                                        <span class="speakder-designation">Software Engineer </span>

                                        <p>
                                            Shedrack Akintayo is a JavaScript Engineer, who work and has consulted for
                                            various companies in Europe and Australia.
                                            He has about 3years experience in software development.
                                            He is also a Community Manager at the Facebook Developers Circles:Reactjs
                                            Nigeria, He has a passion for the community and has helped in so many ways
                                            to build tech communities in different parts of Lagos and Nigeria.
                                            He has passion for javascript and building communities in Africa.

                                        </p>

                                        <b>Talk Description</b><br>

                                        A Lightning Talk on Getting Started with React
                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Shedrack
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> 10.30 - 11.30 am </span>
                                                    <p><b>Talk Title:</b> Getting Started with React</p>
                                                </div>
                                            </div>
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/hacktivist123" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/coder_blvck/" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://www.linkedin.com/in/shedrackakintayo/"
                                                    target="_blank"><i class="fab fa-linkedin"></i></a>
                                                <a href="https://www.instagram.com/in/coder_blvck/" target="_blank"><i
                                                        class="fab fa-instagram"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                     <div class="speaker-block-two col-lg-3 col-md-6 col-sm-12 wow zoomIn">
                        <div class="image-box">
                            <figure class="image"><img src="images/resource/sultan-unstack.png" alt=""></figure>
                            <div class="overlay-box">
                                <a href="#popup_10" class="link view-speaker ts-image-popup"
                                    data-effect="mfp-zoom-in"><span class="flaticon-add-1"></span></a>
                                <div class="info">
                                    <h5 class="name"><a href="#">Akintunde Sultan</a></h5>
                                    <span class="designation">Software Engineer</span>
                                </div>
                            </div>
                        </div>
                        <!-- popup start-->
                        <div id="popup_10" class="container ts-speaker-popup mfp-hide">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-img">
                                        <img src="images/resource/sultan-unstack.png" alt="">
                                    </div>
                                </div>
                                <!-- col end-->
                                <div class="col-lg-6">
                                    <div class="ts-speaker-popup-content">
                                        <h3 class="ts-title">Akintunde Sultan</h3>
                                        <span class="speakder-designation">Software Engineer </span>

                                        <p>
                                            Sultan is a frontend developer, a developer advocate for developers in Africa, and also the founder of DevCareer; a nonprofit that support developers with resources to move from beginners to intermediate writhing 3 months. 
                                        </p>

                                        <b>Talk Description</b><br>

                                        The tech ecosystem in Africa is fast-growing, leading to an increasing talent hunt in Africa by various tech organizations, but yet, we still have a low employment rate among developers.

                                        This is because a large percentage of the developers are not ready for the market.

                                        Africa is showing up more on the map ever than before, but we still have the ratio of beginners to experts at about 9-1. More folks are coming into software development in Africa ever than before, but a lot of them come in the wrong way, many do not have the strong foundation knowledge before trying to be language agnostic. Others are stuck as beginners due to lack of resources; which includes but not limited to good Laptops, Internet access, Mentors and in some cases; Electricity. 

                                        A very large percentage of developers in the beginner's stage has been there for over 6months, Picking up different languages with the aim to find a focus.

                                        </p>
                                        <h4 class="session-name">
                                            Sessions by Sultan
                                        </h4>
                                        <div class="row">
                                            <div class="col-lg-6">
                                                <div class="speaker-session-info">
                                                    <h4>Day 1</h4>
                                                    <span> </span>
                                                    <p><b>Talk Title:</b> Software Development: Beginner to Intermediate</p>
                                                </div>
                                            </div>
                                            <div class="ts-speakers-social">
                                                <a href="https://github.com/" target="_blank"><i
                                                        class="fab fa-github"></i></a>
                                                <a href="https://twitter.com/" target="_blank"><i
                                                        class="fab fa-twitter"></i></a>
                                                <a href="https://www.linkedin.com/in/"
                                                    target="_blank"><i class="fab fa-linkedin"></i></a>
                                                <a href="https://www.instagram.com/in/" target="_blank"><i
                                                        class="fab fa-instagram"></i></a>
                                            </div>
                                        </div>
                                        <!-- ts-speaker-popup-content end-->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
        </section>
        <!--End Speakers Section -->


        <!-- Sponsor Section -->
        <section class="sponsor-section">
            <span class="float-text">Our Sponsor</span>
            <div class="auto-container">
                <div class="sec-title light">
                    <h2>Our Sponsors</h2>
                </div>

                <div class="sponsors-area">
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://codesandbox.io" target="_blank"><img
                                    src="images/clients/codesandbox-unstack.png" alt=""
                                    style="width: 120px; height: 120px;"></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://amp.dev" target="_blank"><img src="images/clients/amp-logo.png" alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://cloudinary.com" target="_blank"><img src="images/clients/cloudinary.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://gatsbsjs.org" target="_blank"><img src="images/clients/gatsby.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://Andela.com" target="_blank"><img src="images/clients/andela.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://paystack.com" target="_blank"><img src="images/clients/paystack.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://fb.com/groups/devclagos" target="_blank"><img src="images/clients/devclagos.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://egghead.io" target="_blank"><img src="images/clients/egghead.png"
                                    alt=""></a>
                        </figure>
                    </div>
                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://thinkster.io" target="_blank"><img src="images/clients/thinkster.png"
                                    alt=""></a>
                        </figure>
                    </div>

                    <div class="client-logo">
                        <figure class="image">
                            <a href="https://kkontech.com" target="_blank"><img src="images/clients/kkontech.png" alt=""
                                    style="width: 250px;"></a>
                        </figure>
                    </div>
                </div>

                <div class="btn-box">
                    <a href="https://docs.google.com/forms/d/e/1FAIpQLSe6NawBnsyadCw8gzXMfJqMKR-lMNUJ3BStTcMdk461gkynAA/viewform"
                        target="_blank" class="theme-btn btn-style-four">Become a sponsor</a>
                </div>
            </div>
        </section>
        <!--End Sponsor Section -->


        <!-- Main Footer -->
        <div class="main-footer style-two">
            <div class="anim-icons">
                <span class="icon icon-twist-line-1 wow zoomIn"></span>
                <span class="icon icon-circle-6 wow zoomIn" data-wow-delay="400ms"></span>
                <span class="icon icon-twist-line-2 wow zoomIn" data-wow-delay="800ms"></span>
                <span class="icon icon-circle-8 wow zoomIn" data-wow-delay="1200ms"></span>
            </div>
            <div class="auto-container">
                <div class="sec-title text-center">
                    <span class="title">Get updates from us when there is an event</span>
                    <h2>Subscribe To Newsletter</h2>
                </div>

                <!--Newsletter Form-->
                <div class="newsletter-form">
                    <div id="mc_embed_signup">
                        <form
                            action="https://gmail.us20.list-manage.com/subscribe/post?u=907ea726342d0bb28633c6a39&amp;id=19d509408a"
                            method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
                            class="validate" novalidate>
                            <div class="form-group">
                                <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL"
                                    required="">
                                <div id="mce-responses" class="clear">
                                    <div class="response" id="mce-error-response" style="display:none">
                                    </div>
                                    <div class="response" id="mce-success-response" style="display:none">
                                    </div>
                                    <div style="position: absolute; left: -5000px;" aria-hidden="true">
                                        <input type="text" name="b_907ea726342d0bb28633c6a39_19d509408a" tabindex="-1"
                                            value=""></div>
                                    <button type="submit" class="theme-btn btn-style-three">Subscribe</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--Newsletter Form END-->
                </div>
            </div>

            <!-- Social Links -->
            <div class="social-links">
                <ul>
                    <li><a href="https://web.facebook.com/groups/unstack" target="_blank"><span
                                class="fab fa-facebook-f"></span></a></li>
                    <li><a href="https://twitter.com/unstack_" target="_blank"><span class="fab fa-twitter"></span></a>
                    </li>
                    <li><a href="https://www.instagram.com/unstackdev" target="_blank"><span
                                class="fab fa-instagram"></span></a></li>
                </ul>
            </div>
            </section>


            <!-- Footer Bottom -->
            <div class="footer-bottom clearfix">
                <div class="copyright">Copyright &copy; 2019 <b>unStack</b>.</div>
            </div>
            <!-- Copyright -->
        </div>
    </div>

    <!-- End Footer -->

    <!--Scroll to top-->
    <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
    <script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/magnific-popup.min.js"></script>
    <script src="js/appear.js"></script>
    <script src="js/owl.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/countdown.js"></script>
    <script src="js/script.js"></script>
</body>

</html>