82 lines
5.0 KiB
PHP
82 lines
5.0 KiB
PHP
<section class="lqd-section how-it-work scroll-section" id="contact" data-name="Contact">
|
|
<div class="container w-full block mb-35 section">
|
|
<div class="w-500 sm:w-full flex flex-col mx-auto text-center p-10">
|
|
<div class="ld-fancy-heading relative mb-20 animation-element">
|
|
<h2 class="ld-fh-element inline-block relative mt-0/5em mb-0 text-four font-light">
|
|
Do you have a <span class="section-heading-sec text-ter">Query?</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class=" bg-brand rounded-20 py-20 px-20">
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col col-md-6 " data-custom-animations="true"
|
|
data-ca-options='{"animationTarget": ".btn, h2", "ease": "power4.out", "initValues":{"x": "-10px", "y": "10px", "opacity":0} , "animations":{"x": "0px", "y": "0px", "opacity":1}}'>
|
|
<div
|
|
class="w-full p-10 ml-5 bg-white rounded-10 module-title flex flex-col h-full relative bg-size bg-no-repeat bg-center-right transition-all pt-30 px-20 mr-50 sm:mr-0">
|
|
|
|
<div class="d-flex justify-center pt-10">
|
|
<h2
|
|
class="ld-fh-element mb-0/2em inline-block relative leading-45 -mt-0/2em section-heading">
|
|
Get in Touch
|
|
</h2>
|
|
</div>
|
|
|
|
<form action="{{ route('enquiry.store') }}" method="post" id="contact-form">
|
|
@csrf
|
|
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="name"
|
|
id="" placeholder="Full Name">
|
|
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="text" name="phone"
|
|
id="" placeholder="Phone">
|
|
<input class="w-full mb-30 rounded-6 py-15 text-14 px-10" type="email" name="email"
|
|
id="" placeholder="Email">
|
|
<textarea class="w-full mb-20 rounded-6 py-15 text-14 px-10" name="message" id="" placeholder="Message"></textarea>
|
|
<button class="button-hover px-20 py-10 bg-brand text-white rounded-30 text-14 border-0"
|
|
type="submit" id="submit-btn">Submit</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- next column -->
|
|
<div class="col col-12 col-md-6" data-custom-animations="true"
|
|
data-ca-options='{"animationTarget": ".accordion", "ease": "power4.out", "initValues":{"y": "-50px", "opacity":0} , "animations":{"y": "0px", "opacity":1}}'>
|
|
<h2 class="text-26 text-white text-center">FAQ</h2>
|
|
<div class="accordion accordion-title-underlined accordion-sm xl:ml-0 pl-10"
|
|
id="accordion-questions" role="tablist" aria-multiselectable="true">
|
|
@foreach ($faqs as $index => $faq)
|
|
<div class="accordion-item panel mb-10">
|
|
<div class="accordion-heading" role="tab" id="contact-question-{{ $index + 1 }}">
|
|
<h4 class="accordion-title">
|
|
<a class="collapsed text-17 font-bold" role="button" data-bs-toggle="collapse"
|
|
data-bs-parent="#accordion-questions"
|
|
href="index.php#collapse-question-contact-{{ $index + 1 }}"
|
|
aria-expanded="false" aria-controls="collapse-question-contact-1"><span
|
|
class="accordion-title-txt">{{ $faq->title }}</span>
|
|
<span class="accordion-expander text-16 text-white"><i
|
|
class="lqd-icn-ess icon-ion-ios-add"></i>
|
|
<i class="lqd-icn-ess icon-ion-ios-remove"></i></span></a>
|
|
</h4>
|
|
</div>
|
|
<div id="collapse-question-contact-{{ $index + 1 }}"
|
|
class="accordion-collapse collapse" data-bs-parent="#accordion-questions"
|
|
role="tabpanel" aria-labelledby="contact-question-{{ $index + 1 }}">
|
|
<div class="accordion-content text-14 leading-20 text-white">
|
|
<p>
|
|
{{ $faq->description }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|