<!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" 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">Marco<span>.co</span></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="hero-wrap d-flex js-fullheight">
    	<div class="forth js-fullheight d-flex align-items-center">
    		<div class="text">
    			<span class="subheading">Aenean </span>
    			<h1>Suspendisse cursus rutrum</h1>
    			<h2 class="mb-5">A Corporate Lawyer</h2>
    		</div>
    	</div>
    	<div class="third about-img js-fullheight" style="background-image: url(assets/images/bg_2.jpg);">
    	</div>
    </section>

  
		
		<section class="ftco-section ftco-services">
			<div class="container">
				<div class="row justify-content-center mb-5 pb-3">
          <div class="col-lg-7 heading-section ftco-animate">
          	<span class="subheading">Nulla tincidunt</span>
            <h2 class="mb-4">Curabitur aliquet pellentesque</h2>
            <p>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="row">
          <div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
            <div class="media block-6 services">
              <div class="icon d-flex justify-content-center align-items-center mb-4">
            		<span class="flaticon-family-room"></span>
              </div>
              <div class="media-body">
                <h3 class="heading">Lorem ipsum</h3>
                <p>Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.</p>
              </div>
            </div>      
          </div>
          <div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
            <div class="media block-6 services">
              <div class="icon d-flex justify-content-center align-items-center mb-4">
            		<span class="flaticon-bar-chart"></span>
              </div>
              <div class="media-body">
                <h3 class="heading">Lorem ipsum</h3>
                <p>Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.</p>
              </div>
            </div>    
          </div>
          <div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
            <div class="media block-6 services">
              <div class="icon d-flex justify-content-center align-items-center mb-4">
            		<span class="flaticon-medicine"></span>
              </div>
              <div class="media-body">
                <h3 class="heading">Lorem ipsum</h3>
                <p>Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.</p>
              </div>
            </div>      
          </div>
          <div class="col-md-6 col-lg-3 d-flex align-self-stretch ftco-animate">
            <div class="media block-6 services">
              <div class="icon d-flex justify-content-center align-items-center mb-4">
            		<span class="flaticon-prison"></span>
              </div>
              <div class="media-body">
                <h3 class="heading">Lorem ipsum</h3>
                <p>Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam.</p>
              </div>
            </div>      
          </div>
        </div>
			</div>
		</section>


		<section class="ftco-section ftco-counter img" id="section-counter" style="background-image: url(assets/images/bg_3.jpg);" data-stellar-background-ratio="0.5">
    	<div class="container">
    		<div class="row d-md-flex align-items-center">
    			<div class="col-lg-12">
    				<div class="heading-section pl-md-5 heading-section-white">
	          	<div class="ftco-animate">
		          	<span class="subheading">Aliquam convallis</span>
		            <h2 class="mb-4">Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.</h2>
	            </div>
	          </div>
    			</div>
    		
        </div>
    	</div>
    </section>

    <section class="ftco-section ftc-no-pt">
			<div class="container">
				<div class="row no-gutters">
					<div class="col-md-5 p-md-5 img img-2 d-flex justify-content-center align-items-center order-md-last" style="background-image: url(assets/images/bg_1.jpg);">
					</div>
					<div class="col-md-7 wrap-about pt-md-5 ftco-animate">
	          <div class="heading-section mb-5 pt-5 pl-md-5">
	          	<div class="pr-md-5 mr-md-5 text-md-right">
	          		<span class="subheading">Felis magna</span>
		            <h2 class="mb-4">Ultricies lacus lorem varius purus</h2>
	            </div>
	          </div>
	          <div class="pr-md-3 pr-lg-5 pl-md-5 mr-md-5 mb-5">
	            <div class="services-wrap d-flex">
	              <div class="icon d-flex justify-content-center align-items-center">
	            		<span class="flaticon-auction"></span>
	              </div>
	              <div class="media-body pl-md-0 pl-4 pr-4 order-md-first text-md-right">
	                <h3 class="heading">Ultricies lacus</h3>
	                <p>Fusce vulputate sem at sapien. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p>
	              </div>
	            </div>
	            <div class="services-wrap d-flex">
	              <div class="icon d-flex justify-content-center align-items-center">
	            		<span class="flaticon-auction"></span>
	              </div>
	              <div class="media-body pl-md-0 pl-4 pr-4 order-md-first text-md-right">
	                <h3 class="heading">Ultricies lacus</h3>
	                <p>Fusce vulputate sem at sapien. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p>
	              </div>
	            </div>
	            <div class="services-wrap d-flex">
	              <div class="icon d-flex justify-content-center align-items-center">
	            		<span class="flaticon-auction"></span>
	              </div>
	              <div class="media-body pl-md-0 pl-4 pr-4 order-md-first text-md-right">
	                <h3 class="heading">Ultricies lacus</h3>
	                <p>Fusce vulputate sem at sapien. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet.</p>
	              </div>
	            </div>
						</div>
					</div>
				</div>
			</div>
		</section>


		<section class="ftco-section ftc-no-pb ftc-no-pt bg-light">
			<div class="container">
				<div class="row">
					<div class="col-md-5 p-md-5 img img-2 d-flex justify-content-center align-items-center" style="background-image: url(assets/images/bg_2.jpg);">
					</div>
					<div class="col-md-7 py-5 wrap-about pb-md-5 ftco-animate">
	          <div class="heading-section pt-md-5 pl-md-5 mb-5">
	          	<div class="ml-md-0">
		          	<span class="subheading">Aenean suscipit</span>
		            <h2 class="mb-4">Nulla in justo</h2>
	            </div>
	          </div>
	          <div class="pb-md-5">
							<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>
							<p>Vivamus leo. 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. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
						</div>
					</div>
				</div>
			</div>
		</section>




    <footer class="ftco-footer ftco-bg-dark ftco-section">
      <div class="container">
        <div class="row mb-5 d-flex">
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Convallis</h2>
              <p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4 ml-md-4">
              <h2 class="ftco-heading-2">Convallis</h2>
              <p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>
            </div>
          </div>
          <div class="col-md">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Convallis</h2>
              <p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
            	<h2 class="ftco-heading-2">Convallis</h2>
            	<p>Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus.</p>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">

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



    
  </body>
</html>