<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Job-Lance - Bienvenue</title>
    <meta name="title" Content="Job-Lance - Bienvenue">
    <meta name="description" content="Notre plateforme met en relation clients et free-lance, afin de leur procurer la meilleure expérience pour leurs projets digitaux.">
    <meta name="keywords" content="freelance,job,travail,mission,indépendant,indépendants,mission courte,développeur,graphiste,infographiste,designer,dessinateur,free-lance">
    <link rel="shortcut icon" href="https://job-lance.com/assets/images/logoIcon/favicon.png" type="image/x-icon">

    
    <link rel="apple-touch-icon" href="https://job-lance.com/assets/images/logoIcon/logo.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Job-Lance - Home">
    
    <meta itemprop="name" content="Job-Lance - Home">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="https://job-lance.com/assets/images/seo/63d8eeec3a9731675161324.png">
    
    <meta property="og:type" content="website">
    <meta property="og:title" content="Job-Lance">
    <meta property="og:description" content="Notre plateforme met en relation clients et free-lance, afin de leur procurer la meilleure expérience pour leurs projets digitaux.">
    <meta property="og:image" content="https://job-lance.com/assets/images/seo/63d8eeec3a9731675161324.png"/>
    <meta property="og:image:type" content="image/png" />
        <meta property="og:image:width" content="600" />
    <meta property="og:image:height" content="315" />
    <meta property="og:url" content="https://job-lance.com">
    
    <meta name="twitter:card" content="summary_large_image">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

	<link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/aos.css">
	
	
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/bootstrap.min.css">
    <link rel="shortcut icon" href="https://job-lance.com/assets/images/logoIcon/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="https://job-lance.com/assets/images/jl-2.png" />
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/swiper.min.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/chosen.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/line-awesome.min.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/animate.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/style.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/bootstrap-fileinput.css">
    <link rel="stylesheet" href="https://job-lance.com/assets/templates/basic/frontend/css/custom.css">
            <link href="https://job-lance.com/assets/templates/basic/frontend/css/color.php?color=3dade9&secondColor=270a49" rel="stylesheet"/>


    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L1GYH6RYN5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-L1GYH6RYN5');
</script>

</head>

<body>

<div class="preloader">
    <div class="box-loader">
        <div class="loader animate">
            <svg class="circular" viewBox="50 50 100 100">
                <circle class="path" cx="75" cy="75" r="20" fill="none" stroke-width="3" stroke-miterlimit="10" />
                <line class="line" x1="127" x2="150" y1="0" y2="0" stroke="black" stroke-width="3" stroke-linecap="round" />
            </svg>
        </div>
    </div>
</div>


<header class="header-section">
    <div class="header">
        <div class="header-bottom-area">
            <div class="container-fluid">
                <div class="header-menu-content">
                    <nav class="navbar navbar-expand-lg p-0">
                        <a class="site-logo site-title" href="https://job-lance.com"><img src="https://job-lance.com/assets/images/logoIcon/logo.png" alt="Job-Lance"></a>
                        
                        <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="fas fa-bars"></span>
                        </button>
                                                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        
                            <div class="header-action order-sm-3">
                                	                               <div class="d-none d-lg-block"> 
	                                    <a href="https://job-lance.com/login" class="btn--base active">Se Connecter</a>
	                               </div>
	                               <div class="d-none d-lg-block"> 
	                                    <a href="https://job-lance.com/register" class="btn--base">S'inscrire gratuitement</a>
	                               </div>
	                               <div class="d-none d-lg-block"> 
	                                    <a href="https://job-lance.com/register" class="btn--success rounded text-white">Publier un projet</a>
	                               </div>
                                
                                                            </div>
                            
                            <div class="language-select-area order-sm-2">
                                <select class="language-select langSel">
                                                                            <option value="en" >English</option>
                                                                            <option value="fr"  selected  >français</option>
                                                                    </select>
                            </div>
                        
                            <ul class="navbar-nav main-menu ms-auto me-auto order-sm-1">
                                <li><a href="https://job-lance.com" class="active" >Bienvenue</a></li>
								                                <li><a href="https://job-lance.com/blog" >Blog</a></li>
                                
                                <li><a href="https://job-lance.com/contact" >Contact</a></li>
                                
                            </ul>
                            
                          


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

</header>
<style>
	.border-joblance{
		border-top: 50px solid rebeccapurple;
		border-left: 50px solid #7852F5;
		border-radius: 1em;
		//border-top-right-radius: 10% 30%;
	}
	.floating-bulle1 {
	animation: floating-bulle1 15s ease-in-out 0s infinite !important;
	}

	.floating-bulle2 {
	animation: floating-bulle2 6s ease-in-out 2s infinite !important;
	}

	@keyframes  floating-bulle1 {
	0% {
		transform: translate(0px, 0px);
	}
	10% {
		transform: translate(-5px, -7px);    
	}
	25% {
		transform: translate(0px, -12px);    
	}
	50% {
		transform: translate(5px, -9px);    
	}
	70% {
		transform: translate(8px, -6px);    
	}
	85% {
		transform: translate(5px, -3px);    
	}
	100% {
		transform: translate(0px, 0px);
	}
	}

	@keyframes  floating-bulle2 {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-10px);    
	}
	100% {
		transform: translateY(0px);
	}
	}
</style>

<section class="all-justify all-sections bg-light pt-60 pb-10 p-2">
<div class="col d-sm-block d-block d-lg-none bg-light d-xl-none mb-5 mt-5 p-5 text-center rounded">
		    <a href="https://job-lance.com/login" class="btn--base active col-12 col-md-6">Se Connecter</a>
	    <a href="https://job-lance.com/register" class="mt-1 btn--base col-12 col-md-6">S'inscrire gratuitement</a>
        <a href="https://job-lance.com/register" class="mt-1 col-12 col-md-6 btn--success rounded text-white">Publier un projet</a>
	</div>

