@@ -1,75 +1,62 @@
<!-- Accueil Photo Haut Section -->
<div class="gradient-overlay-half-dark-v3 bg-img-hero"
style="background-image: url( {{ asset ( urlImage ) }} ); background-size:cover;" >
<!-- Main Content -- >
<div class="d-lg-flex align-items-lg-center height-100vh--lg ">
<div class="container space-2 space-0--lg mt-lg-8 ">
<div class="row justify-content-lg-between align-items-lg-center ">
<div class="col-lg-5 mb-7 mb-lg-0" >
<!-- Title -- >
<h1 class="display-4 font-size-48--md-down mb-0 h1" style="color:#25D89A">Adoptez le recrutement vidéo <span
class="text-white">pour enfin trouver les talents que vous attendiez</span></h1 >
<p class="d-block text-white text-uppercase mb-2"> {{ textVideo }} </p >
<!-- End Title -- >
</div >
<div class="col-lg-5 ">
<!-- Signup Form -- >
<div class="bg-white shadow-sm rounded p-6 ">
<form class="js-validate" id="formDemandeDiag1" >
<div class="" >
<p class="h4 text-center" >Faites le point sur <br> vos enjeux de recrutement</p >
<p class="text-center">Diagnostic gratuit de 15 minutes</p >
<!--<p>Faites le point sur vos enjeux de recrutement, identifier ce que Talents Tube peut résoudre et prendre connaissance de l’ offre la plus appropriée pour votre entreprise.</p> -->
<div class="gradient-overlay-half-dark-v3 bg-img-hero" style="background-image: url( {{ asset ( urlImage ) }} ); background-size:cover;">
<!-- Main Content -- >
<div class="d-lg-flex align-items-lg-center height-100vh--lg" >
<div class="container space-2 space-0--lg mt-lg-8 ">
<div class="row justify-content-lg-between align-items-lg-center ">
<div class="col-lg-5 mb-7 mb-lg-0 ">
<!-- Title -- >
<h1 class="display-4 font-size-48--md-down mb-0 h1" style="color:#25D89A">Adoptez le recrutement vidéo <span class="text-white">pour enfin trouver les talents que vous attendiez</span></h1 >
<p class="d-block text-white text-uppercase mb-2"> {{ textVideo }} </p >
<!-- End Title -->
</div >
<div class="col-lg-5" >
<!-- Signup Form -- >
<div class="bg-white shadow-sm rounded p-6 ">
<form class="js-validate" id="formDemandeDiag1" >
<div class="">
<p class="h4 text-center">Faites le point sur <br>vos enjeux de recrutement</p >
<p class="text-center">Diagnostic gratuit de 15 minutes</p >
<!-- <p>Faites le point sur vos enjeux de recrutement, identifier ce que Talents Tube peut résoudre et prendre connaissance de l’ offre la plus appropriée pour votre entreprise.</p>-- >
</div >
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="nomPrenomForm1" id="nomPrenomForm1" required placeholder="Nom Prénom" aria-label="name">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="nomEntrepriseForm1" id="nomEntrepriseForm1" required placeholder="Nom de l'entreprise" aria-label="entreprise">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="email" class="form-control form__input" name="emailForm1" id="emailForm1" required placeholder="E-mail" aria-label="email">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="telForm1" id="telForm1" placeholder="Numéro de téléphone" aria-label="phone">
</div>
</div>
<p class="text-primary" id="messageValideDemandeDiag1"></p>
<!-- End Input -->
<a href="#" onClick="demanderDiag('formDemandeDiag1')" class="btn btn-sm btn-primary btn-wide center">Demander mon diagnostic</a>
</form>
</div>
<!-- Input -->
<div class="js-form-message mb-3" >
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="nomPrenomForm1" id="nomPrenomForm1" required
placeholder="Nom Prénom" aria-label="name">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="nomEntrepriseForm1" id="nomEntrepriseForm1"
required placeholder="Nom de l'entreprise" aria-label="entreprise">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="email" class="form-control form__input" name="emailForm1" id="emailForm1" required
placeholder="E-mail" aria-label="email">
</div>
</div>
<!-- End Input -->
<!-- Input -->
<div class="js-form-message mb-3">
<div class="js-focus-state input-group input-group form">
<input type="text" class="form-control form__input" name="telForm1" id="telForm1"
placeholder="Numéro de téléphone" aria-label="phone">
</div>
</div>
<p class="text-primary" id="messageValideDemandeDiag1"></p>
<!-- End Input -->
<a href="#" onClick="demanderDiag('formDemandeDiag1')"
class="btn btn-sm btn-primary btn-wide center">Demander mon diagnostic</a>
</form>
<!-- End Signup Form -->
</div >
</div>
<!-- End Signup Form -->
</div>
</div>
<div class="text-center p-2">
<div class="js-go-to u-icon u-icon--light u-icon--md rounded-circle" style="display: inline-block;">
<i class="fa fa-angle-down u-icon__inner text-primary font-size-18"></i>
</div>
</div>
</div>
</div>
</div>