{% extends "layout.html" %}

{% set title = 'Sales portal' %}

{% block content %}

<section class="intro">
    <div class='container'>
        <div class="intro-content">
            <div id="holder">
                <h2 class="no-margin mbmd">Our sales portal</h2>
                <div id="slogans">
                    <p class="slogan text-center"><strong>Please enter the following details and we'll contact you</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based in Egypt,</strong></p>
                    <p class="slogan text-center"><strong>a new brand software comapany based in</strong></p>
                    <p class="slogan text-center"><strong>a new brand software</strong></p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="sec-pad">
    <div class="container">
        <form action="" class="contact">
            <h2 class="no-margin mblg text-semibold">Send us a message</h2>
            <div class="row">
                <div class="col-sm-12"><label>Your contact</label></div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="text" placeholder="Enter your name" name="name" id="name" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="text" placeholder="Enter your mobile number" name="telephone" id="telephone" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="email" placeholder="Enter your e-mail" name="email" id="email" required>
                    </div>
                </div>
                <div class="col-sm-12"><label>Your Products</label></div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="number" placeholder="Classic items no." name="classic" id="classic" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="number" placeholder="Classic items no." name="classic" id="classic" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="number" placeholder="Contemporary items no." name="contemporary" id="contemporary" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group mblg">
                        <input type="number" placeholder="Modern items no.." name="modern" id="modern" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <label>Select Service</label>
                    <div class="form-group mblg">
                        <div class="checkbox-custom">
                            <input type="radio" name="service" value="VR" id="VR" class="form-radio"><label class="mrlg" for="VR">VR</label>
                            <input type="radio" name="service" value="AR" id="AR" class="form-radio"><label class="mrlg" for="AR">AR</label>
                            <input type="radio" name="service" value="360" id="360" class="form-radio"><label for="360">360</label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <textarea name="message" placeholder="Talk more about your project" id="message" cols="30" rows="5" required></textarea>
                    </div>
                </div>
                <div class="col-sm-3">
                    <input type="submit" class="btn" value="Send Message" data-hover>
                </div>
            </div>
        </form>
    </div>
</section>
{% include 'partials/footer.html' %}

{% endblock content %}