<div style="text-align: justify" class="border-joblance col col-lg-8 mx-auto text--primary mt-5 mb-5 p-4">


	<h1 class="fs-1 mt-1 mb-5 text-center">Trouvez des free-lances de qualité <span class="bg--primary text-white floating-bulle1 pb-3 rounded">pour vos projets</span></h1>
	 
	<div class="row mt-5 mb-5 mx-auto">	
		<div class="col text-center">
			<img src= "https://job-lance.com/assets/images/accueil.png" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
			</br>
			<button type="button" class="shadow-lg mt-5 mx-auto btn btn-lg btn--success rounded"><a href="https://job-lance.com/register">Je publie mon projet en 2 min</a></button>
		</div>
	</div>
	<br/>
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-2 mt-5 text-dark">
	Déjà plus de 	<strong id="counter" class="text--primary">384 </strong>
	job-lancers nous font confiance	
   </p>
	<br/>
	<br/>
	
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-2 mt-3 text-dark">
	<strong id="counter2" class="text--primary" >17</strong>
	 domaines d'activités	
   </p>
	<br/>
	<br/>
	
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-2 mt-3 text-dark">

	<strong id="counter3" class="text--primary" >19573</strong><strong class="text--primary" > € </strong>
	de chiffre d'affaires potentiel pour les projets déposés chez nous	
   </p>
	<br/>
	<br/>
	
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-2 mt-3 text-dark">
	Facebook : 	<br/>
	<strong id="counter4" class="text--primary" >173</strong>
	 abonnés	
   </p>
	
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-6 mt-1 text-dark">
	<a href="https://facebook.com/jobforfreelance">• Suivez-nous • </a>
	
   </p>
	<br/>
	<br/>

	<p data-aos="fade-up" data-offset="300" class="card-text fs-5 mt-5">
	Vous êtes un client qui a besoin de trouver un freelance compétent pour votre projet, mais vous ne savez pas où chercher ou comment évaluer leur expertise. 
	</p>
	</br></br>
	<p data-aos="fade-up" data-offset="300" class="card-text fs-5 mt-3">
	Vous avez peut-être déjà engagé un freelance qui n'a pas répondu à vos attentes ou qui a abandonné votre projet en cours de route. 
	</p>
	</br></br>
	<p data-aos="fade-up" data-offset="300" class="card-text fs-5 mt-3">
	Avec notre plateforme pour les freelances, vous pouvez facilement trouver des professionnels qualifiés et vérifiés pour répondre à vos besoins spécifiques. 
	</p>
	</br></br>
	<p data-aos="fade-up" data-offset="300" class="card-text fs-5 mt-3">
	Nous vous offrons également un système d'évaluation pour vous assurer de travailler avec les meilleurs. Ne perdez plus votre temps ni votre argent, engagez les meilleurs freelances pour vos projets dès maintenant et gratuitement avec notre plateforme.
	</p>
	</br></br>
	<p data-aos="fade-up" data-offset="300" class="card-text text-center fs-4 mt-5 text-dark">
	<strong>Essayez maintenant.</strong>
	
   </p>
    <h2 class="text-center"><i data-aos="fade-down" data-offset="300" data-aos-duration="3000" class="text-dark mt-5 fas fa-arrow-down"></i></h2>
   <p class="text-center">
	<a class="mx-auto btn btn--base active text-dark rounded text-center mt-1 mb-3" href="https://job-lance.com/register">Démarrer</a>
	</p>
</div>

<div class="row d-none b-lg-block">
	<div id="carouselExampleCaptions" class="mx-auto col-lg-3 col-md-6 col-8 carousel slide rounded" data-bs-ride="carousel">
	<div class="carousel-indicators rounded">
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4" aria-label="Slide 5"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="5" aria-label="Slide 6"></button>
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="6" aria-label="Slide 7"></button>
	</div>
	<div class="carousel-inner rounded">

		<div class="carousel-item active rounded">
			<img src="https://job-lance.com/assets/images/categories/page-1.jpeg" class="d-block w-100" alt="catégories Graphiste">
			<div style="opacity: 0.75" class="carousel-caption bg-dark">
				<h5 class="fs-4 text-white"><a href="#graphist">Graphiste</a></h5>
			</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-3.jpeg" class="d-block w-100" alt="catégories Créateur de sons">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#son">Créateur de sons</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-4.jpeg" class="d-block w-100" alt="catégories Designer">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#graphist">Designer</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-6.jpeg" class="d-block w-100" alt="catégories Webmaster">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#web">Webmaster</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-7.jpeg" class="d-block w-100" alt="catégories Consultant SEO">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#dev">Consultant SEO</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-8.jpeg" class="d-block w-100" alt="catégories Stratégie digitale">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#strat">Stratégie digitale</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-9.jpeg" class="d-block w-100" alt="catégories Développeur">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#dev">Développeur</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-10.jpeg" class="d-block w-100" alt="catégories Architecte">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#dev">Architecte</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-11.jpeg" class="d-block w-100" alt="catégories Créateur de jeux vidéo">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white">Créateur de jeux vidéo</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-12.jpeg" class="d-block w-100" alt="catégories Copywriter">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#dev">Copywriter</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-15.jpeg" class="d-block w-100" alt="catégories Photographe">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#photo">Photographe</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-17.jpeg" class="d-block w-100" alt="catégories Web marketer">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#web">Web marketer</a></h5>
		</div>
		</div>
		<div class="carousel-item rounded">
		<img src="https://job-lance.com/assets/images/categories/page-18.jpeg" class="d-block w-100" alt="catégories consultant stratégie web">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#strat">Consultant stratégie web</a></h5>
		</div>
		</div>
		
	</div>
	<button style="opacity: 0" class="carousel-control-prev rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
		<span class="visually-hidden">Previous</span>
	</button>
	<button style="opacity: 0" class="carousel-control-next rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span>
		<span class="visually-hidden">Next</span>
	</button>
	</div>
</div>

<div class="row d-xs-none">

