{% extends "base.html" %}

{% block title %} Code 9ja - Contact Us{% endblock %}

{% block keywords %}Contact Us, C0de9ja, CODE9JA, talk to us, gist with code9ja.{% endblock %}

{% block description %}About C0de9ja, C0de9ja background, Learn coding for Nigeria, Tech training for Nigerians, C0de9ja mission and vision
Nigerian tech community, Join the coding revolution in Naija, Online coding school for Nigerians, Empowering Nigerians with coding skills, C0de9ja mission and vision
How to join C0de9ja, Become part of C0de9ja, Apply for C0de9ja courses, Nigerian tech community, Join the coding revolution in Naija, Building Nigeria's tech ecosystem, Coding opportunities for Nigerians{% endblock %}

{% block author %}Author Name{% endblock %}

{% block content %}

    <div class="inner-banner">
        <section class="w3l-breadcrumb">
            <div class="container">
                <ul class="breadcrumbs-custom-path">
                    <li><a href="{{ url_for('index') }}">Home</a></li>
                    <li class="active"><span class="fa fa-chevron-right mx-2" aria-hidden="true"></span> Contact</li>
                </ul>
            </div>
        </section>
    </div>
    <!-- about page about section -->
    <!-- contact1 -->
    <section class="w3l-contact-1 py-5" id="contact">
        <div class="contacts-9 py-lg-5 py-md-4">
            <div class="container">
                <div class="d-grid contact-view mb-5 pb-lg-5">
                    <div class="cont-details">
                        <div class="contactct-fm-text text-left mb-md-5 mb-4">
                            <div class="header-title mb-md-5 mt-4">
                                <span class="sub-title">Find Us</span>
                                <h3 class="hny-title text-left">Visit Us </h3>
                            </div>
                            <p class="mb-sm-5 mb-4">Visit us one on one make we discuss, clear your doubt and jolly together.
                                connect. <br> We de welcome anybody anytime</p>

                        </div>
                        <div class="cont-top">
                            <div class="cont-left text-center">
                                <span class="fa fa-phone"></span>
                            </div>
                            <div class="cont-right">
                                <h6>Phone number</h6>
                                <p><a href="tel:+234 81481 85691">+234 81481 85691</a></p>
                            </div>
                        </div>
                        <div class="cont-top margin-up">
                            <div class="cont-left text-center">
                                <span class="fa fa-envelope-o"></span>
                            </div>
                            <div class="cont-right">
                                <h6>Send Email</h6>
                                <p><a href="mailto:code9ja1@gmail.com" class="mail">code9ja1@gmail.com</a></p>
                            </div>
                        </div>
                        <div class="cont-top margin-up">
                            <div class="cont-left text-center">
                                <span class="fa fa-map-marker"></span>
                            </div>
                            <div class="cont-right">
                                <h6>Office Address</h6>
                                <p class="pr-lg-5">C0de 9ja, Port Harcourt - Aba Expy, Umueme 500102, Port Harcourt, Rivers.</p>
                            </div>
                        </div>
                    </div>
                    <div class="map-content-9">
                        <div class="contactct-fm map-content-9 pl-lg-4">
                            <div class="contactct-fm-text text-left">
                                <div class="header-title mb-md-5 mt-4">
                                    <span class="sub-title">Contact Us</span>
                                    <h3 class="hny-title text-left">Fill out the form.</h3>
                                </div>
                                <p class="mb-sm-5 mb-4">You dey faraway? No wahala, shuu. Send us message, we go reply before you go even send finish.</p>
                            </div>
                            <form action="{{ url_for('submit_form') }}" method="post">
                                <div class="twice-two">
                                    <input type="text" class="form-control" name="name" id="name"
                                        placeholder="Name" required="">
                                    <input type="email" class="form-control" name="email" id="email"
                                        placeholder="Email" required="">
                                </div>
                                <div class="twice">
                                    <input type="text" class="form-control" name="subject" id="subject"
                                        placeholder="Subject" required="">
                                </div>
                                <textarea name="message" class="form-control" id="message" placeholder="Message"
                                    required=""></textarea>
                                <div class="text-right">
                                    <button type="submit" class="btn btn-primary btn-style mt-4">Send Message</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            

            </div>
    </section>
    <!-- /contact1 -->


    {% endblock %}