{% extends 'ecbc-base.html' %}
{% block content %}
    <div class="col-sm-8 mx-auto">
        <form class="form-signin form-control jumbotron">
            <h2 class="form-signin-heading">Contact Us</h2>
            <div class="form-group row">
                <label for="inputName" class="col-2 col-form-label">Name</label>
                <div class="col-10">
                    <input type="text" id="inputName" class="form-control" placeholder="Raj Kumar" required
                           autofocus>
                </div>
            </div>
            <div class="form-group row">
                <label for="inputEmail" class="col-2 col-form-label">E-mail</label>
                <div class="col-10">
                    <input type="email" id="inputEmail" class="form-control" placeholder="raj@gmail.com" required
                           autofocus>
                </div>
            </div>
            <div class="form-group row">
                <label for="inputPhone" class="col-2 col-form-label">Phone No.</label>
                <div class="col-10">
                    <input type="number" id="inputPhone" class="form-control" placeholder="9876543210" required
                           autofocus>
                </div>
            </div>
            <div class="form-group row">
                <label for="inputMessage" class="col-2 col-form-label">Message</label>
                <div class="col-10">
                    <textarea id="inputMessage" class="form-control" rows="3" placeholder="Your Message goes here!"
                              required></textarea>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-3 offset-2">
                    <button class="btn btn-lg btn-primary btn-block" type="submit">Submit</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}