<div id="carouselExampleCaptions" class="mx-auto col-lg-2 col-md-6 col-8 carousel slide rounded mb-2" data-bs-ride="carousel">
  <div class="carousel-indicators rounded">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
  </div>
  <div class="carousel-inner rounded">

    <div class="carousel-item active rounded">
		<img src="https://job-lance.com/assets/images/categories/page-1.jpeg" class="d-block w-100" alt="catégories Graphiste">
		<div style="opacity: 0.75" class="carousel-caption bg-dark">
			<h5 class="fs-4 text-white"><a href="#graphist">Graphiste</a></h5>
		</div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-3.jpeg" class="d-block w-100" alt="catégories Créateur de sons">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#son">Créateur de sons</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-4.jpeg" class="d-block w-100" alt="catégories Designer">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#graphist">Designer</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-6.jpeg" class="d-block w-100" alt="catégories Webmaster">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#web">Webmaster</a></h5>
      </div>
    </div>
    
  </div>
  <button style="opacity: 0" class="carousel-control-prev rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button style="opacity: 0" class="carousel-control-next rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<div id="carouselExampleCaptions" class="mx-auto col-lg-2 col-md-6 col-8 carousel slide rounded mb-2" data-bs-ride="carousel">
  <div class="carousel-indicators rounded">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
  </div>
  <div class="carousel-inner rounded">

    <div class="carousel-item active rounded">
      <img src="https://job-lance.com/assets/images/categories/page-7.jpeg" class="d-block w-100" alt="catégories Consultant SEO">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#dev">Consultant SEO</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-8.jpeg" class="d-block w-100" alt="catégories Stratégie digitale">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#strat">Stratégie digitale</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-9.jpeg" class="d-block w-100" alt="catégories Développeur">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#dev">Développeur</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-10.jpeg" class="d-block w-100" alt="catégories Architecte">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#dev">Architecte</a></h5>
      </div>
    </div>
    
  </div>
  <button style="opacity: 0" class="carousel-control-prev rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button style="opacity: 0" class="carousel-control-next rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<div id="carouselExampleCaptions" class="mx-auto col-lg-2 col-md-6 col-8 carousel slide rounded mb-2" data-bs-ride="carousel">
  <div class="carousel-indicators rounded">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
  </div>
  <div class="carousel-inner rounded">

    <div class="carousel-item active rounded">
      <img src="https://job-lance.com/assets/images/categories/page-11.jpeg" class="d-block w-100" alt="catégories Créateur de jeux vidéo">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white">Créateur de jeux vidéo</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-12.jpeg" class="d-block w-100" alt="catégories Copywriter">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#dev">Copywriter</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-15.jpeg" class="d-block w-100" alt="catégories Photographe">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#photo">Photographe</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-17.jpeg" class="d-block w-100" alt="catégories Web marketer">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#web">Web marketer</a></h5>
      </div>
    </div>
    
  </div>
  <button style="opacity: 0" class="carousel-control-prev rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button style="opacity: 0" class="carousel-control-next rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

<div id="carouselExampleCaptions" class="mx-auto col-lg-2 col-md-6 col-8 carousel slide rounded mb-2" data-bs-ride="carousel">
  <div class="carousel-indicators rounded">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3" aria-label="Slide 4"></button>
  </div>
  <div class="carousel-inner rounded">

    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-12.jpeg" class="d-block w-100" alt="catégories Copywriter">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#dev">Copywriter</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-15.jpeg" class="d-block w-100" alt="catégories Photographe">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#photo">Photographe</a></h5>
      </div>
    </div>
    <div class="carousel-item active rounded">
      <img src="https://job-lance.com/assets/images/categories/page-17.jpeg" class="d-block w-100" alt="catégories Web marketer">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#web">Web marketer</a></h5>
      </div>
    </div>
    <div class="carousel-item rounded">
      <img src="https://job-lance.com/assets/images/categories/page-18.jpeg" class="d-block w-100" alt="catégories consultant stratégie web">
      <div style="opacity: 0.75" class="carousel-caption bg-dark">
        <h5 class="fs-4 text-white"><a href="#strat">Consultant stratégie web</a></h5>
      </div>
    </div>
    
  </div>
  <button style="opacity: 0" class="carousel-control-prev rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button style="opacity: 0" class="carousel-control-next rounded" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>
</div>


<div class="row">
	<div class="col">
	<h2 class="fs-2 text-center mt-5 mb-5 text--primary">Toutes les Catégories</h2>
	
	
	<div class="col-md-6 mx-auto accordion accordion-flush" id="accordionFlushExample">
	
	 <div class="accordion-item">
	    <h2 id="graphist" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
	        Graphisme
	      </button>
	    </h2>
	    <div id="flush-collapseFour" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Animation 3D, Charte graphique, Dessin industriel, Logo, Mise en page, Photo, Photoshop, Print ( flyer, plaquette, affiche …)</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseEight" aria-expanded="false" aria-controls="flush-collapseEight">
	        Copywriting
	      </button>
	    </h2>
	    <div id="flush-collapseEight" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Tunnel de vente, Landing page, Séquence mail/E-mailing, Page de capture, Fiche produit, </div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
	        E-commerce
	      </button>
	    </h2>
	    <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Dropshiping, marketplace, Paiement carte bancaire, Paiement Paypal, Paiement Stripe, Prestashop, Shopify, Site e-commerce</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 id="dev" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
	        Développement
	      </button>
	    </h2>
	    <div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Base de données, Mac, Windows, Java, Gestion de projets, création d'application iPhone/Andoid, aplication Facebook, Javascript, jeux vidéo, </div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 id="web" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
	        Web
	      </button>
	    </h2>
	    <div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Admin et système de sécurité, CSS, HTML, XML, création de site internet, développement spécifique, gestion de site web, installation de script, intégration HTML, correcteur web, rédacteur web, Wordpress, Expert cybersécurité</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 id="strat" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
	        Webmarketing
	      </button>
	    </h2>
	    <div id="flush-collapseFive" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Closer, Analyse big data, Community manager, Campagne Ads, Marketing, Optimisation SEO, Référencements, liens, Web Analytics</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSix" aria-expanded="false" aria-controls="flush-collapseSix">
	        Systèmes d'entreprise
	      </button>
	    </h2>
	    <div id="flush-collapseSix" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Administration, Cloud computing, E-learning, Gestion de documents, Infrastructure et réseaux, Logiciel, 
