{% extends "layout.html" %}

{% set title = 'Contact' %}

{% block content %}

<section class="sec-pad">
    <div class="container">
        <div class="sec-title">
            <div class="title-icon text-center mblg">
                <img src="_assets/img/icons/message.svg" alt="">
            </div>
            <h2 class="no-margin mbmd text-semibold text-center text-upper">
                Send us a message
            </h2>
            <p class="no-margin text-center">
                You can contact us with anything related to our Products. We'll get in<br> touch with you as soon as possible.
            </p>
        </div>
        <div class="contact mtxlg">
            <form action="">
                <div class="form-group">
                    <input type="text" name="name" placeholder="Your name" required>
                </div>
                <div class="row">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <input type="number" min="0" onkeydown="javascript: return event.keyCode == 69 ? false : true" name="mobile" placeholder="Mobile NO." required >
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <input type="email" name="e-mail" placeholder="Email" required >
                        </div>
                    </div>
                </div>
                <div class="select-container mbxlg">
                    <div class="custom-select" for="category">
                        <select id="category" name="category">
                            <option value="">
                                Message type
                            </option>
                            <option value="1">
                                Option 1
                            </option>
                            <option value="2">
                                Option 2
                            </option>
                            <option value="3">
                                Option 3
                            </option>
                            <option value="4">
                                Option 4
                            </option>
                        </select>
                    </div>
                </div>
                <textarea name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
                <button type="submit" class="btn btn-green mtxxlg">
                    Send
                </button>
            </form>
        </div>
    </div>
</section>

{% endblock content %}