<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<!-- .site-wrap 282-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	
    <link href="assets/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <link href="assets/css/style.css" rel='stylesheet' type='text/css' />
	
</head>
<body>

<!-- header -->
<header>

	<div class="container">
		<!-- nav -->
		<nav class="py-3 d-lg-flex">
			<div id="logo">
				<h1 style="color:#fff">Trip spot </h1>
			</div>
			<input type="checkbox" id="drop" />
			<ul class="menu ml-auto mt-1">
				<li class=""><a href="/"><img src="assets/images/en.png"></a></li>
				<li class=""><a href="fr/"><img src="assets/images/fr.png"></a></li>
				<li class=""><a href="de/"><img src="assets/images/de.png"></a></li>
				<li class=""><a href="es/"><img src="assets/images/es.png"></a></li>
				<li class=""><a href="it/"><img src="assets/images/it.png"></a></li>
			</ul>
		</nav>
		<!-- //nav -->
	</div>
</header>
<!-- //header -->

<!-- banner -->
<div class="banner" id="home">
	<div class="layer">
		<div class="container">
			<div class="row">
				<div class="col-md-6 banner-text-w3ls">
					<div class="padding">
					<h1 style="color:#fff;">Maecenas adipiscing ante non diam</h1>
					<p style="color:#fff;">Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa</p>
					</div>
				</div>
				<div class="col-md-6 px-lg-3 px-0">
					<div class="banner-form-w3 ml-lg-5">
						
						
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //banner -->
  <!-- banner-bottom -->
    <section class="some-content py-5" id="about">
        <div class="container py-md-5">
            <div class="row about-vv-top mt-2">
                <div class="col-lg-6 about-info">
                    <h4 class="title-hny  mb-md-5">Aliquam euismod libero eu enim. Nulla nec felis sed</h4>
                    <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>

                </div>
                <div class="col-lg-6 about-img mt-md-4 mt-sm-4">
                    <img src="assets/images/ab1.jpg" class="img-fluid" alt="">
                </div>

            </div>
        </div>
    </section>
    <!-- //banner-bottom-->
	<!-- services -->
<section class="services py-5" id="services">
	<div class="container py-md-5">
	<h3 class="heading text-center mb-3 mb-sm-5">Tristique ligula</h3>
		<div class="row service-grid-grids text-center">
			<div class="col-lg-4 col-md-6 service-grid service-grid1 mb-4">
				<h4 class="mt-3">Felis magna</h4>
				<p class="mt-3">Perspiciatis unde omnis iste natus doloret ipsum volupte ut accusal ntium dolor remque laudantium, totam dolor.</p>
			</div>
			<div class="col-lg-4 col-md-6 service-grid service-grid2 mb-4">
				<h4 class="mt-3">Felis magna</h4>
				<p class="mt-3">Perspiciatis unde omnis iste natus doloret ipsum volupte ut accusal ntium dolor remque laudantium, totam dolor.</p>
			</div>
			
			<div class="col-lg-4 col-md-6 service-grid service-grid3 mb-4">
				<h4 class="mt-3">Felis magna</h4>
				<p class="mt-3">Perspiciatis unde omnis iste natus doloret ipsum volupte ut accusal ntium dolor remque laudantium, totam dolor.</p>
			</div>
		</div>
		<div class="row mt-5">
			<div class="col-md-6 p-md-0 mb-4">
				<div class="bg-image-left">	
					<h4>Integer id felis</h4>
				</div>
			</div>
			<div class="col-md-6 p-md-0 mb-4">
				<div class="bg-image-right">
					<h4>Integer id felis</h4>
				</div>
				<div class="row">
					<div class="col-md-6 pr-md-0">
						<div class="bg-image-bottom1">
							<h4>Integer</h4>
						</div>
					</div>
					<div class="col-md-6 pl-md-0">
						<div class="bg-image-bottom2">
							<h4>Integer</h4>
						</div>
					</div>
				</div>	
			</div>	
		</div>		
	</div>		
</section>
<!-- //services -->
 <!-- stats -->
    <section class="stats" id="stats">
	<div class="layer py-md-5 py-5">
        <div class="container py-lg-5 py-md-3">
            <div class="row stat-grids">
                <div class="col-lg-12 stats-left">
                    <h3 class="heading mb-4 text-li">Years in the field</h3>
                    <p class="mb-3">Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla sollicit sed.</p>
              
                </div>

            </div>
        </div>
		</div>
    </section>
    <!-- //stats -->
<!-- Team  -->
<section class="team py-5" id="team">
    <div class="container py-md-5">
		<h3 class="heading text-center mb-3 mb-sm-5">Integer id felis</h3>
        <div class="row">
			<div class="team-grid col-lg-3 col-sm-6 mb-5">
				<img src="assets/images/t1.jpg" class="" alt="" />
				<div class="team-info text-center">
					<h3 class="">Mauris ac mauris</h3>
					<span class="">Aspernatur</span>
				</div>
			</div>
			<div class="team-grid col-lg-3 col-sm-6  mb-5">
				<img src="assets/images/t2.jpg" class="" alt="" />
				<div class="team-info text-center">
					<h3 class="">Mauris ac mauris</h3>
					<span class="">Aspernatur</span>
				</div>
			</div>
			<div class="team-grid col-lg-3 col-sm-6  mb-5">
				<img src="assets/images/t3.jpg" class="" alt="" />
				<div class="team-info text-center">
					<h3 class="">Mauris ac mauris</h3>
					<span class="">Aspernatur</span>
				</div>
			</div>
			<div class="team-grid col-lg-3 col-sm-6  mb-5">
				<img src="assets/images/t4.jpg" class="" alt="" />
				<div class="team-info text-center">
					<h3 class="">Mauris ac mauris</h3>
					<span class="">Aspernatur</span>
				</div>
			</div>
        </div>
    </div>