Maintenance, Matériel, Migration, Progiciels, Test, recette, qualification, Téléphonie et télécom</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseSeven" aria-expanded="false" aria-controls="flush-collapseSeven">
	        Services
	      </button>
	    </h2>
	    <div id="flush-collapseSeven" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Assistance juridique, Assistant virtuel, Communication, Data entry, Etude de marché, Formation, Prospection commerciale, Publicité, Relation presse, Ressources humaines (RH), Secrétaire à distance, Traduction, Télémarketing, Fiscalié, Commissaire aux comptes, Comptable</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseNine" aria-expanded="false" aria-controls="flush-collapseNine">
	        Rédaction
	      </button>
	    </h2>
	    <div id="flush-collapseNine" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Article, Newsletter, E-book</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTen" aria-expanded="false" aria-controls="flush-collapseTen">
	        Bien-être
	      </button>
	    </h2>
	    <div id="flush-collapseTen" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Coach de vie, Coach sportif, Formateur de massage, Masseur H/F, Gouvernant/e, Freelance coiffure, Pédagogie, Chargé de mobilité, Employé de ménage, Créateur/trice d'événements</div>
	    </div>
	  </div>
	  
	  <div class="accordion-item">
	    <h2 class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseEleven" aria-expanded="false" aria-controls="flush-collapseEleven">
	        Architecte
	      </button>
	    </h2>
	    <div id="flush-collapseEleven" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Plans, Design 3D, Permis de construire, Déclaration préalable</div>
	    </div>
	  </div>
	  <div class="accordion-item">
	    <h2 id="son" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwelve" aria-expanded="false" aria-controls="flush-collapseTwelve">
	        Créateur multimédia
	      </button>
	    </h2>
	    <div id="flush-collapseTwelve" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Vidéos, Son</div>
	    </div>
	  </div>
	  <div class="accordion-item">
	    <h2 id="photo" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThirteen" aria-expanded="false" aria-controls="flush-collapseThirteen">
	        Photographie
	      </button>
	    </h2>
	    <div id="flush-collapseThirteen" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Produits, Portraits, Paysages, Autres</div>
	    </div>
	  </div>
	<div class="accordion-item">
	    <h2 id="business" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFourteen" aria-expanded="false" aria-controls="flush-collapseFourteen">
	        Business
	      </button>
	    </h2>
	    <div id="flush-collapseFourteen" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Stratégie Business, Accompagnement Business, Lancement Business, Business plans, Etudes de marché</div>
	    </div>
	  </div>
	  <div class="accordion-item">
	    <h2 id="juridique" class="accordion-header">
	      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFithteen" aria-expanded="false" aria-controls="flush-collapseFithteen">
	        Juridique
	      </button>
	    </h2>
	    <div id="flush-collapseFithteen" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
	      <div class="accordion-body">Mentions légales, Conditions générales, Conditions d'utilisation, RGPD, Contrats</div>
	    </div>
	  </div>
	
	</div>
	
		

<div data-aos="fade-up" data-offset="300" class="col mb-3 mx-auto mt-5">
	<h2 class="fs-1 position-absolute top-50 translate-middle start-50 p-4 rounded mt-3 text--primary text-center">Travaillons ensemble pour vos projets</h2>
</div>
<br/>
<br/>
<div class="col mt-5 mb-5 text-center pt-3 rounded">
		<video controls loop type="video/mp4" alt="Vidéo Job-Lance" class="object-fit-cover mb-3 rounded m-1 w-75">
	 	<source src="https://job-lance.com/assets/images/default.png" type="video/mp4">
	 	<source poster="https://job-lance.com/assets/images/business-et-freelance.gif">
	 		Votre navigateur ne permet pas de lire les vidéos HTML5.
		</video>
</div>

