{% extends 'base.html.twig' %}
{% block title %} Contact
{% endblock title%}
{% block body %}
<br/>
<main id="main">
<section id="contact" class="contact section-bg">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Contact Us</h2>
</div>
<div class="row">
<div class="col-lg-5 d-flex align-items-stretch" data-aos="fade-right">
<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Adresse:</h4>
<p>Abidjan, Port-bouet SIPIM</p>
</div>
<div class="email">
<i class="icofont-envelope"></i>
<h4>Email:</h4>
<p>contact@assiemail.com</p>
</div>
<div class="phone">
<i class="icofont-phone"></i>
<h4>Tél:</h4>
<p><a href="tel:+22548946939">+225 48 94 69 39</a></p>
</div>
</div>
</div>
<div class="col-lg-7 mt-5 mt-lg-0 d-flex align-items-stretch" data-aos="fade-left">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="form-row">
<div class="form-group col-md-6">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
<div class="validate"></div>
</div>
<div class="form-group col-md-6">
<label for="name">Your Email</label>
<input type="email" class="form-control" name="email" id="email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<label for="name">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<label for="name">Message</label>
<textarea class="form-control" name="message" rows="10" data-rule="required" data-msg="Please write something for us"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main>
{% endblock body%}