{% extends 'page_header.html.twig' %}
{% block page_container %}
<section class="section-box">
<div class="banner-hero banner-breadcrums">
<div class="container text-center">
<h1 class="text-heading-2 color-gray-1000 mb-20">Contact Us</h1>
<p class="text-body-text color-gray-500">Equidem necessitatibus ei eam, ceteros expetenda<br class="d-lg-block d-none"> hendrerit ei per, tation vituperatoribus ut.</p>
</div>
</div>
</section>
<section class="section-box">
<div class="container mb-20 mt-140">
<div class="bdrd-58 box-gray-100 icon-wave">
<div class="row">
<div class="col-lg-12 mb-60"><span class="text-body-capitalized text-uppercase">Contact us</span>
<h2 class="text-heading-3 color-gray-900 mt-10">Have an prject in mind?</h2>
<p class="text-body-text color-gray-600 mt-20">The right move at the right time saves your investment.<br class="d-lg-block d-none"> live the dream of expanding your business.</p>
</div>
<div class="col-lg-4 mb-40">
<h4 class="text-heading-6 color-gray-900 icon-home mb-10 mt-10">{{ app_name }} Studio</h4>
<p class="text-body-text color-gray-600">{{ setting('app_address') }}</p>
<p class="text-body-text color-gray-600">{{ setting('primary_number') }}</p>
<p class="text-body-text color-gray-600">{{ setting('secondary_number') }}</p>
<p class="text-body-text color-gray-600"><a href="">info@heavenwavesmedia.com</a></p>
</div>
<div class="col-lg-8">
{{ render(controller('App\\Controller\\ContactController::contactAction')) }}
</div>
</div>
</div>
</div>
</section>
<section class="section-box mt-100">
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-10 col-12 text-center mt-40">
<h2 class="text-heading-1 color-gray-900 mb-20">Our Location</h2>
<p class="text-body-lead-large color-gray-600 mt-20">In a professional context it often happens that private or<br class="d-lg-block d-none"> corporate clients order a publication to publish news.</p>
</div>
</div>
</div>
<div class="container mt-100">
<div class="row">
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons hover-up">
<div class="item-icon"><span class="icon-left"><img src="assets/imgs/page/homepage2/icon-acquis.svg" alt="Agon"></span>
<h4 class="text-heading-4">Ofice</h4>
<p class="text-body-text color-gray-1100 mt-15">205 North Michigan Avenue, Suite 810<br> Chicago, 60601, USA<br> Phone: (123) 456-7890<br> Email: <a href="https://wp.alithemes.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="67040809130604132722110615064904080a">[email protected]</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons hover-up">
<div class="item-icon"><span class="icon-left"><img src="assets/imgs/page/homepage2/icon-active.svg" alt="Agon"></span>
<h4 class="text-heading-4">Studio</h4>
<p class="text-body-text color-gray-1100 mt-15">205 North Michigan Avenue, Suite 810<br> Chicago, 60601, USA<br> Phone: (123) 456-7890<br> Email: <a href="https://wp.alithemes.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7d1e1213091c1e093d380b1c0f1c531e1210">[email protected]</a></p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="list-icons hover-up">
<div class="item-icon"><span class="icon-left"><img src="assets/imgs/page/homepage2/icon-retent.svg" alt="Agon"></span>
<h4 class="text-heading-4">Factory</h4>
<p class="text-body-text color-gray-1100 mt-15">205 North Michigan Avenue, Suite 810<br> Chicago, 60601, USA<br> Phone: (123) 456-7890<br> Email: <a href="https://wp.alithemes.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1a7975746e7b796e5a5f6c7b687b34797577">[email protected]</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}