<!doctype html>
<html lang="en">

<head>
    <!-- .site-wrap 387-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title></title>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700|Playfair+Display:400,700,900" rel="stylesheet"> 
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/main.css">

</head>

<body>
    <!--Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark cyan fixed-top">
        <div class="container">
            <span class="navbar-brand" >
            <img src="assets/images/nav-logo.png" alt="">
            </span>

            <div class="collapse navbar-collapse" id="navbarSupportedContent-4">
                <ul class="navbar-nav ml-auto">
                    <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>

    <!--/.Navbar -->
    <!--Carousel Wrapper-->
    <div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails" data-ride="carousel">
        <!--Slides-->
        <div class="carousel-inner" role="listbox">
            <div class="carousel-item active">
                <img class="d-block w-100" src="assets/images/banner-image-4.jpg" alt="">
                 <div class="gradient"></div>
                  <div class="carousel-caption">
                   <h1>Maecenas adipiscing ante non diam</h1>
                   <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
                  </div>
            </div>

        </div>

    </div>
    <!--/.Carousel Wrapper-->

    <!-- Page Content -->

    <section id="portfolio">
        <div class="container">
            <h2>Mauris ullamcorper felis vitae erat</h2>
            <div class="row justify-content-center">
                <div class="col-md-12 col-12">
                    <div class="row">
                        <span class="col-xl-6 col-md-4 box-1">
                          <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                            <div class="overlay">
                             <img src="assets/images/comment.png" alt="">
                              <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                            </div>
                        </span>
                        <span class="col-xl-3 col-md-4 box-2">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                           </div>
                        </span>
                        <span class="col-xl-3 col-md-4 box-2">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                             <div class="count">45</div>
                           </div>
                        </span>
                    </div>
                    <div class="row">
                        <span class="col-xl-3 col-md-4 box-2">
                          <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                            <div class="overlay">
                             <img src="assets/images/comment.png" alt="">
                              <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                            </div>
                        </span>
                        <span class="col-xl-3 col-md-4 box-2">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                           </div>
                        </span>
                        <span class="col-xl-6 col-md-4 box-1">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                             <div class="count">45</div>
                           </div>
                        </span>
                    </div>
                    <div class="row">
                        <span class="col-xl-6 col-md-4 box-1">
                          <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                            <div class="overlay">
                             <img src="assets/images/comment.png" alt="">
                              <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                            </div>
                        </span>
                        <span class="col-xl-3 col-md-4 box-2">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                              <div class="count">45</div>
                           </div>
                        </span>
                        <span class="col-xl-3 col-md-4 box-2">
                         <img src="assets/images/blog-single-page-bg.jpg" class="img-fluid">
                           <div class="overlay">
                            <img src="assets/images/comment.png" alt="">
                             <div class="text">Praesent aliquam, enim at fermentum <span>mollis ligula</span></div>
                             <div class="count">45</div>
                           </div>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="blog">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-12 left-side">
                    <h2>Aenean suscipit nulla in justo</h2>
                    <div class="row">
                        <div class="col-md-6">
                            <figure class="figure">
                               <img src="assets/images/banner-image-1.jpg" class="figure-img img-fluid" alt="">
                                <figcaption class="figure-caption"> <img src="assets/images/comment.png" alt=""><span>45</span>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="col-md-6">
                            <h4>Morbi vel erat non mauris convallis vehicula nulla et sapien</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <figure class="figure">
                                <img src="assets/images/banner-image-2.jpg" class="figure-img img-fluid" alt="">
                                <figcaption class="figure-caption"> <img src="assets/images/comment.png" alt=""><span>45</span>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="col-md-6">
                            <h4>Morbi vel erat non mauris convallis vehicula nulla et sapien</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <figure class="figure">
                                <img src="assets/images/banner-image-3.jpg" class="figure-img img-fluid" alt="">
                                <figcaption class="figure-caption"> <img src="assets/images/comment.png" alt=""><span>45</span>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="col-md-6">
                            <h4>Morbi vel erat non mauris convallis vehicula nulla et sapien</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <figure class="figure">
                                <img src="assets/images/banner-image-4.jpg" class="figure-img img-fluid" alt="">
                                <figcaption class="figure-caption"><img src="assets/images/comment.png" alt=""><span>45</span>
                                </figcaption>
                            </figure>
                        </div>
                        <div class="col-md-6">
                            <h4>Morbi vel erat non mauris convallis vehicula nulla et sapien</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-12">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="right-side">
                                <h3>Metus purus</h3>
                                <figure>
                                    <img src="assets/images/banner-image-2.jpg" alt="">
                                </figure>
                                <h5>Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</h5>
                                <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. </p>
                                <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <section class="footer-top">
            <!--Container-->
            <div class="container">
                <h2>Lorem varius purus</h2>
                <div class="row text-center text-lg-left">
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-1.jpg" alt=""></span>
                    </div>
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-2.jpg" alt=""></span>
                    </div>
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-3.jpg" alt=""></span>
                    </div>
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-4.jpg" alt=""></span>
                    </div>
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-2.jpg" alt=""></span>
                    </div>
                    <div class="col-lg-2 col-md-4 col-xs-6">
                        <span class="d-block h-100"><img class="img-fluid img-thumbnail" src="assets/images/banner-image-1.jpg" alt=""></span>
                    </div>
                </div>

            </div>
            <!-- /.container -->
        </section>
        <section class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <ul>
                            <li>Metus </li>
                            <li class="hidden">/</li>
                            <li>Purus</li>
                            <li class="hidden">/</li>
                            <li>Iaculis</li>
                            <li class="hidden">/</li>
                            <li>Lectus</li>
                            <li class="hidden">/</li>
                            <li>Ligula</li>
                        </ul>
                    </div>
                    <div class="col-md-12 pt-5" >
                        <p>Powered by : <a href="https://www.bdwooddesign.com" target="_blank">bdwooddesign.com</a></p>
                    </div>
                </div>
            </div>
            <!-- /.container -->
        </section>
    </footer>


</body>

</html>
