<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- .site-wrap 430-->
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css">
  </head>
  <body>
    
	  <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
	      <span class="navbar-brand">WebHost</span>


	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav ml-auto">
	          <li class="nav-item"><a href="/" class="nav-link"><img src="assets/images/en.png"></a></li>
	          <li class="nav-item"><a href="fr/" class="nav-link"><img src="assets/images/fr.png"></a></li>
	          <li class="nav-item"><a href="de/" class="nav-link"><img src="assets/images/de.png"></a></li>
	          <li class="nav-item"><a href="es/" class="nav-link" ><img src="assets/images/es.png"></a></li>
	          <li class="nav-item"><a href="it/" class="nav-link"><img src="assets/images/it.png"></a></li>
	        </ul>
	      </div>
	    </div>
	  </nav>
    <!-- END nav -->

    <section class="home-slider owl-carousel">
      <div class="slider-item" style="background-image: url(assets/images/bg_1.jpg);">
        <div class="overlay"></div>
        <div class="container-fluid">
          <div class="row slider-text align-items-center" data-scrollax-parent="true">

            <div class="col-md-5 wrap col-sm-12 ">
              <h1 class="mb-4 mt-5" >Maecenas adipiscing ante non diam sodales hendrerit</h1>
              <p class="mb-4 mb-md-5 sub-p" >Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar</p>

            </div>
            <div class="col-md-7 ">
            	<img src="assets/images/dashboard_full_1.png" class="img-fluid" alt="">
            </div>

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

    </section>
    
    <section class="ftco-domain">
    	<div class="container">
    		<div class="row d-flex">
    			<div class="col-lg-12 heading-white mb-4 mb-sm-4 mb-lg-0 text-center">
    				<h2>Snunc turpis ullamcorper nibh</h2>
    				<p>Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar.</p>
    			</div>
    		</div>
    	</div>
    </section>
  
    <section class="ftco-section services-section bg-light">
      <div class="container">
      	<div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 text-center heading-section ">
            <h2 class="mb-4">Curabitur aliquet pellentesque diam</h2>
            <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.</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-guarantee"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>      
          </div>
          <div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-shield"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>    
          </div>
          <div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-support"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>      
          </div>
					<div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-cloud-computing"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>      
          </div>
          <div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-settings"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>    
          </div>
          <div class="col-md-4 d-flex align-self-stretch ">
            <div class="media block-6 services d-block text-center">
              <div class="d-flex justify-content-center">
              	<div class="icon d-flex align-items-center justify-content-center">
              		<span class="flaticon-loading"></span>
              	</div>
              </div>
              <div class="media-body p-2 mt-3">
               <h3 class="heading">Praesent aliquam</h3>
                <p>Ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
              </div>
            </div>      
          </div>
        </div>
      </div>
    </section>

    <section class="ftco-section ftco-counter img" id="section-counter" style="background-image: url(assets/images/bg_1.jpg);" >
    	<div class="container">
    		<div class="row justify-content-center mb-5">
          <div class="col-md-7 text-center heading-section heading-section-white ">
            <span class="subheading">Suspendisse cursus rutrum augue</span>
          </div>
        </div>
    		<div class="row justify-content-center">
    			<div class="col-md-10">
		    		<div class="row">
		          <div class="col-md-3 d-flex justify-content-center counter-wrap ">
		            <div class="block-18 text-center">
		              <div class="text">
		                <strong class="number" data-number="2000">40</strong>
		                <span>Consectetuer </span>
		              </div>
		            </div>
		          </div>
		          <div class="col-md-3 d-flex justify-content-center counter-wrap ">
		            <div class="block-18 text-center">
		              <div class="text">
		                <strong class="number" data-number="100">90</strong>
		                <span>Aliquam </span>
		              </div>
		            </div>
		          </div>
		          <div class="col-md-3 d-flex justify-content-center counter-wrap ">
		            <div class="block-18 text-center">
		              <div class="text">
		                <strong class="number" data-number="32000">70</strong>
		                <span>Consectetuer</span>
		              </div>
		            </div>
		          </div>
		          <div class="col-md-3 d-flex justify-content-center counter-wrap ">
		            <div class="block-18 text-center">
		              <div class="text">
		                <strong class="number" data-number="31998">20</strong>
		                <span>Aliquam </span>
		              </div>
		            </div>
		          </div>
		        </div>
	        </div>
        </div>
    	</div>
    </section>


		
		<section class="ftco-services">
			<div class="container-wrap">
				<div class="row no-gutters">
					<div class="col-lg-5 img services-img" style="background-image: url(assets/images/bg_1.jpg);" >
					</div>
					<div class="col-lg-7">
						<div class="services-wrap p-4 p-md-5">
      				<div class="heading-section mb-5 ">
		            <h2 class="mb-2">Vestibulum ante ipsum</h2>
		            <span class="subheading">Pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia</span>
		          </div>
      				<div class="d-md-flex">
      					<div class="one-half mr-4">
      						<div class="list-services d-flex ">
		      					<div class="icon d-flex order-md-last justify-content-center align-items-center">
		      						<span class="flaticon-cloud-computing"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pr-md-4 text-md-right">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
		      				<div class="list-services d-flex ">
		      					<div class="icon d-flex order-md-last justify-content-center align-items-center">
		      						<span class="flaticon-bandwidth"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pr-md-4 text-md-right">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
		      				<div class="list-services d-flex ">
		      					<div class="icon d-flex order-md-last justify-content-center align-items-center">
		      						<span class="flaticon-shield"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pr-md-4 text-md-right">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
      					</div>

      					<div class="one-half">
      						<div class="list-services d-flex ">
		      					<div class="icon d-flex justify-content-center align-items-center">
		      						<span class="flaticon-guarantee"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pl-md-4">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
		      				<div class="list-services d-flex ">
		      					<div class="icon d-flex justify-content-center align-items-center">
		      						<span class="flaticon-settings"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pl-md-4">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
		      				<div class="list-services d-flex ">
		      					<div class="icon d-flex justify-content-center align-items-center">
		      						<span class="flaticon-support"></span>
		      					</div>
		      					<div class="text pl-4 pl-sm-0 pl-md-4">
			      					<h3>Faucibus orci</h3>
			      					<p>Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</p>
		      					</div>
		      				</div>
      					</div>
      				</div>
      			</div>
					</div>
				</div>
			</div>
		</section>

    <section class="ftco-section testimony-section">
      <div class="container">
        <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 text-center heading-section heading-section-white ">
            <span class="subheading">Curabitur aliquet pellentesque</span>
            <h2 class="mb-4">Integer quis metus vitae elit lobortis egestas</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue.</p>
          </div>
        </div>
        <div class="row ">
          <div class="col-md-12">
            <div class="carousel-testimony owl-carousel ftco-owl row">
              <div class="item col-md-6">
                <div class="testimony-wrap p-4 pb-5">
                  <div class="user-img mb-5" style="background-image: url(assets/images/person_1.jpg)">
                    <span class="quote d-flex align-items-center justify-content-center">
                      <i class="icon-quote-left"></i>
                    </span>
                  </div>
                  <div class="text">
                    <p class="mb-5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
                    <p class="name">Morbi vel</p>
                    <span class="position">Maliquam faucibus</span>
                  </div>
                </div>
              </div>
              <div class="item col-md-6">
                <div class="testimony-wrap p-4 pb-5">
                  <div class="user-img mb-5" style="background-image: url(assets/images/person_2.jpg)">
                    <span class="quote d-flex align-items-center justify-content-center">
                      <i class="icon-quote-left"></i>
                    </span>
                  </div>
                  <div class="text">
                    <p class="mb-5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus.</p>
                    <p class="name">Morbi vel</p>
                    <span class="position">Maliquam faucibus</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

  



    <section class="ftco-section bg-light">
      <div class="container">
        <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 text-center heading-section ">
            <h2>Dolor sit amet</h2>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue.</p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4 ">
            <div class="blog-entry">
              <span class="block-20" style="background-image: url('assets/images/image_1.jpg');">
              </span>
              <div class="text d-flex py-4">
                <div class="desc pl-3">
	                <h3 class="heading">Mauris ullamcorper felis vitae erat</h3>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ">
            <div class="blog-entry" data-aos-delay="100">
              <span class="block-20" style="background-image: url('assets/images/image_2.jpg');">
              </span>
              <div class="text d-flex py-4">
                <div class="desc pl-3">
	                <h3 class="heading">Mauris ullamcorper felis vitae erat</h3>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ">
            <div class="blog-entry" data-aos-delay="200">
              <span class="block-20" style="background-image: url('assets/images/image_3.jpg');">
              </span>
              <div class="text d-flex py-4">
                <div class="desc pl-3">
	                <h3 class="heading">Mauris ullamcorper felis vitae erat</h3>
	              </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer class="ftco-footer ftco-bg-dark ftco-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Mauris</h2>
              <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue.</p>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4 ml-md-5">
              <h2 class="ftco-heading-2">Mauris</h2>
              <ul class="list-unstyled">
                <li>Placeat</li>
              <li>Aperiam</li>
              <li>Alias</li>
              <li>Inventore</li>
              <li>Debitis</li>
              </ul>
            </div>
          </div>
          <div class="col-md">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Mauris</h2>
              <ul class="list-unstyled">
                <li>Placeat</li>
              <li>Aperiam</li>
              <li>Alias</li>
              <li>Inventore</li>
              <li>Debitis</li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
            	<h2 class="ftco-heading-2">Mauris</h2>
            	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue.</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">

            <p>Powered by : <a href="https://www.coeusdesigns.com" target="_blank">coeusdesigns.com</a></p>
          </div>
        </div>
      </div>
    </footer>
    
  




    
  </body>
</html>