<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
    <!-- .site-wrap 587-->
    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&display=swap" rel="stylesheet">

    <!-- Css Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>

<body>

    <!-- Header Section Begin -->
    <header class="header-section">
        <div class="container-fluid">
            <div class="logo">
               <img src="img/logo.png" alt="">
            </div>
            <nav class="main-menu mobile-menu">
                <ul>
                    <li><a href="/"><img src="img/en.png"></a></li>
                    <li><a href="fr/"><img src="img/fr.png"></a></li>
                    <li><a href="de/"><img src="img/de.png"></a></li>
                    <li><a href="es/"><img src="img/es.png"></a></li>
                    <li><a href="it/"><img src="img/it.png"></a></li>
                </ul>
            </nav>

        </div>
    </header>
    <!-- Header End -->

    <!-- Hero Section Begin -->
    <section class="hero-section set-bg"  style="background:url(img/hero-bg.jpg); background-size:cover;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="hero-text">
                        <img src="img/placeholder.png" alt="">
                        <h1>Maecenas adipiscing ante non diam </h1>
                        <p>Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero Section End -->

    <!-- Trending Restaurant Section Begin -->
    <section class="trending-restaurant spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h2>Top trending for your city</h2>
                        <p>Explore some of the best places in the world</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6">
                    <div class="trend-item">
                        <div class="trend-pic">
                            <img src="img/trending/trending-1.jpg" alt="">
                            <div class="rating">4.9</div>
                        </div>
                        <div class="trend-text">
                            <h4>Consectetuer adipiscing</h4>
                            <span>Posuere, metus purus</span>
                            <p>Fusce urna quam, euismod sit amet mollis quis.</p>
                            <div class="closed">Tristique ligula</div>
                            <div class="open">Justo vitae magna</div>
                        </div>
                        <div class="tic-text">Aliquam </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="trend-item nightlife">
                        <div class="trend-pic">
                            <img src="img/trending/trending-2.jpg" alt="">
                            <div class="rating">4.9</div>
                        </div>
                        <div class="trend-text">
                            <h4>Consectetuer adipiscing</h4>
                            <span>Posuere, metus purus</span>
                            <p>Fusce urna quam, euismod sit amet mollis quis.</p>
                            <div class="closed">Tristique ligula</div>
                            <div class="open">Justo vitae magna</div>
                        </div>
                        <div class="tic-text">Aliquam </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="trend-item hotels">
                        <div class="trend-pic">
                            <img src="img/trending/trending-3.jpg" alt="">
                            <div class="rating">4.6</div>
                        </div>
                        <div class="trend-text">
                            <h4>Consectetuer adipiscing</h4>
                            <span>Posuere, metus purus</span>
                            <p>Fusce urna quam, euismod sit amet mollis quis.</p>
                            <div class="closed">Tristique ligula</div>
                            <div class="open">Justo vitae magna</div>
                        </div>
                        <div class="tic-text">Aliquam </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="trend-item events">
                        <div class="trend-pic">
                            <img src="img/trending/trending-4.jpg" alt="">
                            <div class="rating">5.0</div>
                        </div>
                       <div class="trend-text">
                            <h4>Consectetuer adipiscing</h4>
                            <span>Posuere, metus purus</span>
                            <p>Fusce urna quam, euismod sit amet mollis quis.</p>
                            <div class="closed">Tristique ligula</div>
                            <div class="open">Justo vitae magna</div>
                        </div>
                        <div class="tic-text">Aliquam </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Trending Restaurant Section End -->

    <!-- Categories Section Begin -->
    <section class="categories-section spad">
        <div class="container-fluid">
            <div class="categories-left">
                <div class="categories-item set-bg large-img" style="background:url(img/categories/cat-1.jpg); background-size:cover;">
                        <span class="img-hover pop-up"><img src="img/zoom.png" alt=""></span>
                        <div class="categories-text">
                            <h4>Tristique ligula</h4>
                            <p>Vitae magna</p>
                        </div>
                    </div>
            </div>
            <div class="categories-right">
                <div class="row">
                    <div class="col-md-6">
                        <div class="categories-item set-bg" style="background:url(img/categories/cat-2.jpg); background-size:cover;">
                            <span class="img-hover pop-up"><img src="img/zoom.png" alt=""></span>
                            <div class="categories-text">
                                <h4>Tristique ligula</h4>
                            <p>Vitae magna</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="categories-item set-bg" style="background:url(img/categories/cat-3.jpg); background-size:cover;">
                            <span class="img-hover pop-up"><img src="img/zoom.png" alt=""></span>
                            <div class="categories-text">
                                <h4>Tristique ligula</h4>
                            <p>Vitae magna</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="categories-item set-bg" style="background:url(img/categories/cat-4.jpg); background-size:cover;">
                            <span class="img-hover pop-up"><img src="img/zoom.png" alt=""></span>
                            <div class="categories-text">
                                <h4>Tristique ligula</h4>
                            <p>Vitae magna</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="categories-item set-bg" style="background:url(img/categories/cat-5.jpg); background-size:cover;">
                            <span class="img-hover pop-up"><img src="img/zoom.png" alt=""></span>
                            <div class="categories-text">
                                <h4>Tristique ligula</h4>
                            <p>Vitae magna</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Categories Section End -->

    <!-- Testimonial Section Begin -->
    <section class="testimonial-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 offset-lg-1">
                    <div class="testimonial-item owl-carousel">
                        <div class="single-testimonial-item">
                            <img src="img/testimonial-1.png" alt="">
                            <p>Fusce urna quam, euismod sit amet mollis quis. Fusce urna quam, euismod sit amet mollis
                                quis, vestibulum quis velit. Vestibulum malesuada aliquet libero viverra cursus. Aliquam
                                erat volutpat. Morbi id dictum quam, ut commodo lorem. In at nisi nec arcu porttitor
                                aliquet vitae at dui. Sed sollicitudin nulla non leo viverra.</p>
                            <h4>Maliquet libero</h4>
                            <span>Ceuismod sit</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="bg-img">
                <img src="img/testimonial-bg.png" alt="">
            </div>
        </div>
    </section>
    <!-- Testimonial Section End -->

    <!-- How It Works Section Begin -->
    <section class="work-section set-bg" style="background:url(img/line-bg.jpg); background-size:cover;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-title">
                        <h2>Fusce urna quam</h2>
                        <p>Sed sollicitudin nulla non leo viverra.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-work-item">
                        <div class="number">01.</div>
                        <div class="work-text">
                            <h4>Tempus aliquam</h4>
                            <p>Fusce urna quam, euismod sit amet mollis quis.Aliquam erat volutpat. Morbi id dictum quam, ut.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-work-item">
                        <div class="number">02.</div>
                        <div class="work-text">
                            <h4>Tempus aliquam</h4>
                            <p>Euismod sit amet mollis quis. Ali-quam erat volutpat. Morbi id dictum quam, ut commodo lorem. </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-work-item">
                        <div class="number">03.</div>
                        <div class="work-text">
                            <h4>Tempus aliquam</h4>
                            <p>Euismod sit amet mollis quis. Ali-quam erat volutpat. Morbi id dictum quam, ut commodo lorem. </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- How It Works Section End -->

    <!-- App Section Begin -->
    <section class="app-section spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <img src="img/phone.png" alt="">
                </div>
                <div class="col-lg-6 offset-lg-1">
                    <div class="app-text">
                        <div class="section-title">
                            <h2>Donec bibendum enim</h2>
                            <p>Morbi ac aliquet erat. Sed dapibus, augue et malesuada</p>
                        </div>
                        <p>Morbi id dictum quam, ut commodo lorem. Donec bibendum, enim ut luctus dictum, nisl turpis
                            scelerisque sem, in dapibus neque odio eu sapien. Morbi ac aliquet erat. Sed dapibus, augue
                            et malesuada maximus.</p>
                        <ul>
                            <li><img src="img/check-icon.png" alt="">Fusce urna quam, euismod sit amet mollis quis, vestibulum
                                quis veli</li>
                            <li><img src="img/check-icon.png" alt="">Vestibulum malesuada aliquet libero viverra cursus</li>
                            <li><img src="img/check-icon.png" alt="">Urna quam, euismod sit amet mollis quis, vestibulum quis veli
                            </li>
                        </ul>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- App Section End -->



    <!-- Footer Section Begin -->
    <footer class="footer-section spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <div class="footer-widget">
                        <h4>Vestibulum</h4>
                        <ul>
                            <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                            <li>Praesent</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="footer-widget">
                        <h4>Vestibulum</h4>
                        <ul>
                            <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                            <li>Praesent</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="footer-widget">
                        <h4>Vestibulum</h4>
                        <ul>
                            <li>Aliquam</li>
                            <li>Convallis</li>
                            <li>Sollicitudin</li>
                            <li>Purus</li>
                            <li>Praesent</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6">
                    <div class="footer-widget">
                        <h4>Vestibulum</h4>
                        <div class="single-blog">
                            <div class="blog-pic">
                                <img src="img/f-blog-1.jpg" alt="">
                            </div>
                            <div class="blog-text">
                                <h6>Praesent aliquam enim</h6>
                                <span>Fermentum mollis</span>
                            </div>
                        </div>
                        <div class="single-blog">
                            <div class="blog-pic">
                                <img src="img/f-blog-2.jpg" alt="">
                            </div>
                            <div class="blog-text">
                                <h6>Praesent aliquam enim</h6>
                                <span>Fermentum mollis</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row footer-bottom">
                <div class="col-lg-5 order-2 order-lg-1">
                    <div class="copyright"><p class="text-white">Powered by : <a href="http://www.pdamobile.cz" target="_blank">pdamobile.cz</a></p></div>
                </div>
                <div class="col-lg-7 text-center text-lg-right order-1 order-lg-2">
                </div>
            </div>
        </div>
    </footer>


</body>

</html>