contact.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Contact us</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="Contact us | Open-Source Community Event for developers">
    <meta property="og:title" content="Contact us | Open-Source Community Event for developers">
    <meta property="og: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 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="Contact us | Open-Source Community Event for developers">
    <meta name="twitter: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="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 -->

    <!-- 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 position-relative d-flex">
                        <div class="pull-left logo-box">
                            <div class="logo">
                                <a href="index.html"><img src="images/logo.png" alt="" title="" width="200px"></a>
                            </div>
                        </div>

                        <div class="nav-outer d-flex justify-content-between w-100">

                            <!-- 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><a href="speakers.html">Speakers 🔥</a></li>
                                        <li><a href="schedule.html">Schedule</a></li>
                                        <!-- <li><a href="#">Blog</a></li> -->
                                        <li class="current"><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </nav>

                            <!-- btn box -->
                            <div class="btn-box">
                                <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>

                        </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/6.jpg);">
            <div class="auto-container">
                <span class="float-text">Contact</span>
                <h1>Contact Us</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="index.html">Home </a></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </section>
        <!--End Page Title-->

        <!-- Location Section Two -->
        <section class="location-section-two style-three">
            <div class="auto-container">
                <div class="row">
                    <!-- Info Block -->
                    <div class="info-block col-lg-4 col-md-6 col-sm-12 wow slideInLeft">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><img src="images/resource/vactor-1.png" alt=""></figure>
                            </div>
                            <div class="info-box">
                                <h5><a href="#">Meetup Location</a></h5>
                                <div class="text">Plot 9 Gbagada Industrial Scheme, Beside UPS, Gbagada Expressway.
                                    <br><br> Use <a href="https://lara.ng" target="_blank">lara.ng</a> to locate the venue or take an Uber / Taxify(BOLT) with the location name <b>Zone Tech
                                        Park</b></div>
                            </div>
                        </div>
                    </div>

                    <!-- Info Block -->
                    <div class="info-block col-lg-4 col-md-6 col-sm-12 wow slideInDown">
                        <div class="inner-box">
                            <div class="image-box">
                                <figure class="image"><img src="images/resource/vactor-2.png" alt=""></figure>
                            </div>
                            <div class="info-box">
                                <h5><a href="#">Hotel Information (if needed)</a></h5>
                                <div class="text">Search for hotels around the event location in Gbagada here <a href="https://hotels.ng/hotels-in-lagos/gbagada" target="_blank">Hotels.ng</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Contact Page Section -->
            <section class="contact-page-section">
                <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="contact-form">
                        <form method="post" action="" id="contact-form">
                            <div class="row clearfix">
                                <div class="col-md-6 col-sm-12 form-group">
                                    <label>Your Name</label>
                                    <input type="text" name="name" placeholder="John Doe" required>
                                </div>

                                <div class="col-md-6 col-sm-12 form-group">
                                    <label>Your e-mail</label>
                                    <input type="email" name="email" placeholder="johndoe@gmail.com" required>
                                </div>

                                <div class="col-md-12 col-sm-12 form-group">
                                    <label>Message</label>
                                    <textarea name="message" placeholder="Enter your message here" required></textarea>
                                </div>

                                <div class="col-md-6 col-sm-12 order-12 form-group text-right">
                                    <button class="theme-btn btn-style-five" type="submit" name="Submit">Send
                                        Message</button>
                                </div>

                                <div class="col-md-6 col-sm-12 form-group">
                                    <label class="radio-option">Send me a copy
                                        <input type="checkbox">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </section>
            <!--End Contact Page 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 The Latest Offers</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>
                            </form>
                            </div>
                        </div>
                        </form>
                    </div>
                    <!--Newsletter Form END-->


                    <!-- 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>

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

    </div>
    <!--End pagewrapper-->

    <!--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/appear.js"></script>
    <script src="js/owl.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/validate.js"></script>
    <script src="js/countdown.js"></script>
    <script src="js/script.js"></script>
</body>

</html>