<div class="row mt-5 mb-5">

	<div class="col-6 d-sm-none d-none d-lg-block d-xl-block mt-5 mr-3 text-center">
		<img src="https://job-lance.com/assets/images/accueil.jpeg" style="opacity: 0.2" class="img-fluid rounded shadow-lg" alt="A freelance" width="150">
		<img src="https://job-lance.com/assets/images/accueil.jpeg" style="opacity: 0.5" class="img-fluid rounded shadow-lg" alt="A freelance" width="150">
		<img src="https://job-lance.com/assets/images/accueil.jpeg" class="img-fluid rounded shadow" alt="A freelance" width="150">
	</div>
	
	
		<div data-aos-delay="300" data-aos="fade-up" data-offset="300" class="col mb-3 mx-auto mt-5">
				<h2 class="fs-1 position-absolute top-50 translate-middle start-50 p-4 rounded mt-3 text--primary text-center">Montrez-nous vos projets les plus grands</h2>
			</div>
	</div>


    <div class="container-fluid p-max-sm-0">    	

        <div class="sections-wrapper d-flex flex-wrap justify-content-center">
            <article class="main-section">
                <div class="section-inner">
                    <div class="item-section">
                        <div class="container align-items-center">

						
						
						
						
						
						<img src= "https://job-lance.com/assets/images/freelance-4.jpg" alt="Service Image" class="mt-5 mb-1 img-fluid rounded-circle rounded-5 floating-bulle1 border--primary" width="250">

                            <div class="bg-light item-top-area d-flex flex-wrap justify-content-between align-items-center">
                                <div class="bg-light d-flex flex-wrap justify-content-between align-items-center rounded">
                                    <div class="bg-light item-wrapper-left d-flex flex-wrap align-items-center rounded">
                                    
										<div class="row mt-3 mb-3">
										
																				
											<h3 class="mb-5 mt-5 fs-1 text-center text--primary">
												Comment ça fonctionne?
											</h3>
											
											<div class="accordion" id="accordionExample">
												<div class="accordion-item">
												  <h2 class="accordion-header" id="headingOne">
												    <button class="accordion-button collapsed bg--primary text-white border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
												      <strong>Je recherche un free-lance. Un professionnel sur cette plateforme correspond sûrement à mon projet.</strong>
												    </button>
												  </h2>
												  <div id="collapseOne" class="accordion-collapse collapse border-0" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
												    <div class="accordion-body">
												      
												      <ul class="list-group">
														  <li class="list-group-item border border-0 bg-light text--primary">1 • Publiez votre projet gratuitement</li>
														  <li class="list-group-item border border-0 bg-light text--primary">2 • Recevez des offres de travail</li>
														  <li class="list-group-item border border-0 bg-light text--primary">3 • Choisissez votre freelance</li>
														  <li class="list-group-item border border-0 bg-light text--primary">4 • Echangez par rapport à vos préférences</li>
														  <li class="list-group-item border border-0 bg-light text--primary">5 • Payez le freelance et recevez votre prestation. Vous êtes satisfait.</li>
														</ul>	
														<a class="btn btn--base active rounded text-center mx-auto mt-5 mb-3" href="https://job-lance.com/register">Démarrer</a>
												    </div>
												  </div>
												</div>
																								
											</div>
											
																						
											<div class="row mt-5 mb-5 mx-auto">	
												<div class="col-md-6">
													<img src= "https://job-lance.com/assets/images/testez-job-lance.png" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
												</div>
												
												<div class="col-md-6">
													<img src= "https://job-lance.com/assets/images/freelance-2.png" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
												</div>
												
												<div class="col-md-6">
													<img src= "https://job-lance.com/assets/images/freelance-1.png" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
												</div>
												<div class="col-md-6">
													<img src= "https://job-lance.com/assets/images/testons-job-lance.png" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
												</div>
											</div>
											
																					
											<p class="mt-5 mb-5 p-5" style="text-align:justify">
												La recherche de free-lance est une tâche fastidieuse que Job-Lance vous épargne. Vous déposez simplement votre projet en quelques clics et des professionnels vous envoient leurs tarifs. Grâce à Job-Lance, vous pouvez attribuer votre temps à ce qui vous fait gagner de l'argent ou plus humainement, à vos proches. Notre philosophie est de vous accompagner dans cette tâche ingrate qu'est la recherche de pro. Nous les rassemblons au même endroit, juste pour vous..
											</p>
												
											<div class="border-0 card text-bg-dark bg--primary pt-2 shadow-lg">
																						<div class="container text-center">
												<div class="mt-2 mb-2 row justify-content-around">
													<div class="col">
															<img data-aos="fade-right" data-aos-duration="1000" src= "https://job-lance.com/assets/images/free-lance-1.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
															<img data-aos="fade-right" data-aos-duration="2000" src= "https://job-lance.com/assets/images/free-lance-2.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
													</div>
													<div class="col d-sm-none d-none d-lg-block d-xl-block">
															<img data-aos="fade-right" data-aos-duration="3000" src= "https://job-lance.com/assets/images/free-lance-3.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
															<img data-aos="fade-left" data-aos-duration="3000" src= "https://job-lance.com/assets/images/free-lance-4.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
													</div>
													<div class="col d-sm-none d-none d-xl-block">
															<img data-aos="fade-left" data-aos-duration="2000" src= "https://job-lance.com/assets/images/free-lance-5.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
															<img data-aos="fade-left" data-aos-duration="1000" src= "https://job-lance.com/assets/images/free-lance-6.png" alt="Service Image" class="mb-1 img-fluid rounded-circle" width="120">
													</div>
												</div>
											</div>
											
											  <div class="card-img-overlay">
											  <div class="container text-center">
																						  </div>
																						  </div>
											</div>


											<h2 data-aos="fade-right" data-offset="300" id="prices" class="mt-5 mb-5 text-center fs-1 text--primary" >
												Les free-lances sont à portée de clics:
											</h2>

																						
										
										</div>
                                        
                                        <div class="row row-cols mb-3 mx-auto text-center">

											<div data-aos="fade-right" data-aos-offset="300" data-aos-duration="1000" class="col">
											<div class="card mb-4 rounded-3 shadow-sm">
												<div class="card-header py-3">
												<h4 class="my-0 fw-normal">Gratuit</h4>
												</div>
												<div class="card-body">
												<h2 class="card-title pricing-card-title text--primary">Je dépose mon projet<small class="text-muted fw-light"></small></h2>
												<ul class="list-unstyled mt-3 mb-4">
													<li>Simple & Rapide</li>
													<li>Messagerie directe</li>
													<li>Support Technique</li>
												</ul>
												<button type="button" class="w-100 btn btn-lg btn--base rounded"><a href="https://job-lance.com/register">Recevoir des devis</a></button>
												</div>
											</div>
											</div>
										</div>
										
										                                	
                               			<div class="row mt-5 mb-5 p-2">
                               															<div class="col-lg-3">
												<img src= "https://job-lance.com/assets/images/avis/avis-job-lance-christelle.jpeg" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
											</div>
											
											<div class="col-lg-3">
												<img src= "https://job-lance.com/assets/images/avis/avis-job-lance-louis.jpeg" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
											</div>
											
											<div class="col-lg-3">
												<img src= "https://job-lance.com/assets/images/avis/avis-job-lance-sammi.jpeg" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
											</div>
											<div class="col-lg-3">
												<img src= "https://job-lance.com/assets/images/avis/avis-job-lance-noemie.jpeg" alt="Service Image" class="mt-1 mb-1 img-fluid rounded">
											</div>
										</div>
										
										<div class="row mt-5 mb-5 p-2 mx-auto">
										<div class="col mb-5">
											<div data-aos-delay="300" data-offset="300" data-aos="fade-up" data-aos-duration="1000" class="card text-center px-2 bg-light border-0">
												<h3 class="mb-5 mt-5 fs-1 text--primary">Qui sont les créateurs de Job-Lance ?</h3>
												<div class="bg--warning card mt-5 mb-3 mx-auto" style="max-width: 1080px;">
													<div class="row g-0">
														<div class="col-12 m-1">
															<div class="row align-items-center">
																<div class="col-3 mx-auto col-md-2">
																	<img src="https://job-lance.com/assets/images/Florent-3.png" class="img-fluid rounded-circle" alt="Florent">
																</div>
																<div class="col-md-8">
																	<div class="card-body">
																		<h4 class="card-title text-light">Florent</h4>
																		<p class="card-text"><small class="text-muted">Directeur Exécutif</small></p>
																		<p style="text-align:justify" class="card-text">34 ans et déjà plein d'ambitions. 2 ans dans le copywriting et directeur de sa propre agence dans le domaine sportif. Florent veut le meilleur pour ses clients et met tout en œuvre pour leur apporter satisfaction. Il s'associe à Bruno et ils forment un duo au top pour Job-lance afin de proposer aux Free-lances, la meilleure expérience pour trouver des missions.</p>
																	
																	</div>
																</div>
															</div>
														</div>
														<div class="col-12 m-1">
															<div class="row align-items-center">
																<div class="col-3 mx-auto col-md-2">
																	<img src="https://job-lance.com/assets/images/bruno-3.png" class="img-fluid rounded-circle" alt="Bruno">
																</div>
																<div class="col-md-8">
																	<div class="card-body">
																		<h4 class="card-title text-light">Bruno</h4>
																		<p class="card-text"><small class="text-muted">Directeur Web</small></p>
																		<p style="text-align:justify" class="card-text">40 ans à peine, autant dire que ce n'est que le début de la vie. 20 ans d'expertise dans le commerce physique et digital. 30 ans d'expérience (et oui, à partir de 10 ans) dans le domaine du web et du marketing digital. Bruno apporte toutes ses compétences à votre service afin de vous proposer une expérience utilisateur hors du commun, sans prise de tête et de manière honnête. Il a fondé en 2022, sa première société en tant que concepteur, créateur et copywriter pour le web. Il étend avec Job-Lance, ses compétences et participe à la vie de la plateforme.</p>
																	
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>	
											</div>
										</div>
									</div>
										
																				  
                            		</div>
                            		                            		
                            		                           		
                            											<div class="item-bottom-area mt-5 bg-light pb-5 pt-5 rounded">
										<div class="row justify-content-center mb-30-none">
											<div class="col-xl-9 col-lg-9 mb-30">
												<div class="item-card-wrapper list-view">
												
													<h2 data-aos="slide-right" data-offset="500" data-aos-duration="1000" class="mt-5 mb-5 w-100 text-center fs-1 text--primary">Mises en Avant</h2>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/64372a0020f5f1681336832.png" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                              				<img src="https://job-lance.com/assets/images/user/profile/63ff2725582f21677666085.PNG" alt="BueBe">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>BueBe</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€500.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>Site web vitrine</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="13"><i class="fas fa-heart"></i> <span class="give-love-amount">1</span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/6450fdf6ca9861683029494.jpg" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                                        	<img src="https://job-lance.com/assets/images/jl.png" alt="SERVICOM">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>SERVICOM</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€100.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>Assistante administrative</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="21"><i class="fas fa-heart"></i> <span class="give-love-amount"></span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/641f4ef4791661679773428.png" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                              				<img src="https://job-lance.com/assets/images/user/profile/642149fda9bab1679903229.png" alt="Kmdigitassist">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>Kmdigitassist</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€300.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>Création et gestion de contenus</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="16"><i class="fas fa-heart"></i> <span class="give-love-amount"></span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/643729d663fea1681336790.png" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                              				<img src="https://job-lance.com/assets/images/user/profile/63ff2725582f21677666085.PNG" alt="BueBe">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>BueBe</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€700.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>Page de vente</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="12"><i class="fas fa-heart"></i> <span class="give-love-amount">2</span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/64372e60ba1cb1681337952.png" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                              				<img src="https://job-lance.com/assets/images/user/profile/63ff2725582f21677666085.PNG" alt="BueBe">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>BueBe</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€1,500.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>Tunnel de vente</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="11"><i class="fas fa-heart"></i> <span class="give-love-amount">2</span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																											<div class="item-card">
															<div class="item-card-thumb">
																<img src="https://job-lance.com/assets/images/service/6450fcfab326d1683029242.jpg" alt="Service Image">
																																	<div class="item-level">En Vedette</div>
																															</div>
															<div class="item-card-content">
																<div class="item-card-content-top">
																	<div class="left">
																		<div class="author-thumb">
																						                                                        	<img src="https://job-lance.com/assets/images/jl.png" alt="SERVICOM">
				                                                        																		</div>
																		<div class="author-content">
																			<h5 class="name">
																																								<span>SERVICOM</span>
																																								<span class="level-text"> </span>

																			</h5>
																			<div class="ratings">
																				<i class="fas fa-star"></i>
																				<span class="rating me-2">0</span>
																			</div>
																		</div>
																	</div>
																	<div class="right">
																		<div class="item-amount">€200.00</div>
																	</div>
																</div>
																<h3 class="item-card-title">
																																		<span>création graphique</span>
																																	
																</h3>
															</div>
															<div class="item-card-footer">
																<div class="left">
																	<a href="javascript:void(0)" class="item-love me-2 loveHeartAction" data-serviceid="20"><i class="fas fa-heart"></i> <span class="give-love-amount"></span></a>
																	<a href="javascript:void(0)" class="item-like"><i class="las la-thumbs-up"></i> </a>
																</div>
																<div class="right">
																	<div class="order-btn">
																																				<a href="https://job-lance.com/user/seller/abonnement" class="btn--base"><i class="las la-shopping-cart"></i>Réserver (Pro seulement)</a>
																																			</div>
																</div>
															</div>
														</div>
																								
												</div>
											</div>
										</div>
									</div>
																		
									
								</div>
							</div>
						
						</div>
					</div>
					
				</div>
			</article>
        </div>
    </div>
