templates/accueil/index.html.twig line 1

Open in your IDE?
  1. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>MatchnHire</title>
  7.     <!-- favicons Icons -->
  8.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/favicon.png') }}">
  9.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon.png') }}">
  10.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon.png') }}">
  11.     <meta name="Matchnhire" content="">
  12.     <link rel="manifest" href="{{ asset('assets/images/favicons/site.webmanifest') }}">
  13.     <!-- fonts -->
  14.     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&amp;display=swap"
  15.           rel="stylesheet">
  16.     <!-- template styles -->
  17.     <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
  18.     <link rel="stylesheet" href="{{ asset('css/animate.min.css') }}">
  19.     <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  20.     <link rel="stylesheet" href="{{ asset('css/carousel.min.css') }}">
  21.     <link rel="stylesheet" href="{{ asset('css/default.min.css') }}">
  22.     <link rel="stylesheet" href="{{ asset('css/hire.css') }}">
  23. </head>
  25. <body class="custom-cursor" id="walid">
  26. <div class="custom-cursor__cursor"></div>
  27. <div class="custom-cursor__cursor-two"></div>
  31. <div id="loading" class="lds-ellipsis">
  32.     <div></div>
  33.     <div></div>
  34.     <div></div>
  35.     <div></div>
  36. </div>
  37. <div id="content-wrapper">
  40.     <div class="page-wrapper">
  41.         <div class="topbar-one">
  42.             <div class="container-fluid">
  43.                 <div class="topbar-one__inner">
  44.                     <ul class="list-unstyled topbar-one__info">
  45.                         <li class="topbar-one__info__item">
  46.                             <i class="fas fa-envelope" aria-hidden="true"></i>
  47.                             <a href="mailto:commercial@matchnhire.com">commercial@matchnhire.com</a>
  48.                         </li>
  49.                         <li class="topbar-one__info__item">
  50.                             <i class="fa fa-map-marker" aria-hidden="true"></i>
  51.                             <a href="tel:+216 71 96 34 53">Immeuble Néo, 2ème étage, Rue du Lac Lochnes, 1053, Les
  52.                                 Berges du Lac, Tunis, Tunisie</a>
  53.                         </li>
  54.                     </ul><!-- /.list-unstyled topbar-one__info -->
  55.                     <div class="topbar-one__right">
  56.                         <!-- <div class="topbar-one__nav">
  57.                         <ul>
  58.                             <li>
  59.                                 <a href="#">Nos Objectifs</a>
  60.                             </li>
  61.                             <li>
  62.                                 <a href="#">Contact</a>
  63.                             </li>
  64.                         </ul>
  65.                     </div> -->
  66.                         <div class="topbar-one__social">
  67.                             <a href="https://tn.linkedin.com/company/abshore">
  68.                                 <i class="fab fa-linkedin" aria-hidden="true"></i>
  69.                                 <span class="sr-only">linkedin</span>
  70.                             </a>
  72.                             <a href="https://www.facebook.com/ABSHORE?mibextid=ZbWKwL">
  73.                                 <i class="fab fa-facebook" aria-hidden="true"></i>
  74.                                 <span class="sr-only">Facebook</span>
  75.                             </a>
  77.                         </div><!-- /.topbar-one__social -->
  78.                     </div><!-- /.topbar-one__right -->
  79.                 </div><!-- /.topbar-one__inner -->
  80.             </div>
  81.         </div>
  83.         <header class="main-header sticky-header sticky-header--normal">
  84.             <div class="main-header__inner" style="width: 103% !important;">
  85.                 <div class="main-header__logo">
  86.                     <a href="#">
  87.                         <img src="img/final.png" alt="MatchnHire" width="125">
  88.                     </a>
  89.                 </div><!-- /.main-header__logo -->
  90.                 <a href="#" class="search-toggler main-header__search d-none">
  91.                     <i class="icon-magnifying-glass" aria-hidden="true"></i>
  92.                     <span class="sr-only">Search</span>
  93.                 </a><!-- /.search-toggler -->
  94.                 <div class="main-header__menu">
  95.                     <nav class="main-header__nav main-menu">
  96.                         <ul class="main-menu__list">
  97.                             <li class="dropdown current">
  98.                                 <a href="#Accueil">Accueil</a>
  99.                                 <!-- <ul>
  100.                                 <li><a href="/">Home One</a></li>
  101.                                 <li><a href="index-2.html">Home Two</a></li>
  102.                                 <li><a href="index-3.html">Home Three</a></li>
  103.                                 <li class="dropdown">
  104.                                     <a href="#">Header Styles</a>
  105.                                     <ul>
  106.                                         <li><a href="/">Header One</a></li>
  107.                                         <li><a href="index-2.html">Header Two</a></li>
  108.                                         <li><a href="index-3.html">Header Three</a></li>
  109.                                     </ul>
  110.                                 </li>
  111.                             </ul> -->
  112.                             </li>
  113.                             <li class="dropdown">
  114.                                 <a href="#propos">Qui Sommes-nous </a>
  115.                             </li>
  116.                             <li>
  117.                                 <a href="#objetifs">Nos Enjeux</a>
  118.                             </li>
  120.                             <li class="dropdown">
  121.                                 <a href="#process">Notre Solution</a>
  122.                             </li>
  123.                             <li class="dropdown">
  124.                                 <a href="#news">Nos actualités</a>
  125.                             </li>
  126.                             <li>
  127.                                 <a href="#contact">Contact</a>
  128.                             </li>
  129.                             <li>
  130.                                 <a href="{{ path('login_email') }}">Portail Candidat</a>
  131.                             </li>
  132.                         </ul>
  133.                     </nav><!-- /.main-header__nav -->
  134.                     <div class="main-header__call">
  135.                         <a class="matchnhire-btn matchnhire-btn--base" href="" onclick="Calendly.initPopupWidget({url: 'https://meetings.hubspot.com/matchnhire?embed=true'});return false;">Réserver un démo</a>
  136.                     </div>
  138.                 </div>
  139.                 <div class="main-header__link">
  140.                     <a class="main-header__btn" href="https://app.matchnhire.com/">Login
  141.                     </a>
  142.                 </div>
  144.                 <div class="mobile-nav__btn mobile-nav__toggler">
  145.                     <span></span>
  146.                     <span></span>
  147.                     <span></span>
  148.                 </div><!-- /.mobile-nav__toggler -->
  149.             </div>
  150.         </header>
  151.         <!-- main-slider-start -->
  152.         <section class="main-slider-one" id="Accueil">
  153.             <div class="main-slider-one__carousel matchnhire-owl__carousel owl-carousel owl-loaded owl-drag"
  154.                  data-owl-options="{ &quot;loop&quot;: true, &quot;animateOut&quot;: &quot;slideOutDown&quot;,     &quot;animateIn&quot;: &quot;fadeIn&quot;, &quot;items&quot;: 1,
  155.         &quot;autoplay&quot;: true, &quot;autoplayTimeout&quot;: 9000, &quot;smartSpeed&quot;: 1000,     &quot;nav&quot;: true,     &quot;dots&quot;: true,  &quot;dotsData&quot;: true, &quot;margin&quot;: 0  }">
  157.                 <div class="owl-stage-outer">
  158.                     <div class="owl-stage"
  159.                          style="transform: translate3d(-3806px, 0px, 0px); transition: all 0s ease 0s; width: 13321px;">
  160.                         <div class="owl-item cloned" style="width: 1903px;">
  161.                             <div class="item" data-dot="<button>2/</button>">
  162.                                 <div class="main-slider-one__item">
  163.                                     <div class="main-slider-one__bg"
  164.                                          style="background-image: url(https://images.pexels.com/photos/590016/pexels-photo-590016.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);">
  165.                                     </div>
  166.                                     <div class="main-slider-one__overlay"></div>
  167.                                     <div class="main-slider-one__shape"
  168.                                          style="background-image: url(img/slider-1-shape-1.png);">
  169.                                     </div>
  170.                                     <div class="container">
  171.                                         <div class="row">
  172.                                             <div class="col-md-12">
  173.                                                 <div class="main-slider-one__content">
  174.                                                     <div class="main-slider-one__image"><img
  175.                                                                 src="img/slider-1-shape-2.png" alt="matchnhire">
  176.                                                     </div><!-- slider-layer -->
  177.                                                     <h2 class="main-slider-one__title">Notre<br> Agent<br>
  178.                                                         IA</h2><!-- slider-title -->
  179.                                                     <div class="main-slider-one__btn">
  180.                                                         <a href="https://app.matchnhire.com/"
  181.                                                            class="matchnhire-btn"><span>Découvrir
  182.                                                                     plus</span></a><!-- slider-btn -->
  183.                                                     </div>
  184.                                                 </div>
  185.                                             </div>
  186.                                         </div>
  187.                                     </div>
  188.                                 </div>
  189.                             </div>
  190.                         </div>
  192.                         <div class="owl-item active" style="width: 1903px;">
  193.                             <div class="item" data-dot="<button>1/</button>">
  194.                                 <div class="main-slider-one__item">
  195.                                     <div class="main-slider-one__bg"
  196.                                          style="background-image: url(https://images.pexels.com/photos/5439137/pexels-photo-5439137.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);">
  197.                                     </div>
  198.                                     <div class="main-slider-one__overlay"></div>
  199.                                     <div class="main-slider-one__shape"
  200.                                          style="background-image: url(img//slider-1-shape-1.png);">
  201.                                     </div>
  202.                                     <div class="container">
  203.                                         <div class="row">
  204.                                             <div class="col-md-12">
  205.                                                 <div class="main-slider-one__content">
  206.                                                     <div class="main-slider-one__image"><img
  207.                                                                 src="img/slider-1-shape-2.png" alt="matchnhire"></div>
  208.                                                     <!-- slider-layer -->
  209.                                                     <h2 class="main-slider-one__title"><br>Recrutement<br> accéléré
  210.                                                     </h2><!-- slider-title -->
  211.                                                     <div class="main-slider-one__btn">
  212.                                                         <a href="https://app.matchnhire.com/"
  213.                                                            class="matchnhire-btn"><span>Découvrir
  214.                                                                     plus</span></a><!-- slider-btn -->
  215.                                                     </div>
  216.                                                 </div>
  217.                                             </div>
  218.                                         </div>
  219.                                     </div>
  220.                                 </div>
  221.                             </div>
  222.                         </div>
  223.                         <div class="owl-item" style="width: 1903px;">
  224.                             <div class="item" data-dot="<button>2/</button>">
  225.                                 <div class="main-slider-one__item">
  226.                                     <div class="main-slider-one__bg"
  227.                                          style="background-image: url(https://images.pexels.com/photos/5668858/pexels-photo-5668858.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);">
  228.                                     </div>
  229.                                     <div class="main-slider-one__overlay"></div>
  230.                                     <div class="main-slider-one__shape"
  231.                                          style="background-image: url(img/slider-1-shape-1.png);">
  232.                                     </div>
  233.                                     <div class="container">
  234.                                         <div class="row">
  235.                                             <div class="col-md-12">
  236.                                                 <div class="main-slider-one__content">
  237.                                                     <div class="main-slider-one__image"><img
  238.                                                                 src="img/slider-1-shape-2.png" alt="matchnhire"></div>
  239.                                                     <!-- slider-layer -->
  240.                                                     <h2 class="main-slider-one__title"><br><br>Vision 360</h2>
  241.                                                     <!-- slider-title -->
  242.                                                     <div class="main-slider-one__btn">
  243.                                                         <a href="https://app.matchnhire.com/"
  244.                                                            class="matchnhire-btn"><span>Découvrir
  245.                                                                     plus</span></a><!-- slider-btn -->
  246.                                                     </div>
  247.                                                 </div>
  248.                                             </div>
  249.                                         </div>
  250.                                     </div>
  251.                                 </div>
  252.                             </div>
  253.                         </div>
  256.                     </div>
  257.                 </div>
  258.                 <div class="owl-nav">
  259.                     <button type="button" role="presentation" class="owl-prev" aria-label="carousel button">
  260.                         <i class="fas fa-arrow-left"></i>
  261.                     </button>
  262.                     <button type="button" role="presentation" class="owl-next" aria-label="carousel button">
  263.                         <i class="fas fa-arrow-right"></i>
  264.                     </button>
  265.                 </div>
  267.             </div>
  268.         </section>
  269.         <!-- main-slider-end -->
  270.         <section class="about-one" id="propos">
  271.             <div class="container">
  272.                 <div class="row">
  273.                     <div class="col-xl-6">
  274.                         <div class="about-one__image wow fadeInLeft animated" data-wow-delay="300ms"
  275.                              style="visibility: visible; animation-delay: 300ms; animation-name: fadeInLeft;">
  276.                             <div class="about-one__image-one">
  277.                                 <img src="https://images.pexels.com/photos/669617/pexels-photo-669617.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  278.                                      alt="matchnhire">
  279.                                 <div class="about-one__image-icon"><img src="img/about-1-bulb.png" alt="Matchnhire">
  280.                                 </div>
  281.                             </div>
  282.                         </div><!-- /.why-choose-two__image -->
  283.                     </div><!-- /.col-lg-6 -->
  284.                     <div class="col-xl-6 wow fadeInRight animated" data-wow-delay="300ms"
  285.                          style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
  286.                         <div class="about-one__content">
  287.                             <div class="sec-title text-left">
  289.                                 <h6 class="sec-title__tagline">Qui sommes-nous </h6><!-- /.sec-title__tagline -->
  291.                                 <h3 class="sec-title__title">Trouvez les meilleurs candidats avec le meilleur
  292.                                     logiciel de recrutement </h3>
  294.                             </div><!-- /.sec-title -->
  295.                             <p class="about-one__content__text">
  296.                                 MatchNHire n'est pas seulement une solution, c'est une approche transformative du
  297.                                 recrutement. En redéfinissant les normes du métier, elle vise à révolutionner la
  298.                                 manière dont les entreprises identifient et recrutent des talents, promettant des
  299.                                 processus plus rapides, plus précis et plus efficaces
  300.                             </p>
  301.                             <div class="row">
  302.                                 <div class="col-md-6">
  303.                                     <ul class="about-one__content__list">
  304.                                         <li><span class="fa fa-check-circle" aria-hidden="true"></span> Recrutement
  305.                                             accéléré
  306.                                         </li>
  307.                                         <li><span class="fa fa-check-circle" aria-hidden="true"></span> CVthèque
  308.                                             évolutive
  309.                                         </li>
  311.                                         <li><span class="fa fa-check-circle" aria-hidden="true"></span> Vision 360
  312.                                         </li>
  313.                                     </ul>
  316.                                 </div>
  317.                                 <div class="col-md-6">
  320.                                     <a class="matchnhire-btn matchnhire-btn--base" href="" onclick="Calendly.initPopupWidget({url: 'https://meetings.hubspot.com/matchnhire?embed=true'});return false;">Réserver un démo</a>
  322.                                 </div>
  323.                             </div>
  324.                         </div><!-- /.why-choose-two__content -->
  325.                     </div><!-- /.col-lg-6 -->
  326.                 </div><!-- /.row -->
  327.             </div><!-- /.container -->
  328.         </section><!-- /.about-one -->
  330.         <!-- Feature Start -->
  331.         <section class="feature-one" id="objetifs">
  332.             <div class="container">
  333.                 <div class="container">
  334.                     <div class="sec-title text-center">
  336.                         <h6 class="sec-title__tagline">Nos Enjeux</h6><!-- /.sec-title__tagline -->
  338.                     </div><!-- /.sec-title -->
  339.                 </div>
  340.                 <div class="row gutter-y-30">
  341.                     <div class="col-lg-4 col-md-6 wow fadeInUp animated" data-wow-delay="100ms"
  342.                          style="visibility: visible; animation-delay: 100ms; animation-name: fadeInUp;">
  343.                         <div class="feature-one__item text-center">
  344.                             <div class="feature-one__item__img">
  345.                                 <img src="https://images.pexels.com/photos/6285074/pexels-photo-6285074.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  346.                                      alt="matchnhire">
  347.                             </div>
  348.                             <div class="feature-one__item__content">
  349.                                 <div class="feature-one__item__ball"></div>
  350.                                 <h3 class="feature-one__item__title">Recrutement Accéléré <br> </h3>
  351.                                 <p class="feature-one__item__text">Accélérez significativement votre processus de
  352.                                     recrutement. </p>
  353.                                 <a href="https://app.matchnhire.com/" class="matchnhire-btn"><span>DÉCOUVRIR
  354.                                             PLUS</span></a>
  355.                             </div>
  356.                         </div><!-- feature-item -->
  357.                     </div>
  358.                     <div class="col-lg-4 col-md-6 wow fadeInUp animated" data-wow-delay="200ms"
  359.                          style="visibility: visible; animation-delay: 200ms; animation-name: fadeInUp;">
  360.                         <div class="feature-one__item text-center">
  361.                             <div class="feature-one__item__img">
  362.                                 <img src="https://images.pexels.com/photos/7735625/pexels-photo-7735625.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  363.                                      alt="matchnhire">
  364.                             </div>
  365.                             <div class="feature-one__item__content">
  366.                                 <div class="feature-one__item__ball"></div>
  367.                                 <h3 class="feature-one__item__title">CVthèque intéractive <br></h3>
  368.                                 <p class="feature-one__item__text">Bénéficiez d'une base centralisée indexée de
  369.                                     manière intelligente.</p>
  370.                                 <a href="https://app.matchnhire.com/" class="matchnhire-btn"><span>DÉCOUVRIR
  371.                                             PLUS</span></a>
  372.                             </div>
  373.                         </div><!-- feature-item -->
  374.                     </div>
  375.                     <div class="col-lg-4 col-md-6 wow fadeInUp animated" data-wow-delay="300ms"
  376.                          style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">
  377.                         <div class="feature-one__item text-center">
  378.                             <div class="feature-one__item__img">
  379.                                 <img src="https://images.pexels.com/photos/17682883/pexels-photo-17682883/free-photo-of-mains-bureau-affaires-document.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  380.                                      alt="matchnhire">
  381.                             </div>
  382.                             <div class="feature-one__item__content">
  383.                                 <div class="feature-one__item__ball"></div>
  384.                                 <h3 class="feature-one__item__title"> Vision 360 <br> </h3>
  385.                                 <p class="feature-one__item__text">Obtenez une vision complète de votre processus de
  386.                                     recrutement.</p>
  387.                                 <a href="https://app.matchnhire.com/"
  388.                                    class="matchnhire-btn"><span>DÉCOUVRIR
  389.                                             PLUS</span></a>
  390.                             </div>
  391.                         </div><!-- feature-item -->
  392.                     </div>
  393.                 </div>
  394.             </div>
  395.         </section>
  396.         <!-- Feature End -->
  397.         <div class="project-two" style="background-image: url(assets/images/backgrounds/project-bg-1.jpg);">
  398.             <div class="container">
  399.                 <div class="row tabs-box">
  400.                     <div class="col-lg-4">
  401.                         <div class="project-two__left-content">
  402.                             <div class="sec-title text-left">
  404.                                 <h6 class="sec-title__tagline">Notre Produit</h6><!-- /.sec-title__tagline -->
  406.                                 <h3 class="sec-title__title">Matchnhire</h3>
  407.                             </div><!-- /.sec-title -->
  408.                             <ul class="list-unstyled tab-buttons project-two__list">
  409.                                 <li data-tab="#staffing_solution" class="tab-btn active-btn">Portail</li>
  410.                                 <li data-tab="#scale_up_business" class="tab-btn">Dashboard</li>
  411.                             </ul><!-- /.list-unstyledf -->
  412.                         </div>
  413.                     </div>
  414.                     <div class="col-lg-8">
  415.                         <div class="Matchnhire-stretch-element-inside-column"
  416.                              style="margin-left: 0px; margin-right: -366.5px;">
  417.                             <div class="tabs-content">
  418.                                 <div class="tab active-tab fadeInUp animated" id="staffing_solution">
  419.                                     <div class="project-two__card">
  420.                                         <div class="project-two__img">
  421.                                             <img src="img/mockup_pc.png" alt="Matchnhire">
  422.                                         </div>
  424.                                     </div>
  425.                                 </div>
  426.                                 <div class="tab fadeInUp animated" id="scale_up_business">
  427.                                     <div class="project-two__card">
  428.                                         <div class="project-two__img">
  429.                                             <img src="img/mockup_pc_app.png" alt="Matchnhire">
  430.                                         </div>
  431.                                     </div>
  432.                                 </div>
  433.                             </div>
  434.                         </div>
  435.                     </div>
  436.                 </div>
  437.             </div>
  438.         </div>
  441.         <div class="project-one" id="process">
  442.             <div class="container">
  443.                 <div class="sec-title text-center">
  445.                     <h6 class="sec-title__tagline">Notre Solution</h6><!-- /.sec-title__tagline -->
  447.                 </div><!-- /.sec-title -->
  448.             </div>
  449.             <div class="project-one__carousel matchnhire-owl__carousel matchnhire-owl__carousel--with-shadow matchnhire-owl__carousel--basic-nav owl-carousel owl-theme owl-loaded owl-drag"
  450.                  data-owl-options="{
  451.         &quot;items&quot;: 1,
  452.         &quot;margin&quot;: 30,
  453.         &quot;loop&quot;: true,
  454.         &quot;smartSpeed&quot;: 100,
  455.         &quot;nav&quot;: true,
  456.         &quot;navText&quot;: [&quot;<span class=\&quot;fa fa-angle-left\&quot;></span>&quot;,&quot;<span class=\&quot;fa fa-angle-right\&quot;></span>&quot;],
  457.         &quot;dots&quot;: false,
  458.         &quot;autoplay&quot;: true,
  459.         &quot;responsive&quot;: {
  460.             &quot;0&quot;: {
  461.                 &quot;items&quot;: 1
  462.             },
  463.             &quot;576&quot;: {
  464.                 &quot;items&quot;: 2
  465.             },
  466.             &quot;992&quot;: {
  467.                 &quot;items&quot;: 3
  468.             },
  469.             &quot;1300&quot;: {
  470.                 &quot;items&quot;: 3.5
  471.             },
  472.             &quot;1600&quot;: {
  473.                 &quot;items&quot;: 4.83
  474.             }
  475.         }
  476.         }">
  477.                 <div class="owl-stage-outer">
  478.                     <div class="owl-stage solution">
  480.                         <div class="owl-item active" style="width: 370.207px; margin-right: 30px;">
  481.                             <div class="item">
  482.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  483.                                      data-wow-delay="1ms"
  484.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  485.                                     <div class="project-one__img">
  486.                                         <img src="https://images.pexels.com/photos/5474284/pexels-photo-5474284.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  487.                                              alt="Staffing Solution">
  488.                                     </div>
  489.                                     <div class="project-one__content">
  490.                                         <span class="project-one__tagline"> Authentification</span>
  491.                                         <h3 class="project-one__title"><a href="#"> Authentification Sécurisée</a>
  492.                                         </h3>
  493.                                     </div>
  494.                                 </div>
  495.                             </div>
  496.                         </div>
  497.                         <div class="owl-item active" style="width: 370.207px; margin-right: 30px;">
  498.                             <div class="item">
  499.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  500.                                      data-wow-delay="1ms"
  501.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  502.                                     <div class="project-one__img">
  503.                                         <img src="https://images.pexels.com/photos/5439152/pexels-photo-5439152.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  504.                                              alt="Staffing Solution">
  505.                                     </div>
  506.                                     <div class="project-one__content">
  507.                                         <span class="project-one__tagline">Extraction</span>
  508.                                         <h3 class="project-one__title"><a href="#">Extraction des informations
  509.                                                 clés</a></h3>
  510.                                     </div>
  511.                                 </div>
  512.                             </div>
  513.                         </div>
  514.                         <div class="owl-item active" style="width: 370.207px; margin-right: 30px;">
  515.                             <div class="item">
  516.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  517.                                      data-wow-delay="1ms"
  518.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  519.                                     <div class="project-one__img">
  520.                                         <img src="https://images.pexels.com/photos/8101922/pexels-photo-8101922.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  521.                                              alt="Staffing Solution">
  522.                                     </div>
  523.                                     <div class="project-one__content">
  524.                                         <span class="project-one__tagline">Profils</span>
  525.                                         <h3 class="project-one__title"><a href="#">Sélection intelligente des
  526.                                                 profils adéquats</a>
  527.                                         </h3>
  528.                                     </div>
  529.                                 </div>
  530.                             </div>
  531.                         </div>
  532.                         <div class="owl-item" style="width: 370.207px; margin-right: 30px;">
  533.                             <div class="item">
  534.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  535.                                      data-wow-delay="1ms"
  536.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  537.                                     <div class="project-one__img">
  538.                                         <img src="https://images.pexels.com/photos/7681097/pexels-photo-7681097.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  539.                                              alt="Staffing Solution">
  540.                                     </div>
  541.                                     <div class="project-one__content">
  542.                                         <span class="project-one__tagline">Reporting</span>
  543.                                         <h3 class="project-one__title"><a href="#">Reporting intuitif et clair</a>
  544.                                         </h3>
  545.                                     </div>
  546.                                 </div>
  547.                             </div>
  548.                         </div>
  550.                         <div class="owl-item" style="width: 370.207px; margin-right: 30px;">
  551.                             <div class="item">
  552.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  553.                                      data-wow-delay="1ms"
  554.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  555.                                     <div class="project-one__img">
  556.                                         <img src=https://images.pexels.com/photos/5387265/pexels-photo-5387265.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  557.                                              alt="Staffing Solution">
  558.                                     </div>
  559.                                     <div class="project-one__content">
  560.                                         <span class="project-one__tagline">Jobs</span>
  561.                                         <h3 class="project-one__title"><a href="#">Publication simplifiée et ciblée
  562.                                                 des offres </a>
  563.                                         </h3>
  564.                                     </div>
  565.                                 </div>
  566.                             </div>
  567.                         </div>
  569.                         <div class="owl-item" style="width: 370.207px; margin-right: 30px;">
  570.                             <div class="item">
  571.                                 <div class="project-one__card wow fadeInUp animated" data-wow-duration="1500ms"
  572.                                      data-wow-delay="1ms"
  573.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 1ms; animation-name: fadeInUp;">
  574.                                     <div class="project-one__img">
  575.                                         <img src="https://images.pexels.com/photos/7821484/pexels-photo-7821484.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
  576.                                              alt="Staffing Solution">
  577.                                     </div>
  578.                                     <div class="project-one__content">
  579.                                         <span class="project-one__tagline">Matching</span>
  580.                                         <h3 class="project-one__title"><a href="#">Alignement précis entre profils
  581.                                                 et opportunités.</a>
  582.                                         </h3>
  583.                                     </div>
  584.                                 </div>
  585.                             </div>
  586.                         </div>
  587.                     </div>
  588.                 </div>
  589.                 <div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"
  590.                                                       aria-label="carousel button"><span class="fa fa-angle-left"
  591.                                                                                          aria-hidden="true"></span></button><button type="button" role="presentation"
  592.                                                                                                                                     class="owl-next" aria-label="carousel button"><span class="fa fa-angle-right"
  593.                                                                                                                                                                                         aria-hidden="true"></span></button></div>
  594.                 <div class="owl-dots disabled"></div>
  595.             </div>
  596.         </div>
  604.         <div class="project-one project" id="news">
  605.             <div class="container">
  606.                 <div class="sec-title text-center">
  608.                     <h6 class="sec-title__tagline">Nos actualités</h6><!-- /.sec-title__tagline -->
  610.                 </div><!-- /.sec-title -->
  611.             </div>
  612.             <div class="project-one__carousel matchnhire-owl__carousel matchnhire-owl__carousel--with-shadow matchnhire-owl__carousel--basic-nav owl-carousel owl-theme owl-loaded owl-drag"
  613.                  data-owl-options="{
  614.         &quot;items&quot;: 1,
  615.         &quot;margin&quot;: 30,
  616.         &quot;loop&quot;: false,
  617.         &quot;smartSpeed&quot;: 700,
  618.         &quot;nav&quot;: false,
  619.         &quot;navText&quot;: [&quot;<span class=\&quot;fa fa-angle-left\&quot;></span>&quot;,&quot;<span class=\&quot;fa fa-angle-right\&quot;></span>&quot;],
  620.         &quot;dots&quot;: false,
  621.         &quot;autoplay&quot;: false,
  622.         &quot;responsive&quot;: {
  623.             &quot;0&quot;: {
  624.                 &quot;items&quot;: 1
  625.             },
  626.             &quot;576&quot;: {
  627.                 &quot;items&quot;: 2
  628.             },
  629.             &quot;992&quot;: {
  630.                 &quot;items&quot;: 3
  631.             },
  632.             &quot;1300&quot;: {
  633.                 &quot;items&quot;: 3.5
  634.             },
  635.             &quot;1600&quot;: {
  636.                 &quot;items&quot;: 4.83
  637.             }
  638.         }
  639.         }">
  640.                 <div class="owl-stage-outer">
  641.                     <div class="owl-stage"
  642.                          style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 2402px;     margin: 0px auto;">
  644.                         <div class="owl-item" style="width: 395px;">
  645.                             <div class="item">
  646.                                 <div class="blog-card wow fadeInUp animated" data-wow-duration="1500ms"
  647.                                      data-wow-delay="100ms"
  648.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 100ms; animation-name: fadeInUp;">
  649.                                     <div class="blog-card__image">
  650.                                         <img src="https://abshore.com/img/events/matchnhire.jpg" alt="17e HR EXPO ">
  651.                                     </div>
  652.                                     <div class="blog-card__content">
  653.                                         <div class="blog-card__date"><span>27 </span>
  654.                                             Fév </div>
  655.                                         <ul class="list-unstyled blog-card__meta">
  656.                                             <li><a href="https://abshore.com"><i class="fas fa-tags"></i>ABSHORE</a>
  657.                                             </li>
  659.                                         </ul>
  660.                                         <h3 class="blog-card__title"><a href="#">17e HR EXPO </a>
  661.                                         </h3>
  662.                                         <p class="blog-card__info">17e HR EXPO : Découvrez le futur de la gestion
  663.                                             des recrutements avec ABSHORE</p>
  664.                                         <a href="#" class="blog-card__link">
  665.                                             Lire Plus
  666.                                             <i class="fa fa-arrow-right"></i>
  667.                                         </a>
  668.                                     </div>
  669.                                 </div>
  670.                             </div>
  671.                         </div>
  672.                         <div class="owl-item" style="width: 395px;">
  673.                             <div class="item">
  674.                                 <div class="blog-card wow fadeInUp animated" data-wow-duration="1500ms"
  675.                                      data-wow-delay="200ms"
  676.                                      style="visibility: visible; animation-duration: 1500ms; animation-delay: 200ms; animation-name: fadeInUp;">
  677.                                     <div class="blog-card__image">
  678.                                         <img src="img/medRH.png" alt="Outstanding island for winter sun">
  679.                                     </div>
  680.                                     <div class="blog-card__content">
  681.                                         <div class="blog-card__date"><span>8</span>
  682.                                             Nov</div>
  683.                                         <ul class="list-unstyled blog-card__meta">
  684.                                             <li><a href="https://abshore.com"><i class="fas fa-tags"></i>ABSHORE</a>
  685.                                             </li>
  687.                                         </ul>
  688.                                         <h3 class="blog-card__title"><a href="#">MEDRH2024</a></h3>
  689.                                         <p class="blog-card__info">Rencontres Méditerranéennes des Ressources
  690.                                             Humaines</p>
  691.                                         <a href="#" class="blog-card__link">
  692.                                             lire Plus
  693.                                             <i class="fa fa-arrow-right"></i>
  694.                                         </a>
  695.                                     </div>
  696.                                 </div>
  697.                             </div>
  698.                         </div>
  699.                     </div>
  700.                 </div>
  701.                 <div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"
  702.                                                       aria-label="carousel button"><span class="fa fa-angle-left"
  703.                                                                                          aria-hidden="true"></span></button><button type="button" role="presentation"
  704.                                                                                                                                     class="owl-next" aria-label="carousel button"><span class="fa fa-angle-right"
  705.                                                                                                                                                                                         aria-hidden="true"></span></button></div>
  706.                 <div class="owl-dots disabled"></div>
  707.             </div>
  708.         </div>
  713.         <!-- Call To Action Start -->
  714.         <section class="cta-two contact-two  " id="contact">
  715.             <div class="contact-two__bg">
  717.             </div>
  718.             <div class="container">
  719.                 <div class="row">
  720.                     <div class="col-lg-7">
  721.                         {{ form_start(form, {'attr': {'class': 'contact-two__form contact-form wow fadeInUp animated'}}) }}
  722.                         <div class="contact-one__form__top">
  723.                             <div class="sec-title text-@@textAlign">
  724.                                 <h3 class="sec-title__title">Contactez-nous</h3>
  725.                             </div>
  726.                         </div>
  727.                         <div class="form-two__group">
  728.                             <div class="form-two__control form-two__control--full">
  729.                                 {{ form_widget(form.societe, {'attr': {'placeholder': 'Société *'}}) }}
  730.                             </div>
  731.                             <div class="form-two__control form-two__control--full">
  732.                                 {{ form_widget(form.email, {'attr': {'placeholder': 'E-mail *'}}) }}
  733.                             </div>
  734.                             <div class="form-two__control form-two__control--full">
  735.                                 {{ form_widget(form.telephone, {'attr': {'placeholder': 'Téléphone *', 'pattern': '[0-9]*'}}) }}
  736.                             </div>
  737.                             <div class="form-two__control form-two__control--full">
  738.                                 {{ form_widget(form.message, {'attr': {'placeholder': 'Bref sur votre sujet*'}}) }}
  739.                             </div>
  741.                             <div class="custom-control custom-checkbox customcheck">
  742.                                 <div class="switch">
  743.                                     <div class="icon">
  744.                                         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" class="bi bi-unlock-fill" viewBox="0 0 20 20" fill="currentColor">
  745.                                             <path d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2"/>
  746.                                         </svg>
  747.                                         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" class="bi bi-lock-fill" viewBox="0 0 20 20" fill="currentColor">
  748.                                             <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2m3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2"/>
  749.                                         </svg>
  750.                                     </div>
  751.                                     <label for="{{ form.agreeTerms.vars.id }}" aria-label="Toggle Filter">
  752.                                         {{ form_widget(form.agreeTerms) }}
  753.                                     </label>
  754.                                     <span class="led"></span>
  755.                                 </div>
  756.                             </div>
  758.                             <button id="btnform" disabled style="cursor: not-allowed;" type="submit" class="matchnhire-btn">
  759.                                 Envoyer
  760.                             </button>
  761.                         </div>
  762.                         {{ form_end(form) }}
  763.                     </div>
  764.                     <div class="col-lg-5 wow fadeInRight" data-wow-delay="300ms"
  765.                          style="visibility: hidden; animation-delay: 300ms; animation-name: none;">
  766.                         <div class="cta-two__image">
  767.                             <img src="img/cta-2-1.png" alt="matchnhire">
  768.                         </div>
  769.                     </div>
  770.                 </div>
  771.             </div>
  772.         </section>
  773.         <!-- Call To Action End -->
  776.         <!-- <div class="meetings-iframe-container" data-src="https://meetings.hubspot.com/whrizi?embed=true"></div> -->
  778.         <!-- /.blog-one -->
  779.         <footer class="main-footer background-black">
  780.             <div class="main-footer__bg" style="background-image: url(img/footer-bg.jpg);">
  781.             </div>
  782.             <!-- /.main-footer__bg -->
  784.             <div class="main-footer__top">
  785.                 <div class="container">
  786.                     <div class="row">
  787.                         <div class="col-md-6 col-xl-5">
  788.                             <div class="footer-widget footer-widget--about">
  789.                                 <a href="/" class="footer-widget__logo" style="width: 100%;place-content: center;">
  790.                                     <img src="img/abshore_matchnhire.png"   alt="matchnhire  " style="width: 19rem;">
  791.                                 </a>
  793.                                 <p class="footer-widget__text">Boostez l'efficacité de votre processus de
  794.                                     recrutement grâce à une analyse ultra rapide des CVs, permettant une réaction
  795.                                     immédiate aux besoins de votre entreprise.
  796.                                     .</p>
  798.                             </div><!-- /.footer-widget -->
  799.                         </div><!-- /.col-md-6 -->
  801.                         <div class="col-md-6 col-xl-4">
  802.                             <div class="footer-widget footer-widget--contact">
  803.                                 <h2 class="footer-widget__title">Liens</h2><!-- /.footer-widget__title -->
  804.                                 <ul class="list-unstyled footer-widget__links">
  805.                                     <li><a href="/">Accueil</a></li>
  806.                                     <li><a href="#propos">Qui Sommes-nous</a></li>
  807.                                     <li><a href="#objetifs">Nos Enjeux</a></li>
  808.                                     <li><a href="#process">Notre Solution</a></li>
  809.                                     <li><a href="#news">Nos actualités</a></li>
  810.                                     <li><a href="#contact">Contact</a></li>
  812.                                 </ul><!-- /.list-unstyled footer-widget__links -->
  813.                             </div><!-- /.footer-widget -->
  814.                         </div><!-- /.col-md-6 -->
  815.                         <div class="col-md-6 col-xl-3">
  816.                             <div class="footer-widget footer-widget--time">
  817.                                 <h2 class="footer-widget__title">Contact</h2><!-- /.footer-widget__title -->
  819.                                 <!-- /.footer-widget__text -->
  820.                                 <ul class="list-unstyled footer-widget__info">
  821.                                     <img src="img/QRcontact.png" width="155" alt="">
  822.                                     <li>
  823.                                         <i class="fas fa-envelope" aria-hidden="true"></i> <a
  824.                                                 href="mailto:commercial@matchnhire.com">commercial@matchnhire.com</a></li>
  826.                                 </ul><!-- /.list-unstyled -->
  827.                             </div><!-- /.footer-widget -->
  828.                         </div><!-- /.col-md-6 -->
  829.                     </div><!-- /.row -->
  830.                 </div><!-- /.container -->
  831.             </div><!-- /.main-footer__top -->
  832.             <div class="main-footer__bottom">
  833.                 <div class="container">
  834.                     <div class="main-footer__bottom__inner">
  835.                         <div class="footer-widget__social">
  836.                             <a href="https://tn.linkedin.com/company/abshore">
  837.                                 <i class="fab fa-linkedin" aria-hidden="true"></i>
  838.                                 <span class="sr-only">linkedin</span>
  839.                             </a>
  841.                             <a href="https://www.facebook.com/ABSHORE?mibextid=ZbWKwL">
  842.                                 <i class="fab fa-facebook" aria-hidden="true"></i>
  843.                                 <span class="sr-only">Facebook</span>
  844.                             </a>
  847.                         </div><!-- /.footer-widget__social -->
  848.                         <p class="main-footer__copyright">
  849.                             © Copyright <span class="dynamic-year">2024</span> by <a href="https://abshore.com/"
  850.                                                                                      target="_blank" alt="walid.hrizi@abshore.com">Abshore.</a>
  851.                         </p>
  852.                     </div><!-- /.main-footer__inner -->
  853.                 </div><!-- /.container -->
  854.             </div><!-- /.main-footer__bottom -->
  855.         </footer><!-- /.main-footer -->
  857.     </div><!-- /.page-wrapper -->
  860.     <div class="mobile-nav__wrapper">
  861.         <div class="mobile-nav__overlay mobile-nav__toggler"></div>
  862.         <!-- /.mobile-nav__overlay -->
  863.         <div class="mobile-nav__content">
  864.                 <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"
  865.                                                                        aria-hidden="true"></i></span>
  866.             <div class="logo-box">
  867.                 <a href="#" aria-label="logo image"><img src="img/final-png.png" width="155" alt=""></a>
  868.             </div>
  869.             <!-- /.logo-box -->
  870.             <div class="mobile-nav__container">
  871.                 <ul class="main-menu__list">
  872.                     <li class="dropdown current">
  873.                         <a href="/">Home<button aria-label="dropdown toggler"><i class="fa fa-angle-down"
  874.                                                                                  aria-hidden="true"></i></button></a>
  875.                         <ul>
  876.                             <li><a href="#">Home One</a></li>
  877.                             <li><a href="#">Home Two</a></li>
  878.                             <li><a href="#">Home Three</a></li>
  879.                             <li class="dropdown">
  880.                                 <a href="#">Header Styles<button aria-label="dropdown toggler"><i
  881.                                                 class="fa fa-angle-down" aria-hidden="true"></i></button></a>
  882.                                 <ul>
  883.                                     <li><a href="#">Header One</a></li>
  884.                                     <li><a href="#">Header Two</a></li>
  885.                                     <li><a href="#">Header Three</a></li>
  886.                                 </ul>
  887.                             </li>
  888.                         </ul>
  889.                     </li>
  891.                     <li>
  892.                         <a href="#">About</a>
  893.                     </li>
  894.                     <li class="dropdown">
  895.                         <a href="#">Pages<button aria-label="dropdown toggler"><i class="fa fa-angle-down"
  896.                                                                                   aria-hidden="true"></i></button></a>
  897.                         <ul>
  898.                             <li><a href="#">Team </a></li>
  899.                             <li><a href="#">Jobs</a></li>
  900.                             <li><a href="#">History</a></li>
  901.                             <li><a href="#">FAQs</a></li>
  902.                         </ul>
  903.                     </li>
  904.                     <li class="dropdown">
  905.                         <a href="#">Services<button aria-label="dropdown toggler"><i class="fa fa-angle-down"
  906.                                                                                      aria-hidden="true"></i></button></a>
  907.                         <ul>
  908.                             <li><a href="#">HR</a></li>
  909.                             <li><a href="#">HR </a></li>
  910.                             <li><a href="#">Tech </a></li>
  911.                             <li><a href="#"> Solution</a></li>
  912.                             <li><a href="#"> Program</a></li>
  913.                             <li> <a href="#"> Training</a></li>
  914.                             <li><a href="#"> Management</a></li>
  915.                         </ul>
  916.                     </li>
  918.                     <li class="dropdown">
  919.                         <a href="#">Projects<button aria-label="dropdown toggler"><i class="fa fa-angle-down"
  920.                                                                                      aria-hidden="true"></i></button></a>
  921.                         <ul>
  922.                             <li><a href="#">Projects</a></li>
  923.                             <li><a href="#">Projects Details</a></li>
  924.                         </ul>
  925.                     </li>
  926.                     <li class="dropdown">
  927.                         <a href="#">News<button aria-label="dropdown toggler"><i class="fa fa-angle-down"
  928.                                                                                  aria-hidden="true"></i></button></a>
  929.                         <ul>
  930.                             <li><a href="#">News</a></li>
  931.                             <li><a href="#">News Details</a></li>
  932.                         </ul>
  933.                     </li>
  934.                     <li>
  935.                         <a href="#">Contact</a>
  936.                     </li>
  937.                 </ul>
  938.             </div>
  939.             <!-- /.mobile-nav__container -->
  940.             <ul class="mobile-nav__contact list-unstyled">
  941.                 <li>
  942.                     <i class="fa fa-envelope" aria-hidden="true"></i>
  943.                     <a href="mailto:Contact@abshore.com">Contact@abshore.com</a>
  944.                 </li>
  945.                 <li>
  946.                     <i class="fa fa-phone-alt" aria-hidden="true"></i>
  947.                     <a href="tel:+216 71 96 34 53">+216 71 96 34 53</a>
  948.                 </li>
  949.             </ul><!-- /.mobile-nav__contact -->
  950.             <div class="mobile-nav__social">
  951.                 <a href="https://tn.linkedin.com/company/abshore">
  952.                     <i class="fab fa-linkedin" aria-hidden="true"></i>
  953.                     <span class="sr-only">linkedin</span>
  954.                 </a>
  956.                 <a href="https://www.facebook.com/ABSHORE?mibextid=ZbWKwL">
  957.                     <i class="fab fa-facebook" aria-hidden="true"></i>
  958.                     <span class="sr-only">Facebook</span>
  959.                 </a>
  960.             </div><!-- /.mobile-nav__social -->
  961.         </div>
  962.         <!-- /.mobile-nav__content -->
  963.     </div>
  965.     <!-- /.mobile-nav__wrapper -->
  966.     <div class="search-popup">
  967.         <div class="search-popup__overlay search-toggler"></div>
  968.         <!-- /.search-popup__overlay -->
  969.         <div class="search-popup__content">
  970.             <form role="search" method="get" class="search-popup__form" action="#">
  971.                 <input type="text" id="search" placeholder="Search Here...">
  972.                 <button type="submit" aria-label="search submit" class="matchnhire-btn matchnhire-btn--base">
  973.                     <span><i class="icon-magnifying-glass"></i></span>
  974.                 </button>
  975.             </form>
  976.         </div>
  977.         <!-- /.search-popup__content -->
  978.     </div>
  979.     <!-- /.search-popup -->
  980. </div>
  981. <a href="#" data-target="html" class="scroll-to-target scroll-to-top">
  982.     <span class="scroll-to-top__text">Retour en haut</span>
  983.     <span class="scroll-to-top__wrapper"><span class="scroll-to-top__inner"></span></span>
  984. </a>
  985. <script src="https://kit.fontawesome.com/5b8eba834f.js" crossorigin="anonymous"></script>
  986. <script src="{{ asset('js/jquery-3.7.0.min.js') }}"></script>
  987. <script src="{{ asset('js/owl.carousel.min.js') }}"></script>
  988. <script src="{{ asset('js/wow.js') }}"></script>
  989. <script src="{{ asset('js/hire.js') }}"></script>
  992. <script type="text/javascript">
  993.     window.addEventListener("load", function() {
  994.         document.getElementById("content-wrapper").style.display = "none";
  996.         setTimeout(function() {
  997.             document.getElementById("loading").style.display = "none";
  998.             document.getElementById("content-wrapper").style.display = "block";
  999.         }, 2000);
  1000.     });
  1001. </script>
  1002. <script>
  1003.     document.getElementById('{{ form.agreeTerms.vars.id }}').addEventListener('change', function() {
  1004.         var btn = document.getElementById('btnform');
  1005.         if (this.checked) {
  1006.             btn.removeAttribute('disabled');
  1007.             btn.style.cursor = 'pointer';
  1008.         } else {
  1009.             btn.setAttribute('disabled', 'disabled');
  1010.             btn.style.cursor = 'not-allowed';
  1011.         }
  1012.     });
  1013.     document.getElementById('toggle-2').addEventListener('change', function() {
  1014.         var btn = document.getElementById('btnform');
  1015.         if (this.checked) {
  1016.             btn.removeAttribute('disabled'); // Supprime l'attribut disabled
  1017.             btn.style.cursor = 'pointer'; // Change le curseur
  1018.         } else {
  1019.             btn.setAttribute('disabled', 'disabled'); // Ajoute l'attribut disabled
  1020.             btn.style.cursor = 'not-allowed'; // Change le curseur
  1021.         }
  1022.     });
  1023. </script>
  1024. <!-- Start of HubSpot Embed Code -->
  1025. <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/48156815.js"></script>
  1026. <!-- End of HubSpot Embed Code -->
  1028. </body>
  1033. <!-- Calendly badge widget begin -->
  1034. <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
  1035. <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
  1036. <!-- <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/adef29042/30min?text_color=000000&primary_color=f32a35', text: 'Prise de rendez-vous', color: '#f32a35', textColor: '#ffffff' }); }</script> -->
  1037. <!-- Calendly badge widget end -->
  1039. <!-- Start of HubSpot Embed Code -->
  1040. <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/48156815.js"></script>
  1041. <!-- End of HubSpot Embed Code -->
  1044. <!-- Start of Meetings Embed Script -->
  1045. <script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
  1046. <!-- End of Meetings Embed Script -->
  1050. </html>