<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <!-- .site-wrap 607-->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/templatemo-main.css">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
    </head>

<body>

    <div class="fixed-side-navbar">
        <ul class="nav flex-column">
            <li class="nav-item"><a class="nav-link" href="/"><span><img src="assets/images/en.png"></span></a></li>
            <li class="nav-item"><a class="nav-link" href="fr/"><span><img src="assets/images/fr.png"></span></a></li>
            <li class="nav-item"><a class="nav-link" href="de/"><span><img src="assets/images/de.png"></span></a></li>
            <li class="nav-item"><a class="nav-link" href="es/"><span><img src="assets/images/es.png"></span></a></li>
            <li class="nav-item"><a class="nav-link" href="it/"><span><img src="assets/images/it.png"></span></a></li>
        </ul>
    </div>

    <div class="parallax-content baner-content" id="home">
        <div class="container">
            <div class="first-content">
                <h1>dolor</h1>
                <span><em>Praesent</em> egestas leo</span>
            </div>
        </div>
    </div>


    <div class="service-content" id="services">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="left-text">
                        <h4>Maecenas adipiscing ante non</h4>
                        <div class="line-dec"></div>
                        <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula.</p>
                        <ul>
                            <li>-  Pellentesque rhoncus nunc et augue</li>
                            <li>-  Curabitur aliquet pellentesque diam</li>
                            <li>-  Integer quis metus vitae elit lobortis egestas</li>
                            <li>-  Lorem ipsum dolor sit amet, consectetuer adipiscing</li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="service-item">
                                <h4>Fermentum diam</h4>
                                <div class="line-dec"></div>
                                <p>Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="service-item">
                                <h4>Fermentum diam</h4>
                                <div class="line-dec"></div>
                                <p>Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="service-item">
                                <h4>Fermentum diam</h4>
                                <div class="line-dec"></div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis.</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="service-item">
                                <h4>Fermentum diam</h4>
                                <div class="line-dec"></div>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis.</p>
                            </div>
                        </div>
                    </div>
                </div>                
            </div>
        </div>
    </div>

    
    <div class="parallax-content projects-content" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div id="owl-testimonials" class="owl-carousel owl-theme row">
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/1st-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/2nd-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/3rd-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/4th-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/5th-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                        <div class="item col-md-3">
                            <div class="testimonials-item">
                                <span data-lightbox="image-1"><img src="assets/images/6th-item.jpg" alt=""></span>
                                <div class="text-content">
                                    <h4>Tempus sapien</h4>
                                    <span>Maecenas</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="tabs-content" id="our-story">
        <div class="container">
            <div class="row">
                <div class="col-md-12 mx-auto">
                    <section id="first-tab-group" class="tabgroup row">
                      <div class="col-md-4">
                        <img src="assets/images/1st-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                      <div class="col-md-4">
                        <img src="assets/images/2nd-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                      <div class="col-md-4">
                        <img src="assets/images/3rd-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                      <div class="col-md-4">
                        <img src="assets/images/1st-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                      <div class="col-md-4">
                        <img src="assets/images/2nd-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                      <div class="col-md-4">
                        <img src="assets/images/3rd-tab.jpg" alt="">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lacinia ligula est, at venenatis ex iaculis quis. Morbi sollicitudin nulla eget odio pellentesque, sed cursus diam iaculis.</p>
                      </div>
                    </section>
                </div>
            </div>
        </div>
    </div>


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p>Powered by : <a href="https://www.furlotte.net" target="_blank">furlotte.net</a></p>
                </div>
            </div>
        </div>
    </footer>


</body>
</html>