</section>

<section>
	<div class="row">
		<div class="col">
			<h2 class="pt-60 text-center fs-1 text--primary">Vous Êtes Fantastique</h2>
			<h2 class="pt-60 text-center fs-1 text--primary">•••</h2>
			<h2 class="pt-60 text-center fs-3 text--primary">Vous êtes un free-lance ?
				</br>
				<button type="button" class="shadow-lg mt-5 mx-auto btn btn-lg btn--base rounded"><a href="https://job-lance.com/register">C'est par ici</a></button>
			</h2>
		</div>
	</div>
</section>
<div class="add-section ptb-60">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12 text-center">
                <div class="add-thumb">
                                    </div>
            </div>
        </div>
    </div>
</div><section class="footer-section section--bg pt-60">
    <div class="container-fluid">
        <div class="footer-wrapper">
            <div class="footer-toggle"><span class="right-icon"></span><span class="title">Liens Rapides </span></div>
            <div class="footer-bottom-area">
                <div class="row mb-30-none">
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-30">
                        <div class="footer-widget">
                            <h3 class="title">A Propos De Nous</h3>
                            <p style="text-align:justify">Job-Lance est classé en sous-catégories qui contiennent de nombreux services impressionnants ! Voici toutes les catégories : graphiques, création de liens, réseaux sociaux, rédaction d&#039;articles et bien plus encore qui peuvent vous offrir une meilleure expérience sur le marché du référencement.</p>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6 mb-30">
                        <div class="footer-widget">
                            <h3 class="title">Nos Infos</h3>
                            <ul class="footer-links">
                                <li><a href="https://job-lance.com/login">Se Connecter</a></li>
                                <li><a href="https://job-lance.com/register">Rejoignez-nous</a></li>
                                <li><a href="https://job-lance.com/contact">Contactez-nous</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6 mb-30">
                        <div class="footer-widget">


                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6 mb-30">
                        <div class="footer-widget">
                            <h3 class="title">Raccourcis</h3>
                            <ul class="footer-links">
                                <li><a href="https://job-lance.com/blog">Blog</a></li>
                                                                    <li>
                                        <a href="https://job-lance.com/creer-par-myziggi-communication/73">Créer par Myziggi Communication</a>
                                    </li>
                                                                    <li>
                                        <a href="https://job-lance.com/terms-and-service/52">Termes et Services</a>
                                    </li>
                                                                    <li>
                                        <a href="https://job-lance.com/privacy/51">Vie Privée</a>
                                    </li>
                                                                    <li>
                                        <a href="https://job-lance.com/cookie-policy/50">Les Cookies</a>
                                    </li>
                                                                    <li>
                                        <a href="https://job-lance.com/web-use-policy/49">Vos Données</a>
                                    </li>
                                                                    <li>
                                        <a href="https://job-lance.com/careers-with-us/48">Faites Carrière Avec Nous</a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 mb-30">
                        <div class="footer-widget">
                            <h3 class="title">Les Nouveautés</h3>
                            <p>Abonnez-vous à notre site et recevez les dernières mises à jour et notifications</p>
                            <form class="subscribe-form">
                                <input type="email" name="email" id="emailSub" placeholder="Adresse Email..">
                                <button type="button" class="subscribe-btn"><i class="fas fa-paper-plane"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright-area d-flex flex-wrap justify-content-between align-items-center">
                
                <div class="copyright">
                    <p>Copyright © 2024 Tous Droits Réservés</p>
                </div>
               
                    <div class="copyright">
                        <h6 class="text-white">Paiement Sécurisé</h6>
                        <img src= "https://job-lance.com/assets/images/CB.jpg" alt="Service Image" class="img-fluid" width="80">
                        <img src= "https://job-lance.com/assets/images/Stripe-logo.png" alt="Service Image" class="img-fluid" width="50">
                    </div>
              
                <div class="social-area">
                    <ul class="footer-social">
                                                    <li>
                                <a href="https://www.facebook.com/JobForFreeLance" target="__blank"><i class="lab la-facebook-f"></i></a>
                            </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
