{% extends "base.html" %}
{% load static %}
{% block content %}
<main class="main-body">
<section class="inner-banner" style="background: url('{% static 'images/inner-banner.png' %}')">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3">
<div class="inner-banner-box">
<div class="inner-banner-text">
<h1>Contact Us</h1>
<p>Simply dummy text of the printing and typesetting
industry. consectetuer adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<section class="contact-section">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
<div class="contact-main-box">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-right-padding height-box">
<form class="forms form-section" id="contact_form" action="{% url 'contact' %}" method="post">
{% csrf_token %}
<div class="form-section">
<h3>Specialties</h3>
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<label>Your Name</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<input type="text" class="form-control" placeholder="enter your name" name="name">
{{ form.name.errors }}
</div>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<label>Your Email</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<input type="text" class="form-control" placeholder="enter your email id" name="email_id">
{{ form.email_id.errors }}
</div>
</div>
<div class="row form-group comments">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<label>Message</label>
</div>
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<textarea class="form-control" id="comment" placeholder="enter the message" name="message"></textarea>
{{ form.message.errors }}
</div>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 pull-right">
<button type="submit" class="submit-all-btn">Send <i class="fa fa-long-arrow-right" aria-hidden="true"></i></button>
</div>
</div>
</div>
</form>
<div class="d-sm-flex align-items-center justify-content-between mb-4">
{% if messages %}
{% for message in messages %}
<p {% if message.tags %}class="{{ message.tags }} alert alert-success col-md-12"{% endif %}>{{ message }}</p>
{% endfor %}
{% endif %}
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 no-left-padding contact-right height-box">
<div class="right-aside">
<h3>Contact Information</h3>
{% for data in contact_us_data %}
<div class="contact-addr"> <span class="contact-icons"><i class="fa fa-map-marker" aria-hidden="true"></i></span><span class="contact-text">{{ data.address }}</span> </div>
<div class="contact-addr"> <span class="contact-icons"><i class="fa fa-phone" aria-hidden="true"></i></span><span class="contact-text">{{ data.phone_number }}</span> </div>
<div class="contact-addr contact-mail"> <span class="contact-icons"><i class="fa fa-envelope" aria-hidden="true"></i> </span><span class="contact-text">{{ data.email_id }}</span> </div>
{% endfor %}
<div class="contact-social">
<ul class="contact-social-list">
{% for list in social_media_profile %}
<li><a href="{{ list.link }}"><i class="fa fa-{{ list.name }}" aria-hidden="true"></i></a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clearfix"></div>
<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a> </main>
{% endblock %}
</body>
</html>