https://unetzero.net/

Submitted URL:
https://unetzero.net/
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 13 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 6 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="fr"><head>
    <title>Un &amp; Zéro</title>
    <meta charset="utf-8">
    <link href="images/LOGO_Gold.PNG" rel="icon">
    <link href="images/LOGO_Gold.PNG" rel="apple-touch-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">

    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">

    <link rel="stylesheet" href="css/aos.css">

    <link rel="stylesheet" href="css/ionicons.min.css">
    
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
	<style type="text/css">
	 .navbar-brand img, .ok{ 
		 width:150px;
		 height:75px;
	 }
	 .ftco-navbar-light.scrolled .navbar-toggler {
      color: white!important;
      border-color: white!important;
    }
	#preloader{
	 background:#000 url(images/bggr.png) no-repeat center center;
	 background-size:45%;
     height:100vh;
     width:100%;
     position:fixed;
     z-index:100;		 
	}
	 
	 
	 
	 .subheading{
	 font-family:Gabriola;
	}
	.hh{
     font-size: 23px!important; 
	}
	.he{
     font-size: 20px!important;
	}
	.iy{
		background: #ff0000;
	}
    .ftco-footer-social li a:hover{
      background: transparent !important;
      border: 1px solid white;
    }
	
  .heading-section h1.big {
    position: absolute;
    top: 0px;
    left: 0;
    color: rgba(255, 255, 255, 0.1);
    z-index: -1;
	}
	.big-2,.heading-section h1.big{
    font-size: 5vw;
    font-weight: 900;
	}
	.resume-wrap{
		height:310px;
	}
	.resume-wrap h2{
		color: #ffbd39;
		text-align:center!important; 
	}
	.rr{
		background: rgba(0, 0, 0, 0.45);
        padding: 2px;
		border-radius: 5px;
		margin-top: -35px;
        position: relative !important;
		box-shadow: 2px 2px 12px rgba(255, 255, 255, 0.095);
	}
	.rr h5, .rr p{
		text-align:center;
	}
	.rr h5{
		font-weight: 700;
		color:#ffbd39;
	}
	.ku{
		margin:10px;
	}
	.ku img{
		transition: all 0.6s ease-out 0s;
	}
	.ku:hover img{
		transform: scale(1.1);
	}
	.tex  span{
		color:black!important;
	}
	.okiy{
		font-size: 18px;
        font-weight: 400;
		color:white!important;
	}
	.un, .de, .tr, .qu{
		width:40px;
		height:40px;
		border-radius:50%;
		border: 3px dotted rgba(255,189,57,.35);/*#ffbd39
		transform: translate(-50%, -50%);*/
	}
	.un{
		-webkit-animation: glow 1s infinite alternate;
    -moz-animation: glow 1s infinite alternate;
    -o-animation: glow 1s infinite alternate;
    animation: glow 1s infinite alternate; 
	}
	.de{
	animation: glow 1s infinite alternate 1s;
    -moz-animation: glow 1s infinite alternate 1s;
    -o-animation: glow 1s infinite alternate 1s;
    animation: glow 1s infinite alternate 1s; 
	}
	.tr{
	animation: glow 1s infinite alternate 2s;
    -moz-animation: glow 1s infinite alternate 2s;
    -o-animation: glow 1s infinite alternate 2s;
    animation: glow 1s infinite alternate 2s; 	
	}
	.qu{
	animation: glow 1s infinite alternate 2s;
    -moz-animation: glow 1s infinite alternate 2s;
    -o-animation: glow 1s infinite alternate 2s;
    animation: glow 1s infinite alternate 2s; 	
	}
	
	
	
	
	@-webkit-keyframes glow {
  0% {
    opacity: .1; }
  50% {
    opacity: .5; }
  1000% {
    opacity: .1; } }
@-moz-keyframes glow {
  0% {
    opacity: .1; }
  50% {
    opacity: .5; }
  1000% {
    opacity: .1; } }
@-o-keyframes glow {
  0% {
    opacity: .1; }
  50% {
    opacity: .5; }
  1000% {
    opacity: .1; } }