</section>





<script src="https://job-lance.com/assets/templates/basic/frontend/js/jquery-3.5.1.min.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/bootstrap.bundle.min.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/swiper-bundle.min.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/jquery-ui.min.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/chosen.jquery.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/wow.min.js"></script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/main.js"></script>

<script src="https://job-lance.com/assets/templates/basic/frontend/js/aos.js"></script>
<script>
  AOS.init();
</script>
<script src="https://job-lance.com/assets/templates/basic/frontend/js/countUp/dist/countUp.js"></script>

    <script>
        'use strict';
        $('#defaultSearch').on('change', function(){
            this.form.submit();
        });
    </script>
	<script>
		var countUp = new CountUp("counter", 384,{
			// start value
			startVal: 0,
			// number of decimal places
			decimalPlaces: 0,
			// duration in seconds
			duration: 5,
			// smooth easing for large numbers above this if useEasing
			smartEasingThreshold: 99,
			// amount to be eased for numbers above threshold
			smartEasingAmount: 33,
		
			// toggle easing
			useEasing : true, 
			// 1,000,000 vs 1000000
			useGrouping : true, 
			// 1,00,000 vs 100,000
			useIndianSeparators: false,
			// character to use as a separator
			separator : ',', 
			// character to use as a decimal
			decimal : '.', 
			// optional custom easing closure function, default is Robert Penner's easeOutExpo
			easingFn: null, 
			// optional custom formatting function, default is self.formatNumber below
			formattingFn: null,
			// optional text before the result
			prefix: '', 
			// optional text after the result
			suffix: '', 
			// optionally pass an array of custom numerals for 0-9
			numerals: [],
			// enable scroll spy
			enableScrollSpy: true,
			// delay in ms
			scrollSpyDelay: 200,
			// run only once
			scrollSpyOnce: true,
			// callback
			onCompleteCallback: function(){},
			
		});
		var countUp2 = new CountUp("counter2", 17,{
			// start value
			startVal: 0,
			// number of decimal places
			decimalPlaces: 0,
			// duration in seconds
			duration: 4,
			// smooth easing for large numbers above this if useEasing
			smartEasingThreshold: 9,
			// amount to be eased for numbers above threshold
			smartEasingAmount: 3,
		
			// toggle easing
			useEasing : true, 
			// 1,000,000 vs 1000000
			useGrouping : true, 
			// 1,00,000 vs 100,000
			useIndianSeparators: false,
			// character to use as a separator
			separator : ',', 
			// character to use as a decimal
			decimal : '.', 
			// optional custom easing closure function, default is Robert Penner's easeOutExpo
			easingFn: null, 
			// optional custom formatting function, default is self.formatNumber below
			formattingFn: null,
			// optional text before the result
			prefix: '', 
			// optional text after the result
			suffix: '', 
			// optionally pass an array of custom numerals for 0-9
			numerals: [],
			// enable scroll spy
			enableScrollSpy: true,
			// delay in ms
			scrollSpyDelay: 200,
			// run only once
			scrollSpyOnce: true,
			// callback
			onCompleteCallback: function(){},
			
		});
		var countUp3 = new CountUp("counter3", 19573,{
			// start value
			startVal: 0,
			// number of decimal places
			decimalPlaces: 0,
			// duration in seconds
			duration: 6,
			// smooth easing for large numbers above this if useEasing
			smartEasingThreshold: 9999,
			// amount to be eased for numbers above threshold
			smartEasingAmount: 3333,
		
			// toggle easing
			useEasing : true, 
			// 1,000,000 vs 1000000
			useGrouping : true, 
			// 1,00,000 vs 100,000
			useIndianSeparators: false,
			// character to use as a separator
			separator : ',', 
			// character to use as a decimal
			decimal : '.', 
			// optional custom easing closure function, default is Robert Penner's easeOutExpo
			easingFn: null, 
			// optional custom formatting function, default is self.formatNumber below
			formattingFn: null,
			// optional text before the result
			prefix: '', 
			// optional text after the result
			suffix: '', 
			// optionally pass an array of custom numerals for 0-9
			numerals: [],
			// enable scroll spy
			enableScrollSpy: true,
			// delay in ms
			scrollSpyDelay: 200,
			// run only once
			scrollSpyOnce: true,
			// callback
			onCompleteCallback: function(){},
			
		});
		var countUp4 = new CountUp("counter4", 175,{
			// start value
			startVal: 0,
			// number of decimal places
			decimalPlaces: 0,
			// duration in seconds
			duration: 5,
			// smooth easing for large numbers above this if useEasing
			smartEasingThreshold: 99,
			// amount to be eased for numbers above threshold
			smartEasingAmount: 33,
		
			// toggle easing
			useEasing : true, 
			// 1,000,000 vs 1000000
			useGrouping : true, 
			// 1,00,000 vs 100,000
			useIndianSeparators: false,
			// character to use as a separator
			separator : ',', 
			// character to use as a decimal
			decimal : '.', 
			// optional custom easing closure function, default is Robert Penner's easeOutExpo
			easingFn: null, 
			// optional custom formatting function, default is self.formatNumber below
			formattingFn: null,
			// optional text before the result
			prefix: '', 
			// optional text after the result
			suffix: '', 
			// optionally pass an array of custom numerals for 0-9
			numerals: [],
			// enable scroll spy
			enableScrollSpy: true,
			// delay in ms
			scrollSpyDelay: 200,
			// run only once
			scrollSpyOnce: true,
			// callback
			onCompleteCallback: function(){},
			
		});
		if (!countUp.error) {
			countUp.start();
			} else {
			console.error(countUp.error);
			}
		if (!countUp2.error) {
		countUp2.start();
		} else {
		console.error(countUp2.error);
		}
		if (!countUp3.error) {
		countUp3.start();
		} else {
		console.error(countUp3.error);
		}
		if (!countUp4.error) {
		countUp4.start();
		} else {
		console.error(countUp4.error);
		}
	</script>
