<!-- Contact section -->
<section class="contact-section" id="contact">
    <div class="bg bg-image" style="background-image: url(./images/resource/testi-1.jpg)"></div>
    <div class="auto-container">
        <div class="row">
        <!-- form-column -->
        <div class="form-column col-lg-5 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="600ms">
            <div class="inner-column">
            <!-- Contact Form -->
            <div class="contact-form wow fadeInLeft">
                <div class="icon-flower-20"></div>
                <h3 class="title">Send Greetings</h3>
                <!--Contact Form-->
                <form method="post" action="get" id="contact-form">
                <div class="row">
                    <div class="form-group col-lg-12">
                    <input type="email" name="Email" placeholder="Your Name" required="" />
                    </div>
                    <div class="form-group col-lg-6">
                    <input type="email" name="Email" placeholder="Phone" required="" />
                    </div>
                    <div class="form-group col-lg-6">
                    <input type="email" name="Email" placeholder="Email" required="" />
                    </div>
                    <div class="form-group col-lg-12 mb-0">
                    <textarea name="description" placeholder="Message"></textarea>
                    </div>
                    <div class="form-group col-lg-12">
                    <button type="submit" name="submit-form" class="theme-btn btn-style-one"><span class="btn-title">Appointment Now</span></button>
                    </div>
                </div>
                </form>
            </div>
            <!--End Contact Form -->
            </div>
        </div>

        <!-- Testimonial column -->
        <div class="testimonial-column col-lg-7 col-md-12 col-md-12 wow fadeInRight" data-wow-delay="600ms">
            <div class="inner-column">
            <div class="icon-flower-12"></div>
            <div class="sec-title">
                <span class="icon-divider"></span>
                <h2>Wedding Story</h2>
            </div>
            <div class="single-item-carousel owl-carousel owl-theme">
                <!-- Testimonial Block -->
                <div class="testimonial-block">
                <div class="inner-box">
                    <span class="icon fa fa-quote-right"></span>
                    <h6 class="title">The Best Planner</h6>
                    <div class="text">There are many variations of passages of is but the majority have suffered aut fugit</div>
                    <span class="name">- Alza Hydar</span>
                </div>
                </div>
                <!-- Testimonial Block -->
                <div class="testimonial-block">
                <div class="inner-box">
                    <span class="icon fa fa-quote-right"></span>
                    <h6 class="title">The Best Planner</h6>
                    <div class="text">There are many variations of passages of is but the majority have suffered aut fugit</div>
                    <span class="name">- Alza Hydar</span>
                </div>
                </div>
                <!-- Testimonial Block -->
                <div class="testimonial-block">
                <div class="inner-box">
                    <span class="icon fa fa-quote-right"></span>
                    <h6 class="title">The Best Planner</h6>
                    <div class="text">There are many variations of passages of is but the majority have suffered aut fugit</div>
                    <span class="name">- Alza Hydar</span>
                </div>
                </div>
            </div>
            </div>
        </div>
        </div>
    </div>
</section>
<!-- End Contact section -->