<?php include 'header.php'; ?>
 <!-- Header Banner -->
 <div class="banner-header section-padding valign bg-img bg-fixed back-position-bottom" data-overlay-dark="7" data-background="img/slider/2.jpg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 caption text-center mt-30">
                    <h5><span>↗</span> Welcome</h5>
                    <h1>Adventure Yacht</h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="index.html">Home</a></li>
                        <li>About</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- About -->
    <section class="about cover section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-12 mb-30">
                    <div class="owl-theme owl-carousel">
                        <div class="item">
                            <div class="img"><img src="img/about.jpg" class="img-fluid" alt=""></div>
                        </div>
                        <div class="item">
                            <div class="img"><img src="img/about2.jpg" class="img-fluid" alt=""></div>
                        </div>
                        <div class="item">
                            <div class="img"><img src="img/about3.jpg" class="img-fluid" alt=""></div>
                        </div>
                        <div class="item">
                            <div class="img"><img src="img/about4.jpg" class="img-fluid" alt=""></div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 offset-lg-1 col-md-12">
                    <div class="section-subtitle">↗ Since 1880</div>
                    <div class="section-title">Adventure Yacht</div>
                    <p>Lorem ipsum elementum sesue in the aucanion vestibulum aliquam usto inthe sapien rutrum volutate inthemiss quis the pellentesque donec velit arcution mosuere blane nestibulum suam the monte nellen.</p>
                    <ul class="list-unstyled about-list mb-30">
                        <li>
                            <div class="about-list-icon"> <span class="ti-check"></span> </div>
                            <div class="about-list-text">
                                <p>Highly trained captains and crew</p>
                            </div>
                        </li>
                        <li>
                            <div class="about-list-icon"> <span class="ti-check"></span> </div>
                            <div class="about-list-text">
                                <p>Experienced service staff</p>
                            </div>
                        </li>
                        <li>
                            <div class="about-list-icon"> <span class="ti-check"></span> </div>
                            <div class="about-list-text">
                                <p>5-Star rated customer services</p>
                            </div>
                        </li>
                    </ul>
                    <div class="line-dec"></div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="about-call">
                                <div class="call-icon"><i class="fa-light fa-phone fa-beat"></i></div>
                                <div class="media-body">
                                    <p>Call To Ask Any Queary</p>
                                    <p class="call-number"><a href="tel:0800333444">0800 333 444</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="iconso"><span class="flaticon-rudder"></span></div>
                </div>
            </div>
        </div>
    </section>
    <!-- Promo Popup Video -->
    <section class="video-popup section-padding bg-img bg-fixed" data-overlay-dark="7" data-background="img/slider/2.jpg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8 col-md-12 text-center">
                    <div class="section-subtitle">↗ Discover</div>
                    <div class="section-title"><span>Watch Yacht Video</span></div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 text-center">
                    <a class="vid" href="https://youtu.be/CA39EOk73dg">
                        <div class="vid-butn"> <span class="icon"><i class="flaticon-play-button"></i></span> </div>
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- Team -->
    <section class="team section-padding bg-lightblue">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mb-30 text-center">
                    <div class="section-subtitle">↗ Young Captains</div>
                    <div class="section-title">Meet the Skippers</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-theme owl-carousel">
                        <div class="item">
                            <div class="img"> <img src="img/team/03.jpg" alt="" class="w-100"> </div>
                            <div class="con">
                                <h5 class="mb-0">Enrico Martin<br><span>Managing Director</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"> <img src="img/team/04.jpg" alt="" class="w-100"> </div>
                            <div class="con">
                                <h5 class="mb-0">Rebecca Dan<br><span>Yacht Management</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"> <img src="img/team/05.jpg" alt=""></div>
                            <div class="con">
                                <h5 class="mb-0">Micheal Martin<br><span>Crew Recruitment</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"> <img src="img/team/06.jpg" alt="" class="w-100"> </div>
                            <div class="con">
                                <h5 class="mb-0">Robert Brown<br><span>Yacht Management</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"> <img src="img/team/07.jpg" alt="" class="w-100"> </div>
                            <div class="con">
                                <h5 class="mb-0">Oliva Smith<br><span>Non-Executive Director</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="img"> <img src="img/team/08.jpg" alt=""></div>
                            <div class="con">
                                <h5 class="mb-0">Jesica Dan<br><span>Morale Management</span></h5>
                                <div class="arrow"> <a href="team-details.html"><i class="fa-regular fa-arrow-right"></i></a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testiominals -->
    <section class="section-padding bg-navy">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center mb-30">
                    <div class="section-subtitle">↗ What Our Customers</div>
                    <div class="section-title whte"><span>Say</span> About Us</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="testimonials left">
                        <figure> <img src="img/events/05.jpg" alt="" class="img-fluid rounded-1"> </figure>
                        <div class="caption testimonials">
                            <div class="owl-carousel owl-theme">
                                <div class="item-box"> <span class="quote"><i class="fa fa-quote-left"></i></span>
                                    <div class="rating"><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i></div>
                                    <h5>Highly recommended!</h5>
                                    <p>Fantastic service from Harbour, very easy to deal with, very smooth transaction and very happy with the boat. Thank you.</p>
                                    <div class="line-dec"></div>
                                    <div class="info">
                                        <div class="author-img"> <img src="img/team/c1.png" alt=""> </div>
                                        <div class="cont">
                                            <h6>Martin Brown</h6> <span>Customer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-box"> <span class="quote"><i class="fa fa-quote-left"></i></span>
                                    <div class="rating"><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i></div>
                                    <h5>Highly recommend Harbour!</h5>
                                    <p>Not a lot to say apart from a superb service from start to finish. Would highly recommend the team in Harbour. Thank you.</p>
                                    <div class="line-dec"></div>
                                    <div class="info">
                                        <div class="author-img"> <img src="img/team/c2.png" alt=""> </div>
                                        <div class="cont">
                                            <h6>Olivia White</h6> <span>Customer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-box"> <span class="quote"><i class="fa fa-quote-left"></i></span>
                                    <div class="rating"><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i><i class="star active"></i></div>
                                    <h5>Excellent and friendly!</h5>
                                    <p>Excellent, friendly and professional service through the process of buying our new boat. Thanks you.</p>
                                    <div class="line-dec"></div>
                                    <div class="info">
                                        <div class="author-img"> <img src="img/team/c3.png" alt=""> </div>
                                        <div class="cont">
                                            <h6>Daniel Woodman</h6> <span>Customer</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Clients -->
    <section class="clients section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="section-subtitle"><span>↗</span> Sponsor & Clients</div>
                    <div class="section-title">Our Sponsor</div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel owl-theme">
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/1.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/2.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/3.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/4.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/5.png" alt=""></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php include 'footer.php'; ?>