amics/resources/views/contact.antlers.html

<section class="contact-section">
    <div class="row m-0">
        <div class="col-12 col-md-6 d-block d-md-none bg-contact">
            <!-- Image -->
        </div>
        <div class="col-12 col-md-6 py-5 px-5 bg-white">
            
            <form class="contact-form bg-secondary-subtle rounded-5 py-5 px-3 px-md-5 my-1">
                <h3 class="text-center text-md-start" style="margin-bottom: 70px;">Fill in your information</h3>
                <div class="d-flex flex-column" style="margin-bottom: 10px;">
                    <input type="text" placeholder="Your name">
                    <input type="email" placeholder="Your email">
                    <input type="text" placeholder="Phone no">
                    <input type="text" placeholder="Company name">
                </div>
                <div class="container-fluid p-0 d-flex flex-column flex-md-row justify-content-center justify-content-md-between px-5" style="margin-bottom: 40px;">
                    <p class="p-small fw-bold text-center text-md-start"> Follow us now:</p>
                    <div class="d-flex flex-row justify-content-center justify-content-md-start" style="gap: 20px;">
                        <i class="bi bi-telephone-fill text-dark" style="font-size: 20px;"></i>
                        <i class="bi bi-whatsapp text-dark" style="font-size: 20px;"></i>
                        <i class="bi bi-envelope text-dark" style="font-size: 22px;"></i>
                    </div>
                </div>
                <button class="btn-submit">SUBMIT</button>
            </form>
            
        </div>
        <div class="col-12 col-md-6 d-none d-md-block bg-contact">
            <!-- Image -->
        </div>
    </div>
</section>