<!DOCTYPE html>
<html lang="en">
<head>
    <!-- .site-wrap 374-->
    <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>
    <link rel="stylesheet" href="assets/css/bootstrap-4.1.3.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

    <!-- Header Area Starts -->
	<header class="header-area main-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-2">
                    <div class="logo-area">
                      <img src="assets/images/logo.png" alt="logo">
                    </div>
                </div>
                <div class="col-lg-10">
                    <div class="main-menu">
                        <ul>
                            <li><a href="/"><img src="assets/images/en.png"></a></li>
                            <li><a href="fr/"><img src="assets/images/fr.png"></a></li>
                            <li><a href="de/"><img src="assets/images/de.png"></a></li>
                            <li><a href="es/"><img src="assets/images/es.png"></a></li>
                            <li><a href="it/"><img src="assets/images/it.png"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Area End -->

    <!-- Banner Area Starts -->
    <section class="banner-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6 px-0">
                    <div class="banner-bg"></div>
                </div>
                <div class="col-lg-6 align-self-center">
                    <div class="banner-text">
                        <h1>Mauris ullamcorper <span>felis</span> vitae erat</h1>
                        <p class="py-3">Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. </p>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Feature Area Starts -->
    <section class="feature-area section-padding2">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="single-feature mb-4 mb-lg-0">
                        <h4>Aenean suscipit</h4>
                        <p class="py-3">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-feature mb-4 mb-lg-0">
                        <h4>Nulla in justo</h4>
                        <p class="py-3">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="single-feature">
                        <h4>Rutrum augue</h4>
                        <p class="py-3">Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Feature Area End -->

    <!-- Category Area Starts -->
    <section class="category-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-top text-center">
                        <h2>Suspendisse cursus rutrum</h2>
                        <p>Maecenas adipiscing ante non diam sodales hendrerit. </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4">
                        <img src="assets/images/cat1.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4">
                        <img src="assets/images/cat2.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4">
                        <img src="assets/images/cat3.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4">
                        <img src="assets/images/cat4.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4 mb-lg-0">
                        <img src="assets/images/cat5.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4 mb-lg-0">
                        <img src="assets/images/cat6.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center mb-4 mb-md-0">
                        <img src="assets/images/cat7.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="single-category text-center">
                        <img src="assets/images/cat8.png" alt="">
                        <h4>Felis magna</h4>
                        <h5>Lacus lorem</h5>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Category Area End -->

    <!-- Jobs Area Starts -->
    <section class="jobs-area section-padding3">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="jobs-title text-center">
                        <h2>Morbi vel erat non mauris convallis</h2>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-12">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="recent" role="tabpanel" aria-labelledby="home-tab">
                            <div class="single-job mb-4 d-lg-flex justify-content-between">
                                <div class="job-text">
                                    <h4>Suspendisse cursus rutrum augue nulla tincidunt</h4>
                                    <ul class="mt-4">
                                        <li class="mb-3"><h5>Enim at fermentum</h5></li>
                                        <li class="mb-3"><h5>Nulla nec felis sed leo</h5></li>
                                        <li><h5>Ultricies lacus lorem varius purus</h5></li>
                                    </ul>
                                </div>
                                <div class="job-img align-self-center">
                                    <img src="assets/images/job1.png" alt="job">
                                </div>
                            </div>
                        </div>
 
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!-- Jobs Area End -->

    <!-- Newsletter Area Starts -->
    <section class="newsletter-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-top text-center">
                        <h2>Fusce vulputate sem at sapien</h2>
                        <p>Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. <br />Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Newsletter Area End -->

    <!-- Employee Area Starts -->
    <section class="employee-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-top text-center">
                        <h2>Rhoncus faucibus</h2>
                        <p>Praesent aliquam enim at fermentum mollis ligula.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="employee-slider owl-carousel">
                        <div class="single-slide d-sm-flex">
                            <div class="slide-img employee1">
                                <div class="hover-state">
                                    <div class="hover-text text-center">
                                        <h3>Rhoncus </h3>
                                        <h5>Faucibus</h5>
                                    </div>
                                </div>
                            </div>
                            <div class="slide-text align-self-center">
                                <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                                <p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Employee Area End -->

    <!-- News Area Starts -->
    <section id="blog" class="news-area section-padding3">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-top text-center">
                        <h2>Proin feugiat augue non</h2>
                        <p>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, <br />et ultricies lacus lorem varius purus.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="single-news mb-5 mb-lg-0">
                        <div class="news-img news-img1"></div>
                        <div class="news-title pt-4">
                            <h4>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-news mb-5 mb-lg-0">
                        <div class="news-img news-img2"></div>
                        <div class="news-title pt-4">
                            <h4>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-news">
                        <div class="news-img news-img3"></div>
                        <div class="news-title pt-4">
                            <h4>Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- News Area End -->

    <!-- Download Area Starts -->
    <section class="download-area section-padding">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    <div class="download-text">
                        <h2>Felis magna fermentum augue, et ultricies lacus</h2>
                        <p class="py-3">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>
                <div class="col-lg-6 pr-0">
                    <div class="download-img"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- Download Area End -->

    <!-- Footer Area Starts -->
    <footer class="footer-area section-padding">
            <div class="footer-widget">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-2 col-lg-3">
                            <div class="single-widget-home mb-5 mb-lg-0">
                                <h3 class="mb-4">Aliquam </h3>
                                <p class="mb-4">Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique.</p> 
                            </div>
                        </div>
                        <div class="col-xl-5 offset-xl-1 col-lg-6">
                            <div class="single-widget-home mb-5 mb-lg-0">
                                <h3 class="mb-4">Aliquam </h3>
                                <p class="mb-4">Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula.</p>  
                            </div>
                        </div>
                        <div class="col-xl-3 offset-xl-1 col-lg-3">
                            <div class="single-widge-home">
                                <h3 class="mb-4">Aliquam </h3>
                                <div class="feed">
                                    <img src="assets/images/feed1.jpg" alt="">
                                    <img src="assets/images/feed2.jpg" alt="">
                                    <img src="assets/images/feed3.jpg" alt="">
                                    <img src="assets/images/feed4.jpg" alt="">
                                    <img src="assets/images/feed5.jpg" alt="">
                                    <img src="assets/images/feed6.jpg" alt="">
                                    <img src="assets/images/feed7.jpg" alt="">
                                    <img src="assets/images/feed8.jpg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">Powered by : <a href="https://www.bdwooddesign.com" target="_blank">bdwooddesign.com</a></div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer Area End -->

</body>
</html>
