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

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

   <!-- .site-wrap 309-->
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/style.css" type="text/css">

    <title></title>

</head>

<body data-spy="scroll" data-target=".fixed-top">

    <nav class="navbar navbar-expand-lg fixed-top trans-navigation">
        <div class="container">
            <span class="navbar-brand" >
                <img src="assets/img/logo.png" alt="" class="img-fluid b-logo">
            </span>

            <div class="collapse navbar-collapse justify-content-end" id="mainNav">
                <ul class="navbar-nav ">
                    <li class="nav-item">
                        <a class="nav-link smoth-scroll" href="/"><img src="assets/en.png"></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smoth-scroll" href="fr/"><img src="assets/fr.png"></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smoth-scroll" href="de/"><img src="assets/de.png"></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smoth-scroll" href="es/"><img src="assets/es.png"></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smoth-scroll" href="it/"><img src="assets/it.png"></a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--MAIN HEADER AREA END -->

    <!--MAIN BANNER AREA START -->
    <div class="banner-area banner-3">
        <div class="overlay dark-overlay"></div>
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 m-auto text-center col-sm-12 col-md-12">
                            <div class="banner-content content-padding">
                                <h5 class="subtitle">Maecenas adipiscing ante</h5>
                                <h1 class="banner-title">Tristique ligula justo vitae magna</h1>
                                <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.</p>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--MAIN HEADER AREA END -->

    <!--  ABOUT AREA START  -->
    <section id="intro" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12 col-md-12">
                    <div class="section-heading">
                        <p class="lead">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 class="row">
                <div class="col-lg-5  d-none d-lg-block col-sm-12">
                    <div class="intro-img">
                        <img src="assets/img/banner/why-choose.png" alt="intro-img" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-7 col-md-12 col-sm-12 ">
                    <div class="row">
                        <div class="col-lg-6 col-sm-6 col-md-6">
                            <div class="intro-box">
                                <span>01.</span>
                                <h4>Vestibulum </h4>
                                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-md-6">
                            <div class="intro-box">
                                <span>02.</span>
                                <h4>Vestibulum</h4>
                                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-md-6">
                            <div class="intro-box">
                                <span>03.</span>
                                <h4>Vestibulum</h4>
                                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-sm-6 col-md-6">
                            <div class="intro-box">
                                <span>04.</span>
                                <h4>Vestibulum</h4>
                                <p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <!--  ABOUT AREA END  -->

    <!--  SERVICE AREA START  -->
    <section id="about" class="bg-light">
        <div class="about-bg-img d-none d-lg-block d-md-block"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-sm-12 col-md-8">
                    <div class="about-content">
                        <h5 class="subtitle">Convallis ids</h5>
                        <h3>Ut velit mauris <br>aenean ut orci vel massa</h3>
                        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula.</p>

                        <ul class="about-list">
                            <li>Felis magna</li>

                            <li>Fermentum augue</li>

                            <li>Rhoncus faucibus</li>

                            <li>Suspendisse</li>

                            <li>Adipiscing</li>

                            <li>Aliquam lectus</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  SERVICE AREA END  -->

    <!--  SERVICE PARTNER START  -->
    <section id="service-head" class=" bg-feature">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12 m-auto">
                    <div class="section-heading text-white">
                        <h4 class="section-title">Felis magna fermentum augue</h4>
                        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  SERVICE PARTNER END  -->

    <!--  SERVICE AREA START  -->
    <section id="service">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/007-digital-marketing-3.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box ">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/008-digital-marketing-2.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/003-task.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/010-digital-marketing.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/006-analytics.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-6">
                    <div class="service-box">
                        <div class="service-img-icon">
                            <img src="assets/img/icon/004-hiring.png" alt="" class="img-fluid">
                        </div>
                        <div class="service-inner">
                            <h4>Vivamus leo</h4>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit <span>lobortis egestas</span>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  SERVICE AREA END  -->




  


    <!--  BLOG AREA START  -->
    <section id="blog" class="section-padding bg-main">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12 m-auto">
                    <div class="section-heading">
                        <h4 class="section-title">Pellentesque diam</h4>
                        <div class="line"></div>
                        <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-4 col-sm-6 col-md-4">
                    <div class="blog-block ">
                        <img src="assets/img/banner/pattern-3.png" alt="" class="img-fluid">
                        <div class="blog-text">
                            <span class="h5 my-2 d-inline-block">
                               Lorem ipsum dolor sit amet
                            </span>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-4">
                    <div class="blog-block ">
                        <img src="assets/img/banner/pattern-3.png" alt="" class="img-fluid">
                        <div class="blog-text">
                            <span class="h5 my-2 d-inline-block">
                                Lorem ipsum dolor sit amet
                            </span>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet.</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 col-md-4">
                    <div class="blog-block ">
                        <img src="assets/img/banner/pattern-3.png" alt="" class="img-fluid">
                        <div class="blog-text">
                            <span class="h5 my-2 d-inline-block">
                                Lorem ipsum dolor sit amet
                            </span>
                            <p>Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--  BLOG AREA END  -->

    
    <!--  COUNTER AREA START  -->
    <section id="counter" class="section-padding">
            <div class="overlay dark-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-sm-6 col-md-6">
                        <div class="counter-stat">
                            <span class="counter">460</span>
                            <h5>Varius </h5>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 col-md-6">
                        <div class="counter-stat">
                            <span class="counter">60</span>
                            <h5>Purus</h5>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 col-md-6">
                        <div class="counter-stat">
                            <span class="counter">30</span>
                            <h5>Curabitur </h5>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6 col-md-6">
                        <div class="counter-stat">
                            <span class="counter">25</span>
                            <h5>Oaculis</h5>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--  COUNTER AREA END  -->

    <!--  FOOTER AREA START  -->
    <section id="footer" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-sm-8 col-md-8">
                    <div class="footer-widget footer-link">
                        <h4>Tristique ligula</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore ipsam hic non sunt recusandae atque unde saepe nihil earum voluptatibus aliquid optio suscipit nobis quia excepturi vel quod, iure quae.</p>
                    </div>
                </div>
                <div class="col-lg-2 col-sm-4 col-md-4">
                    <div class="footer-widget footer-link">
                        <h4>Dolore</h4>
                        <ul>
                            <li>Lorem</li>
                            <li>Ipsum</li>
                            <li>Dolor</li>
                            
                        </ul>
                    </div>
                </div>

                <div class="col-lg-2 col-sm-6 col-md-6">
                    <div class="footer-widget footer-link">
                        <h4>Dolore</h4>
                        <ul>
                           <li>Lorem</li>
                            <li>Ipsum</li>
                            <li>Dolor</li>
                            
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-md-6">
                    <div class="footer-widget footer-text">
                        <h4>Dolore</h4>
                        <ul>
                           <li>Lorem</li>
                            <li>Ipsum</li>
                            <li>Dolor</li>
                           
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="footer-copy">Powered by : <a href="https://www.masterstreammarketing.com" target="_blank">masterstreammarketing.com</a></div>
                </div>
            </div>
        </div>
    </section>
    <!--  FOOTER AREA END  -->



</body>

</html>