<!DOCTYPE html>
<html lang="en">
  <head>
    <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=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
    <link rel="stylesheet" href="assets/css/style.css">
  </head>
  <body>

    <div class="container pt-5">
			<div class="row justify-content-between">
				<div class="col">
					<span class="navbar-brand">Home<span>builder.</span></span>
				</div>
		
			</div>
		</div>
		<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
	    <div class="container">
	    
	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav mr-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 -->
    <div class="hero-wrap">
	    <div 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">
	          <div class="row no-gutters slider-text align-items-center justify-content-center">
		          <div class="col-md-12 ftco-animate">
		          	<div class="text w-100 text-center">
		          		<h2>Mauris ullamcorper felis vitae</h2>
			            <h1 class="mb-3">Praesent aliquam</h1>
		            </div>
		          </div>
		        </div>
	        </div>
	      </div>

	
	    </div>
	  </div>

    <section class="ftco-section ftco-no-pt ftco-no-pb">
    	<div class="container">
    		<div class="row">
          <div class="col-md-3 d-flex services align-self-stretch p-4 py-md-5 ftco-animate">
            <div class="media block-6 d-block text-center pt-md-4">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-hook"></span>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Vivamus leo</h3>
                <p>Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
              </div>
            </div>      
          </div>
          <div class="col-md-3 d-flex services align-self-stretch p-4 py-md-5 ftco-animate">
            <div class="media block-6 d-block text-center pt-md-4">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-skyline"></span>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Vivamus leo</h3>
                <p>Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
              </div>
            </div>    
          </div>
          <div class="col-md-3 d-flex services align-self-stretch p-4 py-md-5 ftco-animate">
            <div class="media block-6 d-block text-center pt-md-4">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-stairs"></span>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Vivamus leo</h3>
                <p>Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
              </div>
            </div>      
          </div>
          <div class="col-md-3 d-flex services align-self-stretch p-4 py-md-5 ftco-animate">
            <div class="media block-6 d-block text-center pt-md-4">
              <div class="icon d-flex justify-content-center align-items-center">
            		<span class="flaticon-home"></span>
              </div>
              <div class="media-body p-2 mt-3">
                <h3 class="heading">Vivamus leo</h3>
                <p>Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
              </div>
            </div>      
          </div>
        </div>
    		<div class="row no-gutters">
    			<div class="col-md-12 col-lg-4 services-2 p-4 py-5 d-flex ftco-animate">
    				<div class="py-3 d-flex">
	    				<div class="icon">
	    					<span class="flaticon-engineer"></span>
	    				</div>
	    				<div class="text">
	      				<h3>Fusce vulputate</h3>
	      				<p class="mb-0">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.</p>
	    				</div>
	    			</div>
    			</div>
    			<div class="col-md-12 col-lg-4 services-2 p-4 py-5 d-flex ftco-animate">
    				<div class="py-3 d-flex">
	    				<div class="icon">
	    					<span class="flaticon-engineer-1"></span>
	    				</div>
	    				<div class="text">
	      				<h3>Fusce vulputate</h3>
	      				<p class="mb-0">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.</p>
	      			</div>
	      		</div>
    			</div>
    			<div class="col-md-12 col-lg-4 services-2 p-4 py-5 d-flex ftco-animate">
    				<div class="py-3 d-flex">
	    				<div class="icon">
	    					<span class="flaticon-engineer-2"></span>
	    				</div>
	    				<div class="text">
	      				<h3>Fusce vulputate</h3>
	      				<p class="mb-0">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.</p>
	      			</div>
	      		</div>
    			</div>
    		</div>
    	</div>
    </section>
   	
    <section class="ftco-section ftco-no-pt ftco-no-pb">
    	<div class="container">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 d-flex">
    				<div class="img img-video d-flex align-self-stretch align-items-center justify-content-center justify-content-md-end" style="background-image:url(assets/images/about.jpg);">
    				</div>
    			</div>
    			<div class="col-md-6 pl-md-5">
    				<div class="row justify-content-start py-5">
		          <div class="col-md-12 heading-section ftco-animate pl-md-4 py-md-4">
		          	<span class="subheading">Fusce vulputate sem at sapien</span>
		            <h2 class="mb-4">Convallis id, congue eu, quam</h2>
		            <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere</p>
		            <div class="tabulation-2 mt-4">
									<div class="tab-content bg-light rounded mt-2">
									  <div class="tab-pane container p-0 active" id="home1">
									  	<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>
									  </div>
							
									</div>
								</div>
		          </div>
		        </div>
	        </div>
        </div>
    	</div>
    </section>

    <section class="ftco-counter" id="section-counter">
    	<div class="container">
				<div class="row">
          <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 d-flex">

              <div class="text-2">
              	<span>Fusce <br>vulputate</span>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 d-flex">
              <div class="text-2">
              	<span>Fusce <br>vulputate</span>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 d-flex">
              <div class="text-2">
              	<span>Fusce <br>vulputate</span>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 d-flex">
              <div class="text-2">
              	<span>Fusce <br>vulputate</span>
              </div>
            </div>
          </div>
        </div>
    	</div>
    </section>

    <section class="ftco-section ftco-no-pt ftco-no-pb">
		  <div class="container-fluid px-md-0">
        <div class="row no-gutters">
          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-1.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
	              	<h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-2.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
                  <h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-3.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
                  <h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-4.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
                  <h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-5.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
                  <h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 ftco-animate">
            <div class="work img d-flex align-items-end" style="background-image: url(assets/images/work-6.jpg);">
            	<div class="desc w-100 px-4">
	              <div class="text w-100 mb-3">
	              	<span>Faucibus</span>
                  <h2>Felis magna fermentum augue</h2>
	              </div>
              </div>
            </div>
          </div>
        </div>
      </div> 
		</section>




    <section class="ftco-section">
      <div class="container">
        <div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
          	<span class="subheading">Morbi vel erat</span>
            <h2>Augue elementum posuere</h2>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <span class="block-20 rounded" style="background-image: url('assets/images/image_1.jpg');">
              </span>
              <div class="text mt-3 text-center">
                <h3 class="heading">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue</h3>
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <span class="block-20 rounded" style="background-image: url('assets/images/image_2.jpg');">
              </span>
              <div class="text mt-3 text-center">
                <h3 class="heading">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue</h3>
              </div>
            </div>
          </div>
          <div class="col-md-4 d-flex ftco-animate">
            <div class="blog-entry align-self-stretch">
              <span class="block-20 rounded" style="background-image: url('assets/images/image_3.jpg');">
              </span>
              <div class="text mt-3 text-center">
                <h3 class="heading">Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue</h3>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
		


    <footer class="footer">
			<div class="container-fluid px-lg-5">
				<div class="row">
					<div class="col-md-9 py-5">
						<div class="row">
							<div class="col-md-4 mb-md-0 mb-4">
								<h2 class="footer-heading">Nulla nec felis</h2>
								<p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue.</p>
							</div>
							<div class="col-md-8">
								<div class="row justify-content-center">
									<div class="col-md-12 col-lg-10">
										<div class="row">
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Vitae erat</h2>
												<p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>
											</div>
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Vitae erat</h2>
												<p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>
											</div>
											<div class="col-md-4 mb-md-0 mb-4">
												<h2 class="footer-heading">Vitae erat</h2>
												<p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi.</p>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row mt-md-5">
							<div class="col-md-12">
								<p class="copyright">Powered by : <a href="https://www.aebischer-webdesign.ch" target="_blank">aebischer-webdesign.ch</a></p>
							</div>
						</div>
					</div>
					<div class="col-md-3 py-md-5 py-4 aside-stretch-right pl-lg-5">
						<h2 class="footer-heading">Nulla nec felis</h2>
            <p>Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue.</p>
					</div>
				</div>
			</div>
		</footer>
    
  





    
  </body>
</html>