@keyframes glow {
  0% {
    opacity: .1; }
  50% {
    opacity: .5; }
  1000% {
    opacity: .1; } }
	
	
	
	
	
	
	.wa{
 position: fixed;
 right:1%;
 top:77%;
 width:50px;
 height:50px;
 cursor:pointer;
 border-radius:10px;
 text-align:center;
 background:white;
 color:white;
 z-index:99;
 box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.7);
}
	.wa img{
     margin:5px
    }
    .wa:hover{
     box-shadow:none;
     border:2px dotted #e7e7e7;
    }
	.ftco-footer {
  padding: 3.5em 0;
	}
	
	
	
	
	 @media all and (max-width:991px){
	  .navbar-brand img{
		 width:120px;
		 height:50px;
	 }
	  /*.nav-link:checked .navbar-nav{
		  display:none!important;
		}*/
	 
	 .text h1 span{
     font-size: 20px;
	}
	.resume-wrap{
		height:auto;
	}
	.teo{
		background:rgba(0,0,0, 0.57);
		border-top:5px solid #ffbd39;/*(255,189,57)*/
		border-bottom:2px solid #ffbd39;
		border-radius: 0 0 5px 5px;
	}
	.teo h1, .teo h2{
		color:white!important;
	}
	.project .text {  
      max-width: 95%;
	}
	.project .text h3 a{
		color:black;
		font-size:14px;
		font-weight:700;
        text-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
		padding:5px;
		/*border-top:2px solid black;
		border-bottom:2px solid black;
		border-radius:5px;
		background:rgba(255, 255, 255, .65);*/
	}
	.sp{
		border-top:2px solid black;
		border-bottom:2px solid black;
		border-radius:5px;
		background:rgba(255, 255, 255, .55);
	}
	.project .text span{
		color:black;
		font-weight:650;
	}
	.no{
		font-size:28px!important;
	}
	.un, .de,.tr, .qu{
		width:30px;
		height:30px;
		border-radius:50%;
	}
	.okiy {
     font-size: 15px;
	 font-weight:250;
	}
	
	
	.wa{
    right:5%;
    top:80%;
    width:45px;
    height:45px;
    }
    .wa img{
    margin:4px;
    }
	
	 }
	</style>
  <style type="text/css">.scrollax-performance, .scrollax-performance *, .scrollax-performance *:before, .scrollax-performance *:after { pointer-events: none !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; };</style></head>
  <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300" data-aos-easing="slide" data-aos-duration="800" data-aos-delay="0">
	<div id="preloader" style="display: none;"></div>
	  
    <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
	    <div class="container">
	      <a class="navbar-brand" href="index.php">
		     <img src="images/LOGO_Gold.PNG" class="img-fluid" alt="">
		  </a>
	      <button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button> 
	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav nav ml-auto">
	          <li class="nav-item"><a href="#home-section" class="nav-link active"><span>Accueil</span></a></li>
	          <li class="nav-item"><a href="#about-section" class="nav-link"><span>Nous</span></a></li>
	          <li class="nav-item"><a href="#services-section" class="nav-link"><span>Services</span></a></li>
	          <li class="nav-item"><a href="#resume-section" class="nav-link"><span>Détails</span></a></li>
	          <li class="nav-item"><a href="#skills-section" class="nav-link"><span>Equipe</span></a></li>
	          <li class="nav-item"><a href="#projects-section" class="nav-link"><span>Réalisations</span></a></li>
	          <li class="nav-item"><a href="#blog-section" class="nav-link"><span>Application</span></a></li>
	          <li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li>
	        </ul>
	      </div>
	    </div>
	</nav>
	<section id="home-section" class="hero">
		  <div class="home-slider owl-carousel owl-loaded owl-drag">
	      

	      
	    <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1580px, 0px, 0px); transition: all 0s ease 0s; width: 4740px;"><div class="owl-item cloned" style="width: 790px;"><div class="slider-item ">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }">
		          	<div class="text teo">
		          		<span class="subheading">Soyez la bienvenue chez vous</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes une agence de communication déclinée spécialisée dans la <span>Réalisation de Sites Web sur-mesure et le développement d'applications</span> par rapport à vos idées.</h1>
			            <!--<h2 class="mb-4 he text-justify">Confiez-nous la digitalisation de votre entreprise pour accroitre votre recette</h2> -->
			            <div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
						<!--<p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						 </p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div><div class="owl-item cloned" style="width: 790px;"><div class="slider-item">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }">
		          	<div class="text teo">
		          		<span class="subheading">Pour la création digitale</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes aussi spécialisée dans <span>la Création graphique</span> et le <span>Community manager</span>.<br> 
						Confiez-nous vos activités pour améliorer votre visibilité sur internet</h1>
			            <!-- <h2 class="mb-4 he">Confiez-nous vos activités pour améliorer votre visibilité sur internet</h2> -->
						<div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
			            <!-- <p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						<a href="#" class="btn btn-white btn-outline-white py-3 px-4">My works</a></p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div><div class="owl-item active" style="width: 790px;"><div class="slider-item ">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }" style="transform: translateZ(0px) translateY(-8.44375%);">
		          	<div class="text teo">
		          		<span class="subheading">Soyez la bienvenue chez vous</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes une agence de communication déclinée spécialisée dans la <span>Réalisation de Sites Web sur-mesure et le développement d'applications</span> par rapport à vos idées.</h1>
			            <!--<h2 class="mb-4 he text-justify">Confiez-nous la digitalisation de votre entreprise pour accroitre votre recette</h2> -->
			            <div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
						<!--<p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						 </p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div><div class="owl-item" style="width: 790px;"><div class="slider-item">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }" style="transform: translateZ(0px) translateY(-8.44375%);">
		          	<div class="text teo">
		          		<span class="subheading">Pour la création digitale</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes aussi spécialisée dans <span>la Création graphique</span> et le <span>Community manager</span>.<br> 
						Confiez-nous vos activités pour améliorer votre visibilité sur internet</h1>
			            <!-- <h2 class="mb-4 he">Confiez-nous vos activités pour améliorer votre visibilité sur internet</h2> -->
						<div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
			            <!-- <p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						<a href="#" class="btn btn-white btn-outline-white py-3 px-4">My works</a></p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div><div class="owl-item cloned" style="width: 790px;"><div class="slider-item ">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }">
		          	<div class="text teo">
		          		<span class="subheading">Soyez la bienvenue chez vous</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes une agence de communication déclinée spécialisée dans la <span>Réalisation de Sites Web sur-mesure et le développement d'applications</span> par rapport à vos idées.</h1>
			            <!--<h2 class="mb-4 he text-justify">Confiez-nous la digitalisation de votre entreprise pour accroitre votre recette</h2> -->
			            <div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
						<!--<p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						 </p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div><div class="owl-item cloned" style="width: 790px;"><div class="slider-item">
	      	<div class="overlay"></div>
	        <div class="container">
	          <div class="row d-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
	          	<div class="one-third js-fullheight order-md-last img" style="background-image: url(&quot;images/bggr.png&quot;); height: 600px;">
	          		<div class="overlay"></div>
	          	</div>
		          <div class="one-forth d-flex align-items-center ftco-animate fadeInUp ftco-animated" data-scrollax=" properties: { translateY: '70%' }">
		          	<div class="text teo">
		          		<span class="subheading">Pour la création digitale</span>
			            <h1 class="mb-4 mt-3 hh text-justify">Nous sommes aussi spécialisée dans <span>la Création graphique</span> et le <span>Community manager</span>.<br> 
						Confiez-nous vos activités pour améliorer votre visibilité sur internet</h1>
			            <!-- <h2 class="mb-4 he">Confiez-nous vos activités pour améliorer votre visibilité sur internet</h2> -->
						<div class="row">
						  <div class="col-6">
						   <p><a href="#about-section" class="btn btn-primary py-3 px-4">Nous</a></p>
						  </div>
						  <div class="col-6">
						   <p><a href="#" target="_blank" class="btn btn-white btn-outline-white py-3 px-4">Nouveauté</a></p>
						  </div>
						</div>
			            <!-- <p><a href="#" target="_blank" class="btn btn-primary py-3 px-4">Nouveauté</a> 
						<a href="#" class="btn btn-white btn-outline-white py-3 px-4">My works</a></p> -->
		            </div>
		          </div>
	        	</div>
	        </div>
	      </div></div></div></div><div class="owl-nav disabled"><button role="presentation" class="owl-prev"><span class="ion-md-arrow-back"></span></button><button role="presentation" class="owl-next"><span class="ion-chevron-right"></span></button></div><div class="owl-dots"><button class="owl-dot active"><span></span></button><button class="owl-dot"><span></span></button></div></div>
    </section> 
 
    <div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>

    <section class="ftco-about img ftco-section ftco-no-pb" id="about-section">
    	<div class="container">
		    <div class="row justify-content-center py-3">
          <div class="col-md-12 heading-section text-center ftco-animate">
		    <h1 class="big big-2">Un &amp; Zero</h1> 
		    <h2 class="mb-4">A propos de Nous</h2>
          </div>
        </div>
    		<div class="row d-flex">
    			<div class="col-md-6 col-lg-6 d-flex">
				
    				 <div class="img-about img d-flex align-items-stretch">
    				  <div class="overlay"></div>
	    				<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/abouhh.png);">
	    			  </div>
    				 </div>
    			</div>
    			<div class="col-md-6 col-lg-6 pl-lg-2 pb-5">
    				<div class="row justify-content-start pb-3">
		          <div class="col-md-12 heading-section ftco-animate">
		            <p class="text-justify okiy"><strong>Nous sommes une agence de création et de développement Digital.<br>
					   Nous développons des applications par rapport à vos bésoins, qui peuvent être
					   des applications hybride (IOS et Android) et des applications web. 
					   nous vous aidéons à transformer votre site web en une application hybride et nous pouvons aussi faire le refonte de vos anciens site web.<br>
					   Que vous ayez besoin d'un site web ou une application percutante, de designs graphiques exceptionnels ou d'une stratégie marketing digitale, 
                       nous avons les compétences pour transformer vos idées en réalité.<br>					   
					   En tant qu'entreprise de création digitale. nous nous engageons à redéfinir les normes du désigne. 
					   du développement et de l'expérience utilisateur.<br> 
                       Du conseil stratégique au développement de solutions numériques en passant par la conduite opérationnelle de vos projets.					   
					</strong></p> 
		            <!-- <ul class="about-info mt-4 px-md-0 px-2">
		            	<li class="d-flex"><span>Name:</span> <span>Clark Thompson</span></li>
		            	<li class="d-flex"><span>Date of birth:</span> <span>January 01, 1987</span></li>
		            	<li class="d-flex"><span>Address:</span> <span>San Francisco CA 97987 USA</span></li>
		            	<li class="d-flex"><span>Zip code:</span> <span>1000</span></li>
		            	<li class="d-flex"><span>Email:</span> <span>[email protected]</span></li>
		            	<li class="d-flex"><span>Phone: </span> <span>+1-2234-5678-9-0</span></li>
		            </ul> -->
		          </div>
		        </div>
	          <!-- <div class="counter-wrap ftco-animate d-flex mt-md-3">
              <div class="text">
              	<p class="mb-4">
	                <span class="number" data-number="12">0</span>
	                <span>Projet complet</span>
                </p>
                <p><a href="#" class="btn btn-primary py-3 px-3">Download CV</a></p>
              </div>
	          </div>-->
	        </div>
        </div>
    	</div>
    </section>
	
	<div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>
	
    <section class="ftco-section" id="services-section">
    	<div class="container">
    	<div class="row justify-content-center py-3">
          <div class="col-md-12 heading-section text-center ftco-animate">
          	<h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Services</h2>
            <p>Notre studio de création et de développement digital a le pouvoir de vous rendre plusieirs services </p>
          </div>
        </div>
    		<div class="row">
					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-ideas"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Developpement des applications</h3>
							</div>
						</a>
					</div>
					
					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-analysis"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Conception et réfonte de site web </h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-ideas"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Marketing digital</h3>
							</div>
						</a>
					</div>

					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-analysis"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Adaptation de l'image de vos services au digital</h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-flasks"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Stratégie digitales</h3>
							</div>
						</a>
					</div>
					<div class="col-md-4 text-center d-flex ftco-animate">
						<a href="#" class="services-1">
							<span class="icon">
								<i class="flaticon-ux-design"></i>
							</span>
							<div class="desc">
								<h3 class="mb-5">Création de contenu</h3>
							</div>
						</a>
					</div>
				</div>
    	</div>
    </section>

    <div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>

    <section class="ftco-section ftco-no-pb" id="resume-section">
    	<div class="container">
    		<div class="row justify-content-center py-3">
          <div class="col-md-10 heading-section text-center ftco-animate">
          	<h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Détails</h2>
            <p>Détails sur nos différents services</p>
          </div>
        </div>
    		<div class="row">
    			<div class="col-md-6"> 
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2014-2015</span> -->
    					<h2>Developpement des applications hybride et web</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">
						 Nous sommes spécialisée dans le développement et la création d'application web (format web et mobile) et des applications hybride (IOS et Android) 
						 pour les professionnels. Nous vous proposons des solutions variées pour vous permettre de développer vos activités. 
						</p>
    				</div>
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2014-2015</span> -->
    					<h2>Conception et réfonte de site web</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">
						 Nous sommes là pour vous aidez dans le développement et la Conception de site web haut de gamme et surtout responsive. De plus, nous vous accompagnons dans l'identification des bonnes pratiques ainsi que 
                         de meilleures idées à mettre en oeuvre pour la création d'une plateforme conforme à leurs exigences. Pour cela, nous mettons à votre disposition des technologies web solides qui sont 
                         à la fois modernes et transmissibles. 						 
                         
						</p>
    				</div>
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2014-2015</span> -->
    					<h2>Marketing digital</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">Le numérique est devenu incontournable dans le monde de l'entreprise. Et internet est devenu un canal obligatoire pour la visibilité d'une entreprise. Il constitue l'un des meilleurs support pour 
						  pour se démarquer de la concurrence. Un et Zero aide les professionnels dans la mise en oeuvre d'une stratégie web marketing.  </p>
    				</div>
    			</div>

    			<div class="col-md-6">
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2014-2015</span> -->
    					<h2>Adaptation de l'image de vos services au digital</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">Nous sommes une équipe de spécialistes qui s'occupent aussi de la communication print et digitale.</p>
    				</div>
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2014-2015</span> -->
    					<h2>Stratégie digitales</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">Booster votre présence sur internet avec des tactiques modernes de croissance, de contenu et d'engagement.</p>
    				</div>
    				<div class="resume-wrap ftco-animate">
    					<!--<span class="date">2017-2018</span> -->
    					<h2>Création de contenu</h2>
    					<!-- <span class="position">Cambridge University</span> -->
    					<p class="mt-4 text-justify">Un et Zero possede une équipe qui vous aides a avoir des conténus visuels et écrits captivants pour attirer votre audience en ligne.</p>
    				</div>
    			</div>
    		</div>
    		<!-- <div class="row justify-content-center mt-5">
    			<div class="col-md-6 text-center ftco-animate">
    				<p><a href="#" class="btn btn-primary py-4 px-5">Download CV</a></p>
    			</div>
    		</div> -->
    	</div>
    </section>

    <div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>
		
	<section class="ftco-section" id="skills-section">
			<div class="container">
				<div class="row justify-content-center py-3">
          <div class="col-md-12 heading-section text-center ftco-animate">
          	<h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Equipe</h2>
            <!--<p> Consonantia</p>  -->
          </div>
        </div>
		<div class="row">
			<div class="col-md-4 animate-box">    
			    <div class="row ku">
				   <div class="col-md-12"> 
					<center><img src="images/sha.jpg" alt="unetzero" class="img-fluid img-thumbnail"></center>
				   </div>
				   <div class="col-md-12 mx-auto rr">
					<h5>Charis Zoé NGYABA</h5>
					<p>CO-CEO &amp; Developpeur</p> 
				   </div>
			    </div>
		    </div>
			<div class="col-md-4 animate-box">
			 <div class="row ku">
				<div class="col-md-12"> 
				  <center><img src="images/juve.jpg" alt="unetzero" class="img-fluid img-thumbnail"></center>
				</div>
				<div class="col-md-12 mx-auto rr">
				  <h5>Juve MABANZA KITADI</h5>
				  <p>CO-CEO &amp; Developpeur</p>
				</div>
			 </div>
		    </div>
			<div class="col-md-4 animate-box">
			 <div class="row ku">
				   <div class="col-md-12"> 
					<center><img src="images/pas.jpg" alt="unetzero" class="img-fluid img-thumbnail"></center>
				   </div>
				   <div class="col-md-12 mx-auto rr">
						<h5>Kevi NLOMBI</h5>
						<p>IT &amp; Developpeur</p>
				   </div>
			    </div>
		    </div>
			<div class="col-md-2"></div>
			<div class="col-md-4 animate-box">
			 <div class="row ku">
				   <div class="col-md-12"> 
					<center><img src="images/beni.jpg" alt="unetzero" class="img-fluid img-thumbnail"></center>
				   </div>
				   <div class="col-md-12 mx-auto rr">
						<h5>Benitte DIABANZA</h5>
						<p>Chargé de Communication</p>
				   </div>
			    </div>
		    </div>
			<div class="col-md-4 animate-box">
			 <div class="row ku">
				   <div class="col-md-12"> 
					<center><img src="images/cha.jpg" alt="unetzero" class="img-fluid img-thumbnail"></center>
				   </div>
				   <div class="col-md-12 mx-auto rr">
						<h5>Chardin KINGA</h5>
						<p>Desinger</p>
				   </div>
			    </div>
		    </div>
			<div class="col-md-2"></div>
			<!-- <div class="col-md-3 animate-box">
			 <div class="row ku">
				   <div class="col-md-12"> 
					<center><img src="images/member-3.png" alt="Team Member" class="img-fluid img-thumbnail"></center>
				   </div>
				   <div class="col-md-12 mx-auto rr">
						<h5>Charis Zoé NGYABA</h5>
						<p>CO-CEO et Developpeur</p>
				   </div>
			    </div>
		    </div> -->
		</div>
		
				<!-- <div class="row">
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>Photoshop</h3>
							<div class="progress">
							 	<div class="progress-bar color-1" role="progressbar" aria-valuenow="90"
							  	aria-valuemin="0" aria-valuemax="100" style="width:90%">
							    <span>90%</span>
							  	</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>jQuery</h3>
							<div class="progress">
							 	<div class="progress-bar color-2" role="progressbar" aria-valuenow="85"
							  	aria-valuemin="0" aria-valuemax="100" style="width:85%">
							    <span>85%</span>
							  	</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>HTML5</h3>
							<div class="progress">
							 	<div class="progress-bar color-3" role="progressbar" aria-valuenow="95"
							  	aria-valuemin="0" aria-valuemax="100" style="width:95%">
							    <span>95%</span>
							  	</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>CSS3</h3>
							<div class="progress">
							 	<div class="progress-bar color-4" role="progressbar" aria-valuenow="90"
							  	aria-valuemin="0" aria-valuemax="100" style="width:90%">
							    <span>90%</span>
							  	</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>WordPress</h3>
							<div class="progress">
							 	<div class="progress-bar color-5" role="progressbar" aria-valuenow="70"
							  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
							    <span>70%</span>
							  	</div>
							</div>
						</div>
					</div>
					<div class="col-md-6 animate-box">
						<div class="progress-wrap ftco-animate">
							<h3>SEO</h3>
							<div class="progress">
							 	<div class="progress-bar color-6" role="progressbar" aria-valuenow="80"
							  	aria-valuemin="0" aria-valuemax="100" style="width:80%">
							    <span>80%</span>
							  	</div>
							</div>
						</div>
					</div>
				</div> -->
				
				
				
			</div>
	</section>
 
    <div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>
	
    <section class="ftco-section ftco-project" id="projects-section">
    	<div class="container">
    		<div class="row justify-content-center py-3">
          <div class="col-md-12 heading-section text-center ftco-animate">
          	<h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Nos réalisations</h2>
            <!-- <p>Consonantia</p>--> 
          </div>
        </div>
    		<div class="row">
    			<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp p-4">
	    					<h3><a href="www.243kilos.com" target="_blank">www.243kilos.com</a></h3>
	    					<span>Une application web qui met en contact des personnes physiques pour le co-bagages</span>
	    				</div>
    				</div>
  				</div>
  				<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph1.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp p-4">
	    					<h3><a href="www.bainvitation.com" target="_blank">www.bainvitation.com</a></h3>
	    					<span>Une application web qui permet d'envoyer des invitations aux choix sans vous déplacez avec 12 modéles</span>
	    				</div>
    				</div>
  				</div>
				<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph2.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp p-4">
	    					<h3><a href="www.cartominingdrc.com" target="_blank">www.cartominingdrc.com</a></h3>
	    					<span>Une application web qui permet de vendre des cartes thématiques pour différents secteurs, village, territoire de la RD Congo</span>
	    				</div>
    				</div>
  				</div>
				<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph3.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp p-4">
	    					<h3><a href="www.fdinzumala.org" target="_blank">www.fdinzumala.org</a></h3>
	    					<span>Une application web pour la gestion d'une fondation en RD Congo (FDIN)</span>
	    				</div>
    				</div>
  				</div>
				<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph4.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp">
	    					<h3><a href="www.mondenouveauafriquenouvelle.org" target="_blank">www.mondenouveauafriquenouvelle.com</a></h3>
	    					<span>Une application web pour la vente des livres en version électronique </span>
	    				</div>
    				</div>
  				</div>
				<div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/istockph5.png);">
    					<div class="overlay"></div>
	    				<div class="text text-center sp p-4">
	    					<h3><a href="www.klc-sarl.com" target="_blank">www.klc-sarl.com</a></h3>
	    					<span>Un site web pour une entreprise spécialisée dans l’Intermédiation d’affaires, Investissement et tant d'autres activités</span>
	    				</div>
    				</div>
  				</div>

    			<!--   <div class="col-md-6">
    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/project-1.jpg);">
    					<div class="overlay"></div>
	    				<div class="text tex text-center p-4">
	    					<h3><a href="#">Branding &amp; Illustration Design</a></h3>
	    					<span>Web Design</span>
	    				</div>
    				</div>

    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/project-6.jpg);">
    					<div class="overlay"></div>
	    				<div class="text tex text-center p-4">
	    					<h3><a href="#">Branding &amp; Illustration Design</a></h3>
	    					<span>Web Design</span>
	    				</div>
    				</div>
    			</div>
    			<div class="col-md-4">
    				<div class="row">
    					<div class="col-md-12">
		    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/project-2.jpg);">
		    					<div class="overlay"></div>
			    				<div class="text tex text-center p-4">
			    					<h3><a href="#">Branding &amp; Illustration Design</a></h3>
			    					<span>Web Design</span>
			    				</div>
		    				</div>
	    				</div>
	    				<div class="col-md-12">
		    				<div class="project img ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/project-3.jpg);">
		    					<div class="overlay"></div>
			    				<div class="text tex text-center p-4">
			    					<h3><a href="#">Branding &amp; Illustration Design</a></h3>
			    					<span>Web Design</span>
			    				</div>
		    				</div>
	    				</div>
    				</div>
    			</div> -->
    		</div>
    	</div>
    </section>
    
	<div class="container py-3">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>

    <section class="ftco-section" id="blog-section">
      <div class="container">
        <div class="row justify-content-center py-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Nos applications</h2>
            <p>Nous vous proposons nos propres applications que nous avons mis en place pour rendre différents service à la population</p>
          </div>
        </div>
        <div class="row d-flex">
          <div class="col-md-6 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <a href="single.html" class="block-20" style="background-image: url('images/istockph1.png');">
              </a>
              <div class="text mt-3 float-right d-block">
              	<div class="d-flex align-items-center mb-3 meta">
	                <p class="mb-0">
	                	<!-- <span class="mr-2">June 21, 2019</span>
	                	<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a> -->
	                	<a href="www.bainvitation.com" target="_blank" class="mr-2">www.bainvitation.com</a>
	                </p>
                </div>
                <h3 class="heading text-justify"><a href="#">Plus question de parcourir plusieurs traget pour imprimer puis laisser les invitations pour vos manifestations.</a></h3>
                <p class="text-justify">Une application web qui permet d'envoyer des invitations aux choix sans vous déplacez avec 12 modéles.</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 d-flex ftco-animate">
          	<div class="blog-entry justify-content-end">
              <a href="single.html" class="block-20" style="background-image: url('images/istockph2.png');">
              </a>
              <div class="text mt-3 float-right d-block">
              	<div class="d-flex align-items-center mb-3 meta">
	                <p class="mb-0">
	                	<!-- <span class="mr-2">June 21, 2019</span>
	                	<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a> -->
	                	<a href="www.cartominingdrc.com" target="_blank" class="mr-2">www.cartominingdrc.com</a>
	                </p>
                </div>
                <h3 class="heading text-justify"><a href="#">L’objectif principal consiste à faire les ventes des différentes cartes thématiques disposant plusieurs informations des divers domaines.</a></h3>
                <p class="text-justify">Une application web qui permet de vendre des cartes thématiques pour différents secteurs, village, territoire de la RD Congo</p>
              </div>
            </div>
          </div>
          <!--  <div class="col-md-4 d-flex ftco-animate">
          	<div class="blog-entry">
              <a href="single.html" class="block-20" style="background-image: url('images/image_3.jpg');">
              </a>
              <div class="text mt-3 float-right d-block">
              	<div class="d-flex align-items-center mb-3 meta">
	                <p class="mb-0">
	                	<span class="mr-2">June 21, 2019</span>
	                	<a href="#" class="mr-2">Admin</a>
	                	<a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a>
	                </p>
                </div>
                <h3 class="heading"><a href="single.html">Why Lead Generation is Key for Business Growth</a></h3>
                <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
              </div>
            </div>
          </div>-->
        </div>
      </div>
    </section>
	
    <section class="ftco-section ftco-no-pt ftco-no-pb ftco-counter img" id="section-counter">
    	<div class="container">
				<div class="row d-md-flex align-items-center">
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18">
              <div class="text">
                <strong class="number" data-number="12">0</strong>
                <span>Expert</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18">
              <div class="text">
                <strong class="number" data-number="12">0</strong>
                <span>Projets Complet</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18">
              <div class="text">
                <strong class="number" data-number="33">0</strong>
                <span>Clients satisfaits</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18">
              <div class="text">
                <strong class="number" data-number="4">0</strong>
                <span>Année d'expérience</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
	
    <section class="ftco-section ftco-hireme img margin-top" style="background-image: url(images/bg_1.jpg)">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-md-12 ftco-animate text-center">
						<h2 class="no">Nous nous occupons de la <span>Création</span> et du <span>Développement</span> digital</h2>
						<!--<p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
						<p class="mb-0"><a href="#" class="btn btn-primary py-3 px-5">Hire me</a></p>-->
					</div>
				</div>
			</div>
	</section>
    
    <section class="ftco-section contact-section ftco-no-pb" id="contact-section">
      <div class="container">
      	<div class="row justify-content-center pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <h1 class="big big-2">Un &amp; Zero</h1>
            <h2 class="mb-4">Nos Contactes</h2> 
          </div>
        </div>

        <div class="row d-flex contact-info mb-5">
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box p-4 text-center">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-map-signs"></span>
          		</div>
          		<h3 class="mb-4">Addresse</h3>
	            <p>Kinshasa, Brazzaville et Pointe-noire</p>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box p-4 text-center">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-phone2"></span>
          		</div>
          		<h3 class="mb-4">Contact Number</h3>
	            <p> 
				  <a href="tel:+242056659049">+242 05 66 59 049</a><br>
				  <a href="tel:+243899907917">+242 89 99 07 917</a>
				</p>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box p-4 text-center">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-paper-plane"></span>
          		</div>
          		<h3 class="mb-4">Email Address</h3>
	            <p><a href="mailto:[email protected]">[email protected]</a></p>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box p-4 text-center">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-globe"></span>
          		</div>
          		<h3 class="mb-4">Site Web</h3>
	            <p><a href="www.unetzero.net" target="_blank">www.unetzero.net</a></p>
	          </div>
          </div>
        </div>

        <div class="row no-gutters block-9"> 
          <div class="col-md-6 order-md-last d-flex"> 
		                <form action="index.php#contact-section" method="POST" class="bg-light p-4 p-md-5 contact-form">
              <div class="form-group">
                <input type="text" name="nomcli" class="form-control" placeholder="Votre Nom">
              </div>
              <div class="form-group">
                <input type="text" name="emacli" class="form-control" placeholder="Votre Email">
              </div>
              <div class="form-group">
                <input type="text" name="sujcli" class="form-control" placeholder="Sujet">
              </div>
              <div class="form-group">
                <textarea name="messa" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
              </div>
              <div class="form-group">
                <button type="submit" name="valcli" class="btn btn-primary py-3 px-5">Envoyez</button>
              </div>
            </form>
          
          </div>

          <div class="col-md-6 d-flex">
          	<div class="img" style="background-image: url(images/aboupo.png);"></div>
          </div>
        </div>
      </div>
    </section>
    
	<div class="container py-5">
	 <div class="row">
	  <div class="col-3 ud"><center><img src="images/sha.png" alt="Team Member" class="img-fluid qu"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha1.png" alt="Team Member" class="img-fluid tr"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha2.png" alt="Team Member" class="img-fluid de"></center></div>
	  <div class="col-3 ud"><center><img src="images/sha3.png" alt="Team Member" class="img-fluid un"></center></div>
	 </div>
	</div>
		

    <footer class="ftco-footer ftco-section">
      <div class="container">
        <div class="row mb-2">
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Un &amp; Zero</h2>
              <p class="text-justify">Confiez-nous la digitalisation de votre entreprise pour accroitre votre recette  ainsi que vos activités pour améliorer votre visibilité sur internet</p>
              <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5">
                <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
				<li class="ftco-animate"><a href="#"><span class="icon-youtube"></span></a></li>
				<li class="ftco-animate"><a href="#"><span class="icon-linkedin-square"></span></a></li>
				<li class="ftco-animate"><a href="#"><span class="icon-dribbble"></span></a></li>
				<li class="ftco-animate"><a href="#"><span class="icon-skype"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4 ml-md-4">
              <h2 class="ftco-heading-2">Liens</h2>
              <ul class="list-unstyled">
                <li><a href="#home-section"><span class="icon-long-arrow-right mr-2"></span>Accueil</a></li>
                <li><a href="#about-section"><span class="icon-long-arrow-right mr-2"></span>Nous</a></li>
                <li><a href="#services-section"><span class="icon-long-arrow-right mr-2"></span>Services</a></li>
                <li><a href="#resume-section"><span class="icon-long-arrow-right mr-2"></span>Détails</a></li>
                <li><a href="#skills-section"><span class="icon-long-arrow-right mr-2"></span>Equipe</a></li>
				<li><a href="#projects-section"><span class="icon-long-arrow-right mr-2"></span>Réalisations</a></li>
				<li><a href="#blog-section"><span class="icon-long-arrow-right mr-2"></span>Applications</a></li>
				<li><a href="#contact-section"><span class="icon-long-arrow-right mr-2"></span>Contact</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md">
             <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">Services</h2>
              <ul class="list-unstyled">
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Developpement des applications</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Conception de site web</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Marketing digital (Community manager)</a></li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
            	<h2 class="ftco-heading-2">Pour vos questions</h2>
            	<div class="block-23 mb-3">
	              <ul>
	                <li><span class="icon icon-map-marker"></span><span class="text">Kinshasa, Brazzaville et Pointe-noire</span></li>
	                <li><span class="icon icon-phone"></span><a href="tel:+242056659049"><span class="text">00242 05 665 9049</span></a>
					<a href="tel:+243899907917"><span class="text">00243 89 99 07 917</span></a></li>
	                <li><a href="mailto:[email protected]"><span class="icon icon-envelope"></span><span class="text">[email protected]</span></a></li>
	              </ul>
	            </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12 text-center">
            <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. 
             Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.net" target="_blank">Colorlib</a>-->
               © <script>document.write(new Date().getFullYear());</script>2024 <strong><span>Un &amp; Zero</span></strong><br>
               <img src="images/LOGO_Gold.PNG" alt="ok merci bien" class="img-fluid mx-auto ok">
			 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
          </div>
        </div>
      </div>
    </footer>
    
	
  <a href="https://wa.me/243899907917?text=Un%20&amp;%20Zéro%20vous%20remercie%20pour%20cette%20occasion" class="wa aos-init" target="_blank" data-aos="zoom-in" data-aos-delay="100">
     <img src="images/wa.png" alt="ok merci bien" class="img-fluid mx-auto">
  </a>
  
  

  <!-- loader
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/>Un & Zero</svg></div>
 --> 

  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  
  <script src="js/main.js"></script>
  <script>
    var loader = document.getElementById("preloader");
	window.addEventListener("load", function(){
		loader.style.display = "none";
	})
	
  </script>  
  
</body></html>