222 lines
18 KiB
PHP
222 lines
18 KiB
PHP
<?php include("header.php")?>
|
|
|
|
<section class="section-page-header py-10 fix position-relative">
|
|
<div class="container position-relative z-1">
|
|
<div class="text-start">
|
|
<h3>Get in touch</h3>
|
|
<div class="d-flex">
|
|
<a href="#">
|
|
<p class="mb-0 text-900">Home</p>
|
|
</a>
|
|
<svg class="mx-3 mt-1" xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13" fill="none">
|
|
<path class="stroke-dark" d="M1 1.5L6.5 6.75L1 12" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<p class="text-primary mb-0">Contact Us</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img class="position-absolute bottom-0 start-0 end-0 top-0 z-0" src="assets/imgs/page-header/bg-line.png" alt="infinia">
|
|
<div class="bouncing-blobs-container">
|
|
<div class="bouncing-blobs-glass"></div>
|
|
<div class="bouncing-blobs">
|
|
<div class="position-absolute top-0 start-0 translate-middle-y bouncing-blob--green"></div>
|
|
<div class="position-absolute top-0 end-0 bouncing-blob--primary"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Contact 2-->
|
|
<section class="section-contact-2 position-relative section-padding bg-5">
|
|
<div class="container position-relative z-1">
|
|
<div class="text-center">
|
|
<h5 class="ds-5 mt-3 mb-3">
|
|
Thinking about a project? <br class="d-md-block d-none">
|
|
Get in touch with us.
|
|
</h5>
|
|
<span class="fs-5 fw-medium">Connect with Us Today through the Details Below or Fill <br class="d-md-block d-none">
|
|
Out the Form for a Prompt Response</span>
|
|
</div>
|
|
<div class="row mt-8">
|
|
<div class="col-lg-10 mx-lg-auto">
|
|
<div class="row">
|
|
<div class="col-lg-6 ps-lg-0 pb-5 pb-lg-0">
|
|
<h4>Leave a message</h4>
|
|
<form action="#">
|
|
<div class="row mt-5">
|
|
<div class="col-md-6">
|
|
<div class="input-group rounded-1 d-flex align-items-center">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M12 11.25C13.7949 11.25 15.25 9.79493 15.25 8C15.25 6.20507 13.7949 4.75 12 4.75C10.2051 4.75 8.75 6.20507 8.75 8C8.75 9.79493 10.2051 11.25 12 11.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M6.84723 19.25H17.1522C18.2941 19.25 19.1737 18.2681 18.6405 17.2584C17.856 15.7731 16.0677 14 11.9997 14C7.93174 14 6.1434 15.7731 5.35897 17.2584C4.8257 18.2681 5.70531 19.25 6.84723 19.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Your name *" aria-label="username">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group rounded-1 d-flex align-items-center mt-4 mt-md-0">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M8.89286 4.75H6.06818C5.34017 4.75 4.75 5.34017 4.75 6.06818C4.75 13.3483 10.6517 19.25 17.9318 19.25C18.6598 19.25 19.25 18.6598 19.25 17.9318V15.1071L16.1429 13.0357L14.5317 14.6468C14.2519 14.9267 13.8337 15.0137 13.4821 14.8321C12.8858 14.524 11.9181 13.9452 10.9643 13.0357C9.98768 12.1045 9.41548 11.1011 9.12829 10.494C8.96734 10.1537 9.06052 9.76091 9.32669 9.49474L10.9643 7.85714L8.89286 4.75Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="info@" aria-label="email">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group rounded-1 d-flex align-items-center mt-4">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M4.75 7.75C4.75 6.64543 5.64543 5.75 6.75 5.75H17.25C18.3546 5.75 19.25 6.64543 19.25 7.75V16.25C19.25 17.3546 18.3546 18.25 17.25 18.25H6.75C5.64543 18.25 4.75 17.3546 4.75 16.25V7.75Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M5.5 6.5L12 12.25L18.5 6.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Phone" aria-label="phone">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group rounded-1 d-flex align-items-center mt-4">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25V9.75001L12 4.75L4.75 9.75001V17.25C4.75 18.3546 5.64544 19.25 6.75 19.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M9.75 15.749C9.75 14.6444 10.6455 13.749 11.75 13.749H12.25C13.3546 13.749 14.25 14.6444 14.25 15.749V19.249H9.75V15.749Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Subject" aria-label="subject">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="input-group rounded-1 d-flex mt-4">
|
|
<div class="icon-input pt-2 ps-3 align-items-start border border-end-0 rounded-1 rounded-end-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
|
<path class="stroke-dark" d="M5.5 2.14844H3C1.89543 2.14844 1 3.04387 1 4.14844V14.6484C1 15.753 1.89543 16.6484 3 16.6484H13.5C14.6046 16.6484 15.5 15.753 15.5 14.6484V12.1484" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M17.3285 1.20344L16.4448 0.319749C16.0185 -0.106583 15.3248 -0.106583 14.8984 0.319749L7.82915 7.38907C7.76373 7.45449 7.71914 7.53782 7.70096 7.62854L7.2591 9.83772C7.22839 9.99137 7.27647 10.1502 7.38729 10.261C7.47605 10.3498 7.59561 10.3983 7.71864 10.3983C7.74923 10.3983 7.77997 10.3953 7.81053 10.3892L10.0197 9.94732C10.1104 9.92917 10.1938 9.88455 10.2592 9.81913L17.3285 2.74984C17.3285 2.74984 17.3286 2.74984 17.3286 2.74981C17.7549 2.32351 17.7549 1.6298 17.3285 1.20344ZM9.69678 9.05607L8.31606 9.33225L8.59224 7.95153L14.3461 2.19754L15.4507 3.30214L9.69678 9.05607ZM16.6658 2.0871L16.1135 2.6394L15.0089 1.53479L15.5612 0.982524C15.6221 0.921601 15.7212 0.92157 15.7821 0.982493L16.6658 1.86618C16.7267 1.92707 16.7267 2.0262 16.6658 2.0871Z" fill="black" />
|
|
</svg>
|
|
</div>
|
|
<textarea class="form-control border border-start-0 ms-0 rounded-start-0 rounded-1 pb-10" name="name" placeholder="Describe Your Project in Short" aria-label="With textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn btn-primary hover-up mt-4">
|
|
Send Message
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-white" d="M21.1059 12.2562H0.5V11.7443H21.1059H22.313L21.4594 10.8907L17.0558 6.48705L17.4177 6.12508L23.2929 12.0002L17.4177 17.8754L17.0558 17.5134L21.4594 13.1098L22.313 12.2562H21.1059Z" fill="black" stroke="white" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="ps-lg-6">
|
|
<h6>Chat with us</h6>
|
|
<p class="text-500">The support team is always available 24/7</p>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-1.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
|
|
</div>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-2.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Viber</a>
|
|
</div>
|
|
<div class="d-flex mb-2 mb-5">
|
|
<img src="assets/imgs/contact-2/icon-3.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
|
|
</div>
|
|
<h6>Send us an email</h6>
|
|
<p class="text-500">Our team will respond promptly to your inquiries</p>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-4.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">support@infinia.com</a>
|
|
</div>
|
|
<div class="d-flex mb-2 mb-5">
|
|
<img src="assets/imgs/contact-2/icon-4.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">sale@infinia.com</a>
|
|
</div>
|
|
<h6>For more inquiry</h6>
|
|
<p class="text-500">Reach out for immediate assistance</p>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-5.svg" alt="infinia">
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">+01 (24) 568 900</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Contact 5-->
|
|
<section class="section-contact-5 section-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 col-lg-3 mb-5 mb-md-0">
|
|
<div class="feature-item mb-5 mb-lg-0 pe-5 hover-up">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/contact-5/icon-1.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Help & support</h6>
|
|
<p class="text-500">
|
|
Email <span class="text-900">support@alithemes.com</span> For <br />
|
|
help with a current product or <br />
|
|
service or refer to FAQs and developer tools
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg-3 mb-5 mb-md-0">
|
|
<div class="feature-item mb-5 mb-lg-0 pe-5 hover-up">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/contact-5/icon-2.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Call Us</h6>
|
|
<p class="text-500">
|
|
Call us to speak to a member of our team. <br />
|
|
(+01) 234 567 89 <br />
|
|
(+01) 456 789 21
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg-3 mb-5 mb-md-0">
|
|
<div class="feature-item mb-5 mb-lg-0 pe-5 hover-up">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/contact-5/icon-3.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Business Department</h6>
|
|
<p class="text-500">
|
|
Contact the sales department about cooperation projects <br />
|
|
(+01) 789 456 23
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-lg-3 mb-5 mb-md-0">
|
|
<div class="feature-item mb-5 mb-lg-0 pe-5 hover-up">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/contact-5/icon-4.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Global branch</h6>
|
|
<p class="text-500">
|
|
Contact us to open our branches globally. <br />
|
|
(+01) 234 567 89 <br />
|
|
(+01) 456 789 23
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="container pb-120">
|
|
<div class="contact-map w-100">
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3152.332792000835!2d144.96011341744386!3d-37.805673299999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sbd!4v1685027435635!5m2!1sen!2sbd" allowfullscreen loading="lazy"></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
<?php include("footer.php")?>
|