<script>
    'use strict';
    $(document).on('click','.subscribe-btn' , function(){
        var email = $("#emailSub").val();
        if(email){
            $.ajax({
                headers: {"X-CSRF-TOKEN": "a9rvryUYyziJTu5qVBDLKoWvVo9RFQCyvJiuE6m7",},
                url:"https://job-lance.com/subscribe",
                method:"POST",
                data:{email:email},
                success:function(response)
                {
                    if(response.success) {
                        notify('success', response.success);
                    }else{
                        $.each(response, function (i, val) {
                            notify('error', val);
                        });
                    }
                }
            });
        }
        else{
            notify('error', "Please Input Your Email");
        }
    });
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=pDfL4pbbRbmbzrb7UM_Crw"></script>
                <script>
                  window.dataLayer = window.dataLayer || [];
                  function gtag(){dataLayer.push(arguments);}
                  gtag("js", new Date());
                
                  gtag("config", "pDfL4pbbRbmbzrb7UM_Crw");
                </script><link rel="stylesheet" href="https://job-lance.com/assets/global/css/iziToast.min.css">
<script src="https://job-lance.com/assets/global/js/iziToast.min.js"></script>

<script>
    "use strict";
    function notify(status,message) {
        iziToast[status]({
            message: message,
            position: "topRight"
        });
    }
</script>
<script>
    (function ($) {
        "use strict";
        $(".langSel").on("change", function() {
            window.location.href = "https://job-lance.com/change/"+$(this).val() ;
        });

        $(document).on("click", ".loveHeartAction", function(){
            let id = $(this).data('serviceid');
            $.ajax({
                headers: {"X-CSRF-TOKEN": "a9rvryUYyziJTu5qVBDLKoWvVo9RFQCyvJiuE6m7",},
                url:"https://job-lance.com/user/seller/favorite/service",
                method:"POST",
                dataType: "json",
                data:{id:id},
                success:function(response)
                {
                    if(response.success) {
                        notify('success', response.success);
                    }
                    else{
                        $.each(response, function (i, val) {
                            notify('error', val);
                        });
                    }
                }
            });
        });


        $(document).on("click", ".loveHeartActionSoftware", function(){
            let id = $(this).data('softwareid');
            $.ajax({
                headers: {"X-CSRF-TOKEN": "a9rvryUYyziJTu5qVBDLKoWvVo9RFQCyvJiuE6m7",},
                url:"https://job-lance.com/user/seller/favorite/software",
                method:"POST",
                dataType: "json",
                data:{id:id},
                success:function(response)
                {
                    if(response.success) {
                        notify('success', response.success);
                    }else{
                        $.each(response, function (i, val) {
                            notify('error', val);
                        });
                    }
                }
            });
        });
    })(jQuery);
</script>

</body>
</html>