Contact markup

<section class="contact py-100 bg_primary" id="contact">
        <div class="container">
            <div class="section-title text-center text-lg-left mb-5">
                <h2>Contact Me</h2> <br>
                <p class="text-muted">I can help you with your project. Get in touch.</p>
            </div>
            <div class="row">
                <div class="col-md-5">
                    <div class="text-left">
                        <div class="contacts">
                            <div class="about-contacts py-2">
                                <div class="row">
                                    <div class="col-md-12">
                                        <p><i class="fas fa-map-marker-alt"></i> Location<span>: New York, USA</span>
                                        </p>
                                        <p><i class="fas fa-phone-alt"></i> Phone<span>: 831-597-3740</span></p>
                                        <p><i class="far fa-calendar-alt"></i> Age<span>: 30</span></p>
                                        <p><i class="far fa-envelope"></i> Mail<span>: about@elijah.com</span></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="social-link mt-5">
                            Find Me :
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-github"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="contact-form">
                        <div class="screen-reader-response"></div>
                        <form>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <input name="name" id="name" type="text" class="form-control"
                                            placeholder="Enter Your Name*" required="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group mt-2">
                                        <input name="email" id="email" type="email" class="form-control"
                                            placeholder="Enter Your Email*" required="">
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group mt-2">
                                        <input type="text" class="form-control" id="subject"
                                            placeholder="Your Subject.." required="" />
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mt-2">
                                <textarea name="comments" id="comments" rows="4" class="form-control"
                                    placeholder="Enter Your Message..."></textarea>
                            </div>
                            <div class="form-submit">
                                <button type="submit" class="btn-submit" name="submit">Send Message <i
                                        class="fas fa-long-arrow-alt-right"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="map"></div>
    </section>

Leave a Reply

Your email address will not be published. Required fields are marked *