<?php include 'header.php'; ?>


<div class="banner-header section-padding valign bg-img bg-fixed back-position-center" data-overlay-dark="7" data-background="img/slider/2.jpg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mt-30 caption text-center">
                    <h1>Contact <span>Us</span></h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="index.html">Home</a></li>
                        <li>Contact</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- Contact -->
    <section class="contact section-padding">
        <div class="container">
            <div class="row">
                <!-- contact info -->
                <div class="col-lg-5 col-md-12">
                    <div class="item">
                        <h2>Contact Info</h2>
                        <div class="phone-call">
                            <div class="icon"><span class="fa-brands fa-whatsapp"></span></div>
                            <div class="text">
                                <p>Whatsapp Number</p> <a href="//wa.me/+971507393765" target="_blank">+971 50 739 3765</a>
                            </div>
                        </div>
                        <div class="line-dec"></div>
                        <div class="phone-call">
                            <div class="icon"><span class="fa-light fa-phone"></span></div>
                            <div class="text">
                                <p>Phone Number</p> <a href="tel:+971 56 7187372">+971 56 718 7372</a>
                            </div>
                        </div>
                        <div class="line-dec"></div>
                        <div class="phone-call">
                            <div class="icon"><span class="fa-light fa-envelope"></span></div>
                            <div class="text">
                                <p>Email Address</p> <a href="mailto:info@adventureyachtsdubai.com">info@adventureyachtsdubai.com</a>
                            </div>
                        </div>
                        <div class="line-dec"></div>
                        <div class="phone-call">
                            <div class="icon"><span class="fa-light fa-location-dot"></span></div>
                            <div class="text">
                                <p>Office Address</p>Adventure Yacht Rentals,yacht club dubai marina,UAE
                            </div>
                        </div>
                    </div>
                </div>
                <!-- leave a message -->
                <div class="col-lg-6 offset-lg-1 col-md-12 mt-45">
                    <h2>Leave a Message</h2>
                    <form method="post" class="contact__form" action="mail.php">
                        <!-- form message -->
                        <div class="row">
                            <div class="col-12">
                                <div class="alert alert-success contact__msg" style="display: none" role="alert"> Your message was sent successfully. </div>
                            </div>
                        </div>
                        <!-- form elements -->
                        <div class="row">
                            <div class="col-md-6 form-group">
                                <input name="name" type="text" id="name"  placeholder="Your Name *" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <input name="email" type="email" placeholder="Your Email *" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <input name="phone" type="text" id="phone" placeholder="Your Number *" required>
                            </div>
                            <div class="col-md-6 form-group">
                                <input name="subject" type="text" placeholder="Subject *" required>
                            </div>
                            <div class="col-md-12 form-group">
                                <textarea name="message" id="message" cols="30" rows="4" placeholder="Message *" required></textarea>
                            </div>
                            <div class="col-md-12">
                                <button class="button-1" type="submit" id="submit" name="submit"><span>Send Message</span></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            
            
            <div class="mt-5">
                <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3613.2883404756867!2d55.141920999999996!3d25.092098999999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjXCsDA1JzMxLjYiTiA1NcKwMDgnMzAuOSJF!5e0!3m2!1sen!2sin!4v1725451524249!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </section>



<?php include 'footer.php'; ?>