amics/resources/views/contact.antlers.html

<section class="contact-section">
    <div class="row">
        <div class="col-12 col-md-6 py-5 px-6 bg-white">
            
            <form class="contact-form bg-secondary-subtle rounded-5 p-5 my-1">
                <h3 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"> Follow us now:</p>
                    <div class="d-flex flex-row" 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 bg-contact">
            <!-- Image -->
        </div>
    </div>
</section>