<!doctype html>

<html lang="en">

<head>
    <!-- .site-wrap 346-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <title></title>
</head>

<body>

    <div id="fh5co-hero-carousel" class="carousel slide header" data-ride="carousel">
        <nav class="navbar fixed-top navbar-expand-xl">
            <div class="container">

                <div id="my-nav" class="collapse navbar-collapse">

                    <div>
                    </div>

                    <ul class="navbar-nav mx-auto logo-desktop">
                        <li class="nav-item active">
                            <span class="nav-link"><img src="assets/images/logo.png" alt="" /></span>
                        </li>
                    </ul>

                    <ul class="navbar-nav float-right menu-links">
                        <li class="nav-item">
                          <a class="nav-link" href="/"><img src="assets/images/en.png"></a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="fr/"><img src="assets/images/fr.png"></a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="de/"><img src="assets/images/de.png"></a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="es/"><img src="assets/images/es.png"></a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" href="it/"><img src="assets/images/it.png"></a>
                        </li>

                    </ul>
                </div>
            </div>
        </nav>

        <div class="carousel-inner">
            <div class="carousel-item active">

                <img class="d-block w-100 home-bg" alt="home-bg" src="assets/images/home-bg.jpg">

                <div class="carousel-caption d-md-block">
                    <p class="frst-hrd">Maecenas adipiscing ante non diam</p>
                    <h5>Aenean ut orci vel massa</h5>
                    <p>Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, <br />consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula.</p>
                </div>


            </div>

        </div>

    </div>


    <div class="container-fluid fh5co-about-us" id="about-us">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">

                    <svg class="back-bg" viewBox="0 0 535 618">
                        <defs>
                            <linearGradient id="PSgrad_0" x1="0%" x2="100%" y1="0%" y2="0%">
                                <stop offset="0%" stop-color="rgb(88,192,255)" stop-opacity="1" />
                                <stop offset="100%" stop-color="rgb(18,112,228)" stop-opacity="1" />
                            </linearGradient>

                        </defs>
                        <path fill-rule="evenodd" fill="rgb(18, 112, 228)"
                            d="M6.000,-0.000 L499.000,-0.000 C502.314,-0.000 505.000,2.686 505.000,6.000 L505.000,612.000 C505.000,615.314 502.314,618.000 499.000,618.000 L6.000,618.000 C2.686,618.000 -0.000,615.314 -0.000,612.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 Z" />
                        <path fill="url(#PSgrad_0)"
                            d="M6.000,-0.000 L499.000,-0.000 C502.314,-0.000 505.000,2.686 505.000,6.000 L505.000,612.000 C505.000,615.314 502.314,618.000 499.000,618.000 L6.000,618.000 C2.686,618.000 -0.000,615.314 -0.000,612.000 L-0.000,6.000 C-0.000,2.686 2.686,-0.000 6.000,-0.000 Z" />
                    </svg>

                    <div class="owl-carousel owl-carousel1 owl-theme">
                        <div>
                            <img src="assets/images/slide.png" alt="" class="img-fluid" />
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="about-us-content">
                        <h2>Neque porro</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
                            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
                            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                            cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed
                            ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
                            laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
                            architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
                            aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
                            voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
                            consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et
                            dolore magnam aliquam quaerat voluptatem.</p>
                    </div>


                </div>
            </div>
        </div>
    </div>


    <div class="container-fluid fh5co-portfolio" id="portfolio">
        <div class="container">
            <h2>Felis magna</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
                dolore magna aliqua. Ut enim ad </p>

            <div class="row">

                <div class="portfolioContainer row">

                    <div class="gallary building nature green col-md-4">
                        <img src="assets/images/img1.png" alt="">
                        <div class="card-img-overlay">
                        </div>

                    </div>
                    <div class="gallary center-img wedding col-md-4">
                        <img src="assets/images/img2.png" class="half-height" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>

                    <div class="gallary building col-md-4">

                        <img src="assets/images/img4.png" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>
                    <div class="gallary center-img landscape nature col-md-4">
                        <img src="assets/images/img3.png" class="half-height" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>
                    <div class="gallary col-md-4">
                        <img src="assets/images/img5.png" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>

                    <div class="gallary center-img landscape col-md-4">
                        <img src="assets/images/img6.png" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>


                    <div class="gallary building nature col-md-4">
                        <img src="assets/images/img4.png" alt="">
                        <div class="card-img-overlay">
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
    <div class="container-fluid fh5co-news" id="news">
        <div class="container">
            <h2>Dolore magna</h2>
            <div class="row">
                <div class="owl-carousel owl-carousel2 owl-theme row">
                    <div class="col-md-4">
                        <div class="card text-center"> <img class="card-img-top" src="assets/images/news1.png" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>Maecenas adipiscing ante non diam</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo </p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card text-center"> <img class="card-img-top" src="assets/images/news2.png" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>Maecenas adipiscing ante non diam</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="card text-center"> <img class="card-img-top" src="assets/images/news3.png" alt="">
                            <div class="card-body text-left pr-0 pl-0">
                                <h5>Maecenas adipiscing ante non diam</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                    eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                                    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <div class="container-fluid copy">
        <div class="col-lg-12">
            <p>Powered by : <a href="https://www.spectrecamodesigns.com" target="_blank">spectrecamodesigns.com</a></p>
        </div>
    </div>


</body>

</html>