templates/Theme/Produit/Service/Service/itemaide.html.twig line 1

Open in your IDE?
  3. <div style="background: #90acd1;">
  4.     <div class="container" style="overflow: hidden;">
  5.         <div class="row" style="margin: 15px 0px;">
  6.         <div class="col-md-12">
  7.         {% if is_mobile() %}
  8.         <ol class="c-navigation-breadcrumbs__directory">
  9.             <!-- Duplicating the "Home" link in both the global navigation and the breadcrumb trail is not recommended. -->
  10.             <li class="c-navigation-breadcrumbs__item" property="itemListElement" typeof="ListItem">
  11.               <a class="c-navigation-breadcrumbs__link" href="" property="item" typeof="WebPage">
  12.                 <span class="u-visually-hidden" property="name"><span class="fa fa-home"> </span> Accueil</span>
  13.               </a>
  14.               <meta property="position" content="1">
  15.             </li>
  16.     
  17.             <li class="c-navigation-breadcrumbs__item" property="itemListElement" typeof="ListItem">
  18.               <a class="c-navigation-breadcrumbs__link" href="" property="item" typeof="WebPage">
  19.                 <span property="name"> L'entreprise</span>
  20.               </a>
  21.               <meta property="position" content="2">
  22.             </li>
  23.     
  24.             <li class="c-navigation-breadcrumbs__item" property="itemListElement" typeof="ListItem">
  25.               <a class="c-navigation-breadcrumbs__link" href="#!" property="item" aria-current="location">
  26.                 <span property="name">À propos de  nous </span>
  27.               </a>
  28.               <meta property="position" content="3">
  29.             </li>
  30.         </ol>
  31.         {% else %}
  32.         <div style="padding: 20px 0px;">
  33.             <ul class="breadcrumbs">
  34.               <li><a href="{{ path('users_user_acces_plateforme') }}"><span class="fa fa-home"></span> Accueil</a></li>
  35.               <li><a > L'entreprise</a></li>
  36.               <li>À propos de nous</li>
  37.             </ul>
  38.         </div>
  39.         {% endif %}
  41.       </div>
  42.       
  43.       
  44.       </div>
  45.     
  46.       
  47.     </div>
  48.     </div>
  49.     <div style="background-image: linear-gradient(-1deg, #F6FCFF 0%, #EAF7FF 98%);">
  50.         <div class="container" style="height: 20px;">
  51.           
  52.         </div>
  53.     </div>
  55. <div class="container">
  56. <div class="row">
  57.     <div class="col-md-12">
  58.         <h2 style="margin-top: 10px; margin-bottom: -10px; padding-top: 0px;">Six bonnes raisons pour installer {{ site }} maintenant
  59.         </h2><hr>
  60.     </div>
  61.     
  62.     <div class=" work-process-block work-process-layout1 mb-3">
  63.         <div class="row">
  64.           <div class="col-xl-4 col-sm-6">
  65.             <div class="vs-work-process text-center">
  66.               <div class="work-process-top animate__slideInDown wow animate__animated">
  67.                 <span class="shape"></span> 
  68.                 <span class="number border-white text-white">01</span>
  69.               </div>
  70.               <div class="work-process-content animate__zoomIn animate__animated wow">
  71.                 <div class="icon"><img src="https://image.flaticon.com/icons/png/512/1352/1352623.png"></div>
  72.                 <h3 class="process-title heading4">
  73.                     <a href="{{ path('produit_service_afh_sps', {'position': 'presentation'}) }}">Présentation du projet</a>
  74.                 </h3>
  75.                 <p class="text">
  76.                     We define your competition and target audience. Discover what is working in your online industry, then design your website accordingly.
  77.                 </p>
  78.                 </div>
  79.               </div>
  80.           </div>
  81.           <!--  -->
  82.           <div class="col-xl-4 col-sm-6">
  83.             <div class="vs-work-process vs-work-process-2 text-center">
  84.               <div class="work-process-top animate__slideInDown wow animate__animated" data-wow-delay="0.2s">
  85.                 <span class="shape"></span> 
  86.                 <span class="number border-white text-white">02</span>
  87.               </div>
  88.               <div class="work-process-content animate__zoomIn animate__animated wow" data-wow-delay="0.2s">
  89.                 <div class="icon"><img src="https://image.flaticon.com/icons/png/512/1496/1496034.png"></div>
  90.                 <h3 class="process-title heading4">
  91.                     <a href="{{ path('produit_service_afh_sps', {'position': 'blog'}) }}">Le blog</a>
  92.                 </h3>
  93.                 <p class="text">Color scheme, layout, sitemap, and style. We will bring your brand to life with a one of a kind masterpiece, built just for you.</p>
  94.                 </div>
  95.               </div>
  96.           </div>
  97.           <!--  -->
  98.           <div class="col-xl-4 col-sm-6">
  99.             <div class="vs-work-process vs-work-process-3 text-center">
  100.               <div class="work-process-top animate__slideInDown wow animate__animated" data-wow-delay="0.3s">
  101.                 <span class="shape"></span> 
  102.                 <span class="number border-white text-white">03</span>
  103.               </div>
  104.               <div class="work-process-content animate__zoomIn animate__animated wow" data-wow-delay="0.3s">
  105.                 <div class="icon"><img src="https://img-premium.flaticon.com/png/512/2974/premium/2974316.png?token=exp=1628597654~hmac=dad3ee63f2fef82071159f22e30bc904"></div>
  106.                 <h3 class="process-title heading4">
  107.                     <a href="{{ path('produit_service_afh_sps', {'position': 'aide'}) }}">Centre d'aide</a>
  108.                 </h3>
  109.                 <p class="text">We turn your ideas into a reality. &our website is placed on a "development server" where you get to watch the whole process, live.</p>
  110.                 </div>
  111.               </div>
  112.           </div>
  113.           <!--  -->
  114.           <div class="col-xl-4 col-sm-6">
  115.             <div class="vs-work-process vs-work-process-4 text-center">
  116.               <div class="work-process-top animate__slideInDown wow animate__animated" data-wow-delay="0.4s">
  117.                 <span class="shape"></span> 
  118.                 <span class="number border-white text-white">04</span>
  119.               </div>
  120.               <div class="work-process-content animate__zoomIn animate__animated wow" data-wow-delay="0.4s">
  121.                 <div class="icon"><img src="https://img-premium.flaticon.com/png/512/3246/premium/3246843.png?token=exp=1628597692~hmac=305822773fff7ce29ee1428c15413ad1"></div>
  122.                 <h3 class="process-title heading4">
  123.                     <a href="{{ path('produit_service_afh_sps', {'position': 'faq'}) }}">Foire aux questions</a>
  124.                 </h3>
  125.                 <p class="text">This is where you go live, to the world. Design, marketing, and maintenance; we'll be at your side for the life of your site.</p>
  126.                 </div>
  127.               </div>
  128.           </div>
  129.           <!--  -->
  131.           <div class="col-xl-4 col-sm-6">
  132.             <div class="vs-work-process vs-work-process-4 text-center">
  133.               <div class="work-process-top animate__slideInDown wow animate__animated" data-wow-delay="0.4s">
  134.                 <span class="shape"></span> 
  135.                 <span class="number border-white text-white">05</span>
  136.               </div>
  137.               <div class="work-process-content animate__zoomIn animate__animated wow" data-wow-delay="0.4s">
  138.                 <div class="icon"><img src="https://img-premium.flaticon.com/png/512/3246/premium/3246843.png?token=exp=1628597692~hmac=305822773fff7ce29ee1428c15413ad1"></div>
  139.                 <h3 class="process-title heading4">
  140.                     <a href="{{ path('produit_service_afh_sps', {'position': 'garantie'}) }}">Les garanties</a>
  141.                 </h3>
  142.                 <p class="text">This is where you go live, to the world. Design, marketing, and maintenance; we'll be at your side for the life of your site.</p>
  143.                 </div>
  144.               </div>
  145.           </div>
  147.           <div class="col-xl-4 col-sm-6">
  148.             <div class="vs-work-process vs-work-process-4 text-center">
  149.               <div class="work-process-top animate__slideInDown wow animate__animated" data-wow-delay="0.4s">
  150.                 <span class="shape"></span> 
  151.                 <span class="number border-white text-white">06</span>
  152.               </div>
  153.               <div class="work-process-content animate__zoomIn animate__animated wow" data-wow-delay="0.4s">
  154.                 <div class="icon"><img src="https://img-premium.flaticon.com/png/512/3246/premium/3246843.png?token=exp=1628597692~hmac=305822773fff7ce29ee1428c15413ad1"></div>
  155.                 <h3 class="process-title heading4">
  156.                     <a href="">Avis utilisateurs</a>
  157.                 </h3>
  158.                 <p class="text">This is where you go live, to the world. Design, marketing, and maintenance; we'll be at your side for the life of your site.</p>
  159.                 </div>
  160.               </div>
  161.           </div>
  163.         </div>
  164.       </div>
  166.     </div>
  167. </div>