templates/pages/account/coach-registration.html.twig line 1

Open in your IDE?
  1. {% extends 'pages/baseNoFooter.html.twig' %}
  3. {% block stylesheets %}
  4.     <!-- CUSTOM CSS -->
  5.     <link href="{{ asset('dev/css/tailwind.min.css')}}" rel="stylesheet" />
  6.     <link href="{{ asset('dev/css/pages/home.css')}}" rel="stylesheet" />
  7.     <link href="{{ asset('dev/css/pages/payments.css')}}" rel="stylesheet" />
  8.     <link href="{{ asset('dev/css/header2.css')}}" rel="stylesheet" />
  9.     <link href="{{ asset('dev/css/forms.css')}}" rel="stylesheet" />
  10.     <link href="{{ asset('dev/css/pages/signin-coach.css')}}" rel="stylesheet" />
  12.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/css/select2.min.css') }}" />
  13.     <link rel="stylesheet" type="text/css" href="{{ asset('dev/css/intlTelInput.css') }}" />
  14.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
  16.     <!-- Font Awesome fr icons -->
  17.     <script src="https://kit.fontawesome.com/620b294e78.js" crossorigin="anonymous"></script>
  19. {% endblock %}
  20. {% block title %}{{"Coach Registration"|trans }}{% endblock %} 
  21. {% block content %}
  22.     <main >
  24.         <section id="hero" class="background-image"  >
  25.             <div class="opacity-mask"  style="background:linear-gradient(90deg, rgba(255, 123, 0, 1) 0%, rgba(255, 170, 0, 1) 20%, rgba(255, 169, 0, 1) 86%, rgba(255, 123, 0, 1) 100%);">
  27.             </div>
  28.             <div class="container py-15 row relative z-10 " style="margin-top: 100px;">
  29.                 <div class="col-md-8 normal-case  flex lg:flex-col lg:items-start lg:justify-center side-highlight  hidden lg:flex  ">
  30.                     <h2 class="xl:text-7xl text-4xl font-extrabold  text-start me-4 ">
  31.                         <span class="text-white  text-3xl font-medium">Devenir Coach Partenaire</span><br>La solution au service des Coach</h2>
  32.                     <h2 class="xl:text-2xl text-xl my-10 mb-12  text-start normal-case w-3/4">Rejoignez la communauté Bookoach pour améliorer vos compétences.  <span class="font-bold  text-white  ">Bookoach facilite la mise en relation</span> entre les Coachs et les Bookers pour atteindre ses objectifs.
  34.                     </h2>
  36.                     <div class="flex items-center py-2">
  37.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h32v16h-32z"></path></clipPath><g clip-path="url(#a)" fill="#fff"><path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z"></path><path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z"></path></g></svg>
  38.                         <h4 class="xl:text-lg  text-base ps-2 text-white font-semibold text-start"> Gagnez du temps au quotidien.
  39.                         </h4>
  40.                     </div>
  41.                     <div class="flex items-center py-2">
  42.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h32v16h-32z"></path></clipPath><g clip-path="url(#a)" fill="#fff"><path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z"></path><path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z"></path></g></svg>
  43.                         <h4 class="xl:text-lg  text-base ps-2 text-white font-semibold text-start">Service client et centre d'aide en cas de besoin.
  44.                         </h4>
  45.                     </div>
  46.                     <div class="flex items-center py-2">
  47.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h32v16h-32z"></path></clipPath><g clip-path="url(#a)" fill="#fff"><path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z"></path><path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z"></path></g></svg>
  48.                         <h4 class="xl:text-lg  text-base ps-2 text-white font-semibold text-start"> Gestion des réservation simple et intuitive.
  49.                         </h4>
  50.                     </div>
  51.                     <div class="flex items-center py-2">
  52.                         <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path d="m0 0h32v16h-32z"></path></clipPath><g clip-path="url(#a)" fill="#fff"><path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z"></path><path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z"></path></g></svg>
  53.                         <h4 class="xl:text-lg  text-base ps-2 text-white font-semibold text-start">Rejoignez le réseau Bookoach et renforcez votre communication. 
  54.                         </h4>
  55.                     </div>
  57.                     <div class=" mt-12">
  58.                         <a href="{{ path('about_coach') }}" class="flex  items-center text-end text-lg text-white font-semibold sm:my-5 sm:mt-4 mb-3 ">En savoir plus
  59.                             <i load-hicon="chevron-right"></i>
  60.                         </a>    
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-md col-sm-12 relative">
  64.                     <div class="hidden xl:block" style="position: absolute;z-index: -1;left: 6%;top: -20%;">
  65.                         <svg width="392" height="270" fill="#fff" class="shape" viewBox="0 0 616 424" xmlns="http://www.w3.org/2000/svg"><path d="M346.751 0.924061C101.721 21.2292 -62.6792 323.915 22.9113 410.013C93.3574 475.945 210.228 287.108 352.3 292.075C472.816 296.289 566.865 360.982 608.568 242.675C650.27 124.367 510.143 -12.5729 346.751 0.924061Z"></path></svg>
  66.                     </div>
  68.                     <div class="hidden xl:block" style="position: absolute;z-index: -1;right: 24%;bottom: -10%;">
  69.                         <svg width="428" height="520" fill="#fff" class="shape" viewBox="0 0 448 544" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="m224.051.968819c79.066-9.550369 151.587 53.083981 196.505 118.388181 38.582 56.093 27.845 127.728 19.118 195.098-7.276 56.176-24.98 109.225-63.901 150.635-40.478 43.067-92.454 81.477-151.722 78.776-85.708-3.907-219.40107-145.439-223.878591-229.411-3.096849-58.079 36.117691-105.331 70.000391-152.775 44.7632-62.6808 77.0522-151.4315 153.8782-160.711181z" fill-rule="evenodd"></path></svg>
  70.                     </div>
  72.                     <img src="{{ asset('dev/img/left-fill.svg') }}" class="absolute z-0" style="right: 9px;top: -97px;">
  73.                         <div class="w-full bg-white rounded-lg shadow  md:mt-0 normal-case   xl:p-0 ">
  74.                             <div class="p-6 sm:p-8 z-10 relative">
  75.                                 <h1 class="text-lg text-left font-bold leading-tight tracking-tight text-gray-900 mt-3  md:text-xl ">
  76.                                     Vous êtes Coach ? <br><span style="color: #ffaa00;" class=" text-2xl md:text-3xl text-gray-900"> Inscrivez
  77.                                             vous</span>
  78.                                 </h1>
  80.                                 <form class="space-y-4 md:space-y-5 text-start mt-6" id="myForm" action="#">
  81.                                     <div class="row">
  82.                                         <div class="form-floating col-6">
  83.                                             <input type="text" name="nom"
  84.                                                    class="form-control bsm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5"
  85.                                                    id="nom" placeholder="John" >
  86.                                                 <label class="mb-2 ps-4 text-sm font-medium text-gray-900 " for="nom">Nom</label>
  87.                                         </div>
  88.                                         <div class="form-floating col-6">
  89.                                             <input type="text" name="prenom"
  90.                                                    class="form-control bsm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5"
  91.                                                    id="prenom" placeholder="Doe" >
  92.                                                 <label class="mb-2 ps-4 text-sm font-medium text-gray-900 " for="prenom">Prénom</label>
  93.                                         </div>
  94.                                     </div>
  95.                                     <div class="form-floating mb-3">
  96.                                         <input type="email" name="email"
  97.                                                class="block font-medium form-control  p-2.5 rounded-lg sm:text-sm text-gray-900 w-full"
  98.                                                id="email" placeholder="name@example.com" >
  99.                                             <label class="mb-2 text-sm font-medium text-gray-900 dark:text-white" for="email">Email address</label>
  100.                                     </div>
  101.                                     <div class="form-floating relative password">
  102.                                         <input type="password" name="password" style="height: 58px;"
  103.                                                class="form-control bsm:text-sm rounded-lg font-medium text-gray-900 focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 placeholder-gray-900"
  104.                                                id="password" placeholder="Mot de passe" >
  106.                                     </div>
  108.                                     <div class="form-floating password">
  109.                                         <input type="password" name="confirm_password"
  110.                                                class="form-control bsm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5"
  111.                                                id="confirm_password" placeholder="Confirm Mot de passe" >
  112.                                             <label class="mb-2 text-sm font-medium text-gray-900 dark:text-white" for="confirm_password">Confirmer le mot de
  113.                                                 passe</label>
  115.                                     </div>
  116.                                     <div class="" id="terms">
  117.                                         <div class="flex items-center ">
  118.                                             <input aria-describedby="terms-error" type="checkbox" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-primary-300 is-invalid" name="terms" aria-required="true">
  119.                                                 <label for="terms" class="font-light text-gray-500 ml-3 text-sm ">J'accepte <a class="font-medium text-primary-600 hover:underline dark:text-primary-500" href="#">les Termes et Conditions</a> et <a class="font-medium text-primary-600 hover:underline dark:text-primary-500" href="#">la politique de confidentialité du service</a></label>
  120.                                         </div>
  121.                                     </div>
  124.                                     <button type="submit" style=" background: #ffaa00;"class="bg-primary-600 font-medium hover:bg-primary-700 px-5 py-2.5 rounded-lg text-center text-sm text-white w-full">S'inscrire</button>
  125.                                     <p class="text-xs text-center font-light text-gray-500 dark:text-gray-400">Déjà un compte ? <a href="#"
  126.                                                                                                                                    class="font-medium text-primary-600 hover:underline dark:text-primary-500">Connectez-vous ici</a></p>
  127.                                 </form>
  131.                                 <div class="row socials">
  132.                                     <div class="relative flex  items-center">
  133.                                         <div class="flex-grow border-t border-gray-300"></div>
  134.                                         <span class="flex-shrink mx-2 text-gray-300">ou</span>
  135.                                         <div class="flex-grow border-t border-gray-300"></div>
  136.                                     </div>
  137.                                     <div class="col-md-12 my-2 ">
  138.                                         <a href="#"
  139.                                            class="w-full h-full  hover:bg-gray-100 text-gray-900 hover:text-gray-900 rounded-lg inline-flex items-center justify-center px-3 py-2.5 border border-gray-300 border hover:border-gray-800">
  140.                                             <img src="{{ asset('dev/img/google-logo.png') }}" class=" object-fill"
  141.                                                  style="height: 20px;">
  142.                                                 <div class="text-left rtl:text-right ">
  144.                                                     <div class="mt-1 ms-1    text-sm font-semibold">S'inscrire</div>
  145.                                                 </div>
  146.                                         </a>
  147.                                     </div>
  148.                                 </div>
  151.                             </div>
  152.                         </div>
  153.                 </div>
  156.             </div>       
  157.         </section>
  158.         <div class="row py-24  container  sm:flex sm:items-center sm:content-center">
  159.             <div class="col-md-5 hidden md:flex   ">
  160.                 <img src="{{ asset('dev/img/register/image12.png') }}" style="max-height: 35vh;">
  161.             </div>
  162.             <div class="col-md-7 ps-6">
  163.                 <h4 class="text-3xl font-semibold mb-3">Une question ou besoin d'aide ? Laissez-nous vous aider</h4>
  164.                 <div class="flex items-center py-2 ">
  165.                     <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  166.                         <clipPath id="a">
  167.                             <path d="m0 0h32v16h-32z"></path>
  168.                         </clipPath>
  169.                         <g clip-path="url(#a)" fill="#ff7f00">
  170.                             <path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z">
  171.                             </path>
  172.                             <path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z">
  173.                             </path>
  174.                         </g>
  175.                     </svg>
  176.                     <h4 class=" text-base lg:text-lg ps-2  text-start">Contactez nous et envoyer vos demandes d'information.</h4>
  177.                 </div>
  178.                 <div class="flex items-center py-2 ">
  179.                     <svg class="icon-text__icon" fill="none" height="16" viewBox="0 0 32 16" width="32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  180.                         <clipPath id="a">
  181.                             <path d="m0 0h32v16h-32z"></path>
  182.                         </clipPath>
  183.                         <g clip-path="url(#a)" fill="#ff7f00">
  184.                             <path d="m20.9684 8.43105c-4.9628 2.05265-10.286 3.29335-15.67372 3.35405-1.63908.0114-3.27816-.0986-4.886884-.4174-.3945932-.0796-.660185-.4477-.626037-.8499l.04553-.53493c.034147-.39459.356651-.70951.755039-.72848 3.354042-.15936 6.658762-.06071 9.997672-.40598 3.1036-.29215 6.2148-.82334 9.2046-1.73014l.6488-.17833.0379-.01138c.9676-.26939 1.4305 1.13825.4933 1.4987z">
  185.                             </path>
  186.                             <path d="m16.5138.271664c.2467-.155562.6602.053118.9182.094854l.8803.223857c4.0483 1.028225 8.6393 2.200625 12.7977 3.300935.6754.17833.8992 1.02063.406 1.51767-3.5058 3.521-7.0117 7.07992-10.8969 10.17602-.368.2921-.8992.2504-1.2255-.0873l-.3149-.3301c-.2846-.2959-.296-.6488-.0911-.884 2.5194-2.914 5.3346-5.53953 8.1689-8.14613.3225-.29595.2049-.83472-.2125-.96752l-.4781-.15177c-2.4851-.81954-6.1389-2.02988-8.6165-2.84943l-.8613-.28456c-.019-.00759-.0379-.01518-.0569-.02277-.4515-.15556-.6905-.6488-.5578-1.107895z">
  187.                             </path>
  188.                         </g>
  189.                     </svg>
  190.                     <h4 class=" text-base lg:text-lg ps-2  text-start">Échanger avec nous ... un de nos conseillers vous recontacte.</h4>
  191.                 </div>
  192.                 <div class="flex justify-center">
  193.                     <a href="{{path('contact') }}" style="background: #ff7f00;" class="mt-6 text-white bg-primary-600 hover:bg-primary-700 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800">
  194.                         Contactez Nous </a>
  195.                 </div>
  196.             </div>
  197.         </div>
  199.         <section class="container pb-32">
  200.             <div class="row">
  201.                 <div class="col-md-4 col-sm-6 my-4 my-sm-1">
  202.                     <div
  203.                         class="card-ct d-flex flex-column align-items-center pt-5 h-full w-[365px] flex flex-col items-center justify-between border border-solid border-gray-200 rounded-3xl cursor-pointer lg:flex-1">
  204.                         <div class="mb-4 icon-holder w-20 h-20 flex items-center justify-center rounded-full bg-[#F5F0FF]"><img
  205.                                 alt="chat-icon" loading="lazy" width="25" height="25" class="w-10 h-10" style="color:transparent"
  206.                                 src="{{ asset('dev/img/chat-icon.svg') }}"></div>
  207.                         <span class="block mb-1 xl:text-2xl text-xl text-black font-bold">Whatsapp </span>
  208.                         <span class="block mb-8 text-center text-gray-600 xl:px-9 px-6">Parlez nous de votre besoin 
  209.                             <br>par Whatsapp
  210.                         </span>
  211.                         <div class="w-full banner-card py-5 flex justify-center items-center bg-gray-100 rounded-b-3xl"><span
  212.                                 class="mr-2 text-black font-bold">Accéder au chat </span><img alt="arrow-right" loading="lazy"
  213.                                 width="24" height="24" style="color:transparent" src="{{ asset('dev/img/arrow-right.svg') }}">
  214.                         </div>
  215.                     </div>
  216.                 </div>
  217.                 <div class="col-md-4 col-sm-6 my-4 my-sm-1">
  218.                     <div
  219.                         class="card-ct d-flex flex-column align-items-center pt-5 h-full w-[365px] flex flex-col items-center justify-between border border-solid border-gray-200 rounded-3xl cursor-pointer lg:flex-1">
  220.                         <div class="mb-4 icon-holder w-20 h-20 flex items-center justify-center rounded-full bg-[#F5F0FF]"><img
  221.                                 alt="chat-icon" loading="lazy" width="25" height="25" class="w-10 h-10" style="color:transparent"
  222.                                 src="{{ asset('dev/img/email-icon.svg') }}"></div>
  223.                         <span class="block mb-1 xl:text-2xl text-xl text-black font-bold">Support par e-mail</span>
  224.                         <span class="block mb-8 text-center text-gray-600 xl:px-9 px-6">Préférez-vous envoyer un e-mail ? <br>Nous
  225.                                 sommes là pour vous.
  226.                         </span>
  227.                         <div class="w-full banner-card py-5 flex justify-center items-center bg-gray-100 rounded-b-3xl"><span
  228.                                 class="mr-2 text-black font-bold">Envoyer un e-mail </span><img alt="arrow-right" loading="lazy"
  229.                                 width="24" height="24" style="color:transparent" src="{{ asset('dev/img/arrow-right.svg') }}">
  230.                         </div>
  231.                     </div>
  232.                 </div>
  233.                 <div class="col-md-4 col-sm-6  my-4 my-sm-1">
  234.                     <div
  235.                         class="card-ct d-flex flex-column align-items-center pt-5 h-full w-[365px] flex flex-col items-center justify-between border border-solid border-gray-200 rounded-3xl cursor-pointer lg:flex-1">
  236.                         <div class="mb-4 icon-holder w-20 h-20 flex items-center justify-center rounded-full bg-[#F5F0FF]"><img
  237.                                 alt="chat-icon" loading="lazy" width="25" height="25" class="w-10 h-10" style="color:transparent"
  238.                                 src="{{ asset('dev/img/phone-icon.svg') }}"></div>
  239.                         <span class="block mb-1 xl:text-2xl text-xl text-black font-bold">Appelez nous</span>
  240.                         <span class="block mb-8 text-center text-gray-600 xl:px-9 px-6">Passez un couo de fil <br> +212 666-123456</span>
  241.                         <div class="w-full banner-card py-5 flex justify-center items-center bg-gray-100 rounded-b-3xl"><span
  242.                                 class="mr-2 text-black font-bold">Appeler nous</span><img alt="arrow-right" loading="lazy"
  243.                                 width="24" height="24" style="color:transparent" src="{{ asset('dev/img/arrow-right.svg') }}">
  244.                         </div>
  245.                     </div>
  246.                 </div>
  247.             </div>
  248.         </section>
  250.     </main>
  251.     <!-- End main -->
  252. {% endblock %}
  253. {% block javascripts %}
  255.     <script src="{{ asset('dev/js/hicon.min.js')}}"></script>
  256.     <script> hicon.replace();</script>
  258.     <script src="{{ asset('dev/js/signin-coach.js')}}" type="module"></script>
  259.     <script src="{{ asset('dev/js/home.js')}}" type="module"></script>
  261.     <script src="{{ asset('dev/js/feather.min.js')}}">  feather.replace();</script>
  262.     <script src="{{ asset('dev/js/datepicker.min.js')}}"></script>   
  263.     <!-- Card Validator format --> 
  265.     <!--Validate forms jquery-->
  266.     <script src="{{ asset('dev/js/jquery.validate.min.js') }}"></script>
  267.     <script src="{{ asset('dev/js/forms.js') }}" type="module"></script>
  270.     <script src="{{ asset('dev/js/payments.js') }}"></script>    
  271. {% endblock %}