templates/Theme/Produit/Service/Service/articleapropos.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" style="min-height: 500px;">
  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 AFH Factory maintenant
  59.             <a href="/1" class="btn btn-primary pull-right"><span class="fa fa-arrow-circle-o-down"></span> Installer</a>
  60.             </h2><hr>
  61.         </div>
  62.     </div>
  64.       <div class="" style="width: 100%!important;">
  65.         <div class="cards" style="width: 100%!important;">
  66.         {% for service in liste_article %}
  67.           {% if loop.index is odd %}
  68.           <div class="col-xs-12 col-md-12" style="padding: 0px;">
  69.             <div class="card card2 card-fw card-row-layout" style="min-width: 100%!important; box-shadow: none;">
  70.               <a href="{{ path('produit_service_detail_article_central', {'id': service.id }) }}" class="toggle-overlay-article" value="{{ service.id }}">
  71.                   <img class="card-img-top" src="{% if service.imgservice != null %}{{ asset(service.imgservice.getwebpath) }}{% else %}{{ asset('template/images/bglogin.png') }}{% endif %}" alt="{{ service.nom }}">
  72.                 <div class="card-body">
  73.                   <span class="card-title">{{ service.nom }}</span>
  74.                   <p class="card-text">{{ service.description }}</p>
  75.                   <button  class="flat-busness" style="font-size: 12px;">
  76.                     Consulter <span class="fa fa-check-circle"></span>
  77.                   </button>
  78.                 </div>
  79.                 <div class="card-footer">
  80.                   <span class="vfi vfi-fleche-droite" aria-hidden="true"></span>
  81.                 </div>
  82.               </a>
  83.             </div>
  84.           </div>
  85.           {% else %}
  86.           <div class="col-xs-12 col-md-12" style="padding: 0px;">
  87.             <a href="{{ path('produit_service_detail_article_central', {'id': service.id }) }}" class="banner" aria-label="Shop now">
  88.                 <div class="banner__grid">
  89.                   <div aria-hidden="true">
  90.                     <figure class="banner__figure" style="background-image: url({% if service.imgservice != null %}{{ asset(service.imgservice.getwebpath) }}{% else %}{{ asset('template/images/bglogin.png') }}{% endif %});"></figure>
  91.                   </div>
  92.               
  93.                   <div class="banner__text">
  94.                     <h2>{{ service.nom }}</h2>
  95.                     <p>{{ service.description }}</p>
  96.               
  97.                     <p class="banner__link-wrapper">
  98.                       <span class="banner__link">
  99.                         <i>Consulter <span class="fa fa-check-circle"></span></i>
  100.                       </span>
  101.                     </p>
  102.                   </div>
  103.                 </div>
  104.               </a>
  105.           </div>
  106.           {% endif %}
  107.       {% else %}
  108.         <div style="height: 400px; padding-top: 100px; background: #fff; margin-bottom: 15px;">
  109.             <div style="text-align: center; display: block; width: 100%!important;">
  110.             <span class="fa fa-frown-o"></span> Aucune données disponible pour cette requête.</br>
  111.             <hr style="width: 100px; border-bottom: 1px solid red;">
  112.             </div>
  113.         </div>
  114.       {% endfor %}
  115.     </div>
  116.     </div>
  117. </div>
  119. <div class="container mt-3">
  120.     <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px; padding: 15px;">
  121.         <span class="clearfix"></span>
  122.         {% if nombrepage > 0 %}
  124.         {% if page > 1 and page <= nombrepage %}
  125.         {% set pagepre = page - 1 %}
  126.         {% else %}
  127.             {% set pagepre = nombrepage %}
  128.         {% endif %}
  130.         {% if page < nombrepage %}
  131.             {% set pagesuiv = page + 1 %}
  132.         {% else %}
  133.             {% set pagesuiv =  1 %}
  134.         {% endif %}
  136.         {% if nombrepage < 5 %}
  137.             {% set debut = 1 %}
  138.             {% set fin = nombrepage %}
  139.         {% else %}
  140.             {% if page > 2 and page < (nombrepage - 2) %}
  141.                 {% set debut = page - 2 %}
  142.                 {% if page + 2 >= nombrepage %}
  143.                     {% set fin = nombrepage %}
  144.                 {% else %}
  145.                     {% set fin = page + 2 %}
  146.                 {% endif %}
  147.             {% else %}
  148.                 {% if page <= 2 %}
  149.                     {% if page == 1 %}
  150.                         {% set debut = 1 %}
  151.                         {% set fin = page + 3 %}
  152.                     {% else %}
  153.                         {% set debut = 1 %}
  154.                         {% set fin = page + 2 %}
  155.                     {% endif %}
  156.                 {% else %}
  157.                     {% set debut = page - 2 %}
  158.                     {% if page + 2 >= nombrepage %}
  159.                         {% set fin = nombrepage %}
  160.                     {% else %}
  161.                         {% set fin = page + 2 %}
  162.                     {% endif %}
  163.                 {% endif %}
  164.             {% endif %}
  166.         {% endif %}
  167.         <div>
  168.            <nav class="pagination" role="navigation">
  169.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': 1 }) }}" title="Première page" style=""><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a>
  170.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': pagepre }) }}" title="Page précedente" style=""><span class="fa fa-step-backward" style="font-size: 13px;"></span></a>
  171.                 {% for p in debut..fin %}
  172.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': p }) }}" class="{% if p == page %}active{% endif %}" style="margin: 4px 0px;">{{ p }}</a>
  173.                 {% endfor %}
  174.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': pagesuiv }) }}"  title="Page suivante"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a>
  175.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': nombrepage }) }}" title="Dernière page"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a>
  176.             </nav>
  177.         <div class="clearfix"></div>
  178.         </div>
  179.         {% else %}
  180.         <div>
  181.            <nav class="pagination" role="navigation">
  182.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Première page" style=""><span class="fa fa-fast-backward" style="font-size: 13px;"></span></a>
  183.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Page précedente" style=""><span class="fa fa-step-backward" style="font-size: 13px;"></span></a>
  185.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" class="active" style="">0</a>
  187.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}"  title="Page suivante"><span class="fa fa-step-forward" style="font-size: 13px;"></span></a>
  188.                 <a href="{{ path('produit_service_afh_sps', {'position': position, 'page': page }) }}" title="Dernière page"><span class="fa fa-fast-forward" style="font-size: 13px;"></span></a>
  189.            </nav>
  191.         <div class="clearfix"></div>
  192.         </div>
  193.         {% endif %}
  194.     </div>
  195. </div>