</section>
<!-- //Team -->

 <!-- Gallery -->
    <section class="gallery py-5" id="gallery">
        <div class="container py-md-5">
            <div class="header mb-3 mb-sm-5 text-center">
               <h3 class="heading text-center mb-3 mb-sm-5">Dolor sit amet</h3>
                <div class="row news-grids text-center">
                    <div class="col-md-4 gal-img">
                    <img src="assets/images/g1.jpg" alt="" class="img-fluid">
                    <img src="assets/images/g2.jpg" alt="" class="img-fluid">
                    </div>

                    <div class="col-md-4 gal-img">
                    <img src="assets/images/g3.jpg" alt="" class="img-fluid">
                    <img src="assets/images/g4.jpg" alt="" class="img-fluid">
                    </div>
                    <div class="col-md-4 gal-img">
                    <img src="assets/images/g5.jpg" alt="" class="img-fluid">
                    <img src="assets/images/g6.jpg" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
            <!-- popup-->
            <div id="gal1" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g1.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup -->

            <!-- popup-->
            <div id="gal2" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g2.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup -->
            <!-- popup-->
            <div id="gal3" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g3.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup3 -->
            <!-- popup-->
            <div id="gal4" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g4.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup -->
            <!-- popup-->
            <div id="gal5" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g5.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup -->
            <!-- popup-->
            <div id="gal6" class="pop-overlay animate">
                <div class="popup">
                    <img src="assets/images/g6.jpg" alt="" class="img-fluid" />
                    <p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
                </div>
            </div>
            <!-- //popup -->
        </div>
    </section>
    <!--// gallery -->
	

 <!--/testimonials -->
    <section class="testimonials py-5" id="testimonials">
        <div class="container py-md-5">
                <h3 class="heading heading1 text-center mb-3 mb-sm-5"> Consequat in</h3>
            <div class="row">
                <div class="col-lg-4 col-sm-6 test-info text-left mb-4">
                    <p><span class="fa fa-quote-left"></span> Lorem Ipsum has been the industry's standard since the 1500s. Praesent ullamcorper dui turpis.Nulla non laoreet eleifend. </p>
                    <div class="test-img text-right mb-3">
                        <img src="assets/images/te1.jpg" class="img-fluid" alt="">
                    </div>
                    <h3 class="my-md-2 my-3 text-right">Suspendisse cursus</h3>

                   
                </div>
                <div class="col-lg-4 col-sm-6 test-info text-left mb-4">
                    <p><span class="fa fa-quote-left"></span> Lorem Ipsum has been the industry's standard since the 1500s. Praesent ullamcorper dui turpis.Nulla non laoreet eleifend. </p>

                    <div class="test-img text-right mb-3">
                        <img src="assets/images/te2.jpg" class="img-fluid" alt="">
                    </div>
                    <h3 class="my-md-2 my-3 text-right">Suspendisse cursus</h3>

                   
                </div>
                <div class="col-lg-4 col-sm-6 test-info text-left gap1 mb-4">
                    <p><span class="fa fa-quote-left"></span> Lorem Ipsum has been the industry's standard since the 1500s. Praesent ullamcorper dui turpis.Nulla non laoreet eleifend. </p>
                    <div class="test-img text-right mb-3">
                        <img src="assets/images/te3.jpg" class="img-fluid" alt="">
                    </div>
                    <h3 class="my-md-2 my-3 text-right">Suspendisse cursus</h3>

                </div>
            </div>
        </div>
    </section>
    <!--//testimonials -->



<!-- //contact us -->


 <!-- footer -->
    <footer class="footer-content py-3">
        <div class="container py-md-3">
            <div class="footer-top text-center">
                <h2>
                    <span class="navbar-brand pt-3 mb-3" >
                        Vestibulum ante
                    </span>
                </h2>
            </div>
            <div class="row footer-top-inner-vv">
                <div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
                    <div class="footer-lavi">
                        <h3 class="mb-3 lavi_title">Curabitur </h3>
                        <hr>
                        <ul class="list-info-lavi">
                            <li>Congue </li>
                            <li>Convallis </li>
                            <li>Faucibus</li>
                            <li>Metus </li>
                            <li>Lectus</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
                    <div class="footer-lavi">
                        <h3 class="mb-3 lavi_title">Curabitur </h3>
                        <hr>
                        <ul class="list-info-lavi">
                            <li>Congue </li>
                            <li>Convallis </li>
                            <li>Faucibus</li>
                            <li>Metus </li>
                            <li>Lectus</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
                    <div class="footer-lavi">
                        <h3 class="mb-3 lavi_title">Curabitur </h3>
                        <hr>
                        <ul class="list-info-lavi">
                            <li>Congue </li>
                            <li>Convallis </li>
                            <li>Faucibus</li>
                            <li>Metus </li>
                            <li>Lectus</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 mt-lg-0 mt-4">
                    <div class="footer-lavi">
                        <h3 class="mb-3 lavi_title">Curabitur </h3>
                        <hr>
                        <ul class="list-info-lavi">
                        <li>Congue </li>
                            <li>Convallis </li>
                            <li>Faucibus</li>
                            <li>Metus </li>
                            <li>Lectus</li>
                        </ul>
                    </div>
                </div>

            </div>

        </div>
        <!-- //footer bottom -->
    </footer>
    <!-- //footer -->
   <!-- copyright -->
<div class="copy-right-top">
	<p class="copy-right text-center pt-2">Powered by : <a href="https://www.ewrightdesign.com" target="_blank">ewrightdesign.com</a></p>
</div>





</body>
</html>
