<!DOCTYPE html>
<html lang="en">
<head>
    {% include 'head.html' %}
</head>
<body>
    {% include 'nav.html' %}
    <div class="smooth-scroll">
        <div class="banner" id="banner">
            <div class="img-sec">
                <img src="/static/images/about_us.jpg" alt="" width="100%" id="farmhouse_img">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="banner-content" id="banner-content">
                                <h2>Contact Us</h2>
                            </div>
                        </div>
                    </div>
                </div>
                    <img src="/static/images/banner/smoke_1.png" alt="" width="100%" class="smoke">
                    <!-- <img src="/static/images/smoke.gif" alt="" width="100%" class="smoke_gif"> -->
                    <!-- <video><source src="/static/images/smoke_new.gif" type="video/mp4"></video> -->  
            </div>
        </div>
        <section class="blog_bg pt-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-3">
                        <div class="contact-us text-center">
                            <div class="icon">
                                <i class="fa fa-location"></i>
                                <h3>Location</h3>
                            </div>
                            <div class="content">
                                <p>Cigar 305, The Landmark, Next to Hotel Three Star, Sector 7, Kharghar, Navi Mumbai, Maharashtra 410210</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-3">
                        <div class="contact-us text-center">
                            <div class="icon">
                                <i class="fas fa-envelope"></i>
                                <h3>Email</h3>
                            </div>
                            <div class="content">
                                <p><a href="#">info@Cigar.com</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-3">
                        <div class="contact-us text-center">
                            <div class="icon">
                                <i class="fa fa-phone"></i>
                                <h3>Phone</h3>
                            </div>
                            <div class="content">
                                <p><a href="#">+91 8955441144 </a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="blog_bg py-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-12 mx-auto">
                        <div class="form-1">
                            <h3>Contact Us</h3>
                            <p>Write Us A Message</p>
                            <form action="">
                                <div class="row">
                                    <div class="col-lg-4 col-md-4 mb-3">
                                        <!-- <label for="">Name</label> -->
                                        <input type="text" class="form-control" placeholder="Name">
                                    </div>
                                    <div class="col-lg-4 col-md-4 mb-3">
                                        <!-- <label for="">Email</label> -->
                                        <input type="email" class="form-control" placeholder="Email">
                                    </div>
                                    <div class="col-lg-4 col-md-4 mb-3">
                                        <!-- <label for="">Number</label> -->
                                        <input type="text" class="form-control" placeholder="Number">
                                    </div>
                                    <div class="col-lg-12 mb-3">
                                        <!-- <label for="">Message</label> -->
                                        <textarea name="" id="" class="form-control" placeholder="Message"></textarea>
                                    </div>
                                    <div class="col-lg-12">
                                        <button type="submit">SUBMIT</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7543.395900714265!2d73.066054!3d19.033027!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c21530000001%3A0x38c7662c7a9f0e39!2sGrow%20Farms!5e0!3m2!1sen!2sin!4v1705382644827!5m2!1sen!2sin" width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" ></iframe>
        
        {% include 'footer.html' %}
    </div>
    {% include 'script.html' %}
    <script src="/static/js/home.js"></script>
</body>
</html>