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

Open in your IDE?
  1. {% if position != 'menuaide' %}
  2. <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  3. <div class="menu-wrapper" >
  4. <div class="menu-content">
  5. <div class="feature-block-image text-center" style="padding-top: 10px;">
  6.   <img src="{{ asset('template/images/logohbill.png') }}" class="key-benefits-img-wrap"  alt="" style="height: 50px; margin-right: 7px;">
  7.   <strong style="font-size: 25px;"><span style="color: #e85727;">AFH</span> H<span style="color: #bbce1d;">Bill</span></strong>
  8.   </br><div style="width: 100px; border-top: 2px solid red; display: inline-block; margin: 3px;"></div>
  9. </div>
  10.  <div class="group" style="margin-bottom: -30px;">
  11.     <ul class="profile-links-group" style="padding: 0px;">
  12.        <li class="list-item item-app" style="{% if position|default(null) == 'apropos' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  13.        <a href="{{ path('produit_service_afh_sps', {'position': 'apropos'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  14.        <div style="width: 27%!important; display: inline-block;">
  15.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/hand-gesture.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  16.         </div>
  17.         <div style="width: 70%!important; display: inline-block;">
  18.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_apropos|length }}</span>
  19.         <div class="coustom-my-text">
  20.         À propos
  21.         </div>
  22.         <div class="coustom-my-text" style="font-size: 13px;">{{ site }} en quelques mots</div>
  23.         </div>
  24.        </a>
  25.        <div class="popover arrow-top"><h2 style="font-size: 13px;">À propos de {{ site }} </h2>Installez en quelques minutes votre site pro complet de vente d'hébergement web sans de grandes compétences technique.</br><a href="{{ path('produit_service_afh_sps', {'position': 'apropos'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  26.        </li>
  27.        
  28.        <li class="list-item item-app" style="{% if position|default(null) == 'demo' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  29.        <a href="{{ path('produit_service_afh_sps', {'position': 'demo'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  30.        <div style="width: 27%!important; display: inline-block;">
  31.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/bullseye.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  32.         </div>
  33.         <div style="width: 70%!important; display: inline-block;">
  34.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_demo|length }}</span>
  35.         <div class="coustom-my-text">
  36.         Démonstration
  37.         </div>
  38.         <div class="coustom-my-text" style="font-size: 13px;">Testez avant d'installer </div>
  39.         </div>
  40.        </a>
  41.        <div class="popover arrow-top"><h2 style="font-size: 13px;">{{ site }} en action</h2>Explorez les fonctionnalités {{ site }} pas à pas avant d'installer </br><a href="" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Explorer &#8594 </a></div>
  42.        </li>
  43.        <li class="list-item item-app" style="{% if position|default(null) == 'reviews' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  44.        <a href="{{ path('produit_produit_afh_client_reviews') }}" style="border-top: 2px solid #3565ae!important; display: block;">
  45.        <div style="width: 27%!important; display: inline-block;">
  46.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/rating.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  47.         </div>
  48.         <div style="width: 70%!important; display: inline-block;">
  49.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_review|length }}</span>
  50.         <div class="coustom-my-text">
  51.         Avis utilisateurs 
  52.         </div>
  53.         <div class="coustom-my-text" style="font-size: 13px;">Ils/Elles parlent de leur expérience {{ site }}</div>
  54.         </div>
  55.        </a>
  56.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Ils/Elles parlent de leur expérience {{ site }}</h2>Nos clients qui ont installé {{ site }} donnent leur avis.</br><a href="{{ path('produit_produit_afh_client_reviews') }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Explorer &#8594 </a></div>
  57.        </li>
  58.        <li class="list-item item-app" style="{% if position|default(null) == 'blog' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  59.        <a href="{{ path('produit_service_afh_sps', {'position': 'blog'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  60.        <div style="width: 27%!important; display: inline-block;">
  61.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/idea.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  62.         </div>
  63.         <div style="width: 70%!important; display: inline-block;">
  64.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_blog|length }}</span>
  65.         <div class="coustom-my-text">
  66.         Blog
  67.         </div>
  68.         <div class="coustom-my-text" style="font-size: 13px;">Suivez l'actualité {{ site }}</div>
  69.         </div>
  70.        </a>
  71.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Actualité {{ site }}</h2>Nouveatés, Offres, etc.. Ne rattez rien de ce qui se passe actuellement sur {{ site }}.</br><a href="{{ path('produit_service_afh_sps', {'position': 'blog'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Consulter &#8594 </a></div>
  72.        </li>
  73.        
  74.        
  75.        <li class="list-item item-app" style="height: 80px;">
  76.        <a href="{{ path('produit_service_document_module') }}" style="border-top: 2px solid #3565ae!important; display: block;">
  77.        <div style="width: 27%!important; display: inline-block;">
  78.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/request.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  79.         </div>
  80.         <div style="width: 70%!important; display: inline-block;">
  81.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_documentation|length }}</span>
  82.         <div class="coustom-my-text">
  83.         Documentation
  84.         </div>
  85.         <div class="coustom-my-text" style="font-size: 13px;">Base de connaissances {{ site }}</div>
  86.         </div>
  87.        </a>
  88.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Base de connaissances {{ site }}</h2>Tout ce qui faut savoir sur {{ site }} </br><a href="{{ path('produit_service_document_module') }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Documentation &#8594 </a></div>
  89.        </li>
  90.        
  91.        <li class="list-item item-app" style="{% if position|default(null) == 'faq' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  92.        <a href="{{ path('produit_service_afh_sps', {'position': 'faq'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  93.        <div style="width: 27%!important; display: inline-block;">
  94.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/conversation.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  95.         </div>
  96.         <div style="width: 70%!important; display: inline-block;">
  97.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_faq|length }}</span>
  98.         <div class="coustom-my-text">
  99.         FAQ
  100.         </div>
  101.         <div class="coustom-my-text" style="font-size: 13px;">Foire aux questions</div>
  102.         </div>
  103.        </a>
  104.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Foire aux questions </h2>Nous essayons ici d'apporter les réponses aux questions que vous vous posez certainement maintenant.</br><a href="{{ path('produit_service_afh_sps', {'position': 'faq'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  105.        </li>
  106.        
  107.     </ul>
  108.  </div>
  109. </div>
  110. </div>
  111. </div>
  113. <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  114. <div class="menu-wrapper" >
  115. <div class="menu-content">
  116. <div class="feature-block-image text-center" style="padding-top: 10px;">
  117.   <img src="{{ asset('template/images/logohbill.png') }}" class="key-benefits-img-wrap"  alt="" style="height: 50px; margin-right: 7px;">
  118.   <strong style="font-size: 25px;"><span style="color: #e85727;">AFH</span> H<span style="color: #bbce1d;">Bill</span></strong>
  119.   </br><div style="width: 100px; border-top: 2px solid red; display: inline-block; margin: 3px;"></div>
  120. </div>
  121.  <div class="group" style="margin-bottom: -30px;">
  122.     <ul class="profile-links-group" style="padding: 0px;">
  123.        <li class="list-item item-app" style="{% if position|default(null) == 'engagement' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  124.        <a href="{{ path('produit_service_afh_sps', {'position': 'engagement'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  125.        <div style="width: 27%!important; display: inline-block;">
  126.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/certificate.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  127.         </div>
  128.         <div style="width: 70%!important; display: inline-block;">
  129.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_engagement|length }}</span>
  130.         <div class="coustom-my-text">
  131.         Les garanties
  132.         </div>
  133.         <div class="coustom-my-text" style="font-size: 13px;">Nous nous engageons à vous offrir le meilleur</div>
  134.         </div>
  135.        </a>
  136.        
  137.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Les garanties</h2>Nous nous engageons à vous offrir le meilleur</br><a href="{{ path('produit_service_afh_sps', {'position': 'engagement'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  138.        </li>
  139.        <li class="list-item item-app" style="{% if position|default(null) == 'toutinclus' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  140.        <a href="{{ path('produit_service_afh_sps', {'position': 'toutinclus'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  141.        <div style="width: 27%!important; display: inline-block;">
  142.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/star.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  143.         </div>
  144.         <div style="width: 70%!important; display: inline-block;">
  145.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_toutinclus|length }}</span>
  146.         <div class="coustom-my-text">
  147.         Avantages des offres
  148.         </div>
  149.         <div class="coustom-my-text" style="font-size: 13px;">Tous nos offres comprennent:</div>
  150.         </div>
  151.        </a>
  152.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Avantages des offres</h2>Tous nous offres inclus beaucoup d'avantages </br><a href="{{ path('produit_service_afh_sps', {'position': 'toutinclus'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  153.        </li>
  154.        <li class="list-item item-app" style="{% if position|default(null) == 'modepaiement' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  155.        <a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  156.        <div style="width: 27%!important; display: inline-block;">
  157.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/money.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  158.         </div>
  159.         <div style="width: 70%!important; display: inline-block;">
  160.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_modepaiement|length }}</span>
  161.         <div class="coustom-my-text">
  162.         Modes de paiement
  163.         </div>
  164.         <div class="coustom-my-text" style="font-size: 13px;">Locaux et internationaux</div>
  165.         </div>
  166.        </a>
  167.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Modes de paiement acceptés </h2>Parmi les modes de paiement acceptés vous allez certainement trouver votre compte.</br><a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Afficher &#8594 </a></div>
  168.        </li>
  169.        <li class="list-item item-app" style="{% if position|default(null) == 'cgu' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  170.        <a href="{{ path('produit_service_afh_sps', {'position': 'cgu'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  171.        <div style="width: 27%!important; display: inline-block;">
  172.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/scales.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  173.         </div>
  174.         <div style="width: 70%!important; display: inline-block;">
  175.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">25</span>
  176.         <div class="coustom-my-text">
  177.         Conditions générales d'utilisations
  178.         </div>
  179.         <div class="coustom-my-text" style="font-size: 13px;">CGU</div>
  180.         </div>
  181.        </a>
  182.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Conditions générales d'utilisations</h2>En utilisant nos services, vous acceptez nous conditions d'utilisations</br><a href="{{ path('produit_service_afh_sps', {'position': 'cgu'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  183.        </li>
  184.        
  185.        <li class="list-item item-app" style="{% if position|default(null) == 'confidentialite' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  186.        <a href="{{ path('produit_service_afh_sps', {'position': 'confidentialite'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  187.        <div style="width: 27%!important; display: inline-block;">
  188.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/group.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  189.         </div>
  190.         <div style="width: 70%!important; display: inline-block;">
  191.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_confidentialite|length }}</span>
  192.         <div class="coustom-my-text">
  193.         Confidentitalité
  194.         </div>
  195.         <div class="coustom-my-text" style="font-size: 13px;">Protection des données</div>
  196.         </div>
  197.        </a>
  198.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Confidentitalité</h2>Comment nous utilisons et protégeons les données que nous collectons. </br><a href="" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  199.        </li>
  200.        
  201.     </ul>
  202.  </div>
  203. </div>
  204. </div>
  205. </div>
  207. <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  208. <div class="menu-wrapper" >
  209. <div class="menu-content">
  211.  <div class="group" style="margin-bottom: -30px;">
  212.     <ul class="profile-links-group" style="padding: 0px;">
  213.        <li class="list-item item-app" style="height: 80px;">
  214.        {% if app.user != null %}
  215.        <a href="{{ path('users_user_user_accueil', {'id': app.user.id }) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  216.        <div style="width: 27%!important; display: inline-block;">
  217.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/speedometer.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  218.         </div>
  219.         <div style="width: 70%!important; display: inline-block;">
  220.         <div class="coustom-my-text">
  221.         Tableau de bord
  222.         </div>
  223.         <div class="coustom-my-text" style="font-size: 13px;">{{ app.user.name(30) }}</div>
  224.         </div>
  225.        </a>
  226.        <div class="popover arrow-top"><h2 style="font-size: 13px;">{{ app.user.name(30) }} </h2>Votre tableau de bord vous permet de gérer vos commandes </br><a href="{{ path('users_user_user_accueil', {'id': app.user.id }) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Afficher &#8594 </a></div>
  227.        {% else %}
  228.         <a href="{{ path('users_user_acces_plateforme', {'add': 1}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  229.        <div style="width: 27%!important; display: inline-block;">
  230.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/cloud-computing.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  231.         </div>
  232.         <div style="width: 70%!important; display: inline-block;">
  233.         <div class="coustom-my-text">
  234.         Nous rejoindre
  235.         </div>
  236.         <div class="coustom-my-text" style="font-size: 13px;">Installez {{ site }} mantenant</div>
  237.         </div>
  238.        </a>
  239.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Nous rejoindre </h2>Installez {{ site }} mantenant. </br><a href="{{ path('users_user_acces_plateforme', {'add': 1}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Démarrez &#8594 </a></div>
  240.        {% endif %}
  241.        </li>
  242.     </ul>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. {% else %}
  249. <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  250. <div class="menu-wrapper" >
  251. <div class="menu-content">
  252. <div class="feature-block-image text-center" style="padding-top: 10px;">
  253.   <img src="{{ asset('template/images/logohbill.png') }}" class="key-benefits-img-wrap"  alt="" style="height: 50px; margin-right: 7px;">
  254.   <strong style="font-size: 25px;"><span style="color: #e85727;">AFH</span> H<span style="color: #bbce1d;">Bill</span></strong>
  255.   </br><div style="width: 100px; border-top: 2px solid red; display: inline-block; margin: 3px;"></div>
  256. </div>
  257.  <div class="group" style="margin-bottom: -30px;">
  258.     <ul class="profile-links-group" style="padding: 0px;">
  259.        <li class="list-item item-app" style="{% if position|default(null) == 'modepaiement' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  260.        <a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  261.        <div style="width: 27%!important; display: inline-block;">
  262.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/flyers.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  263.         </div>
  264.         <div style="width: 70%!important; display: inline-block;">
  265.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">25</span>
  266.         <div class="coustom-my-text">
  267.         Nos offres
  268.         </div>
  269.         <div class="coustom-my-text" style="font-size: 13px;">Locaux et internationaux</div>
  270.         </div>
  271.        </a>
  272.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Modes de paiement acceptés </h2>Parmi les modes de paiement acceptés vous allez certainement trouver votre compte.</br><a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Afficher &#8594 </a></div>
  273.        </li>
  274.        <li class="list-item item-app" style="{% if position|default(null) == 'demo' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  275.        <a href="{{ path('produit_service_afh_sps', {'position': 'demo'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  276.        <div style="width: 27%!important; display: inline-block;">
  277.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/bullseye.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  278.         </div>
  279.         <div style="width: 70%!important; display: inline-block;">
  280.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_demo|length }}</span>
  281.         <div class="coustom-my-text">
  282.         Démonstration
  283.         </div>
  284.         <div class="coustom-my-text" style="font-size: 13px;">Testez avant d'installer </div>
  285.         </div>
  286.        </a>
  287.        <div class="popover arrow-top"><h2 style="font-size: 13px;">{{ site }} en action</h2>Explorez les fonctionnalités {{ site }} pas à pas avant d'installer </br><a href="" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Explorer &#8594 </a></div>
  288.        </li>
  289.        <li class="list-item item-app" style="{% if position|default(null) == 'modepaiement' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  290.        <a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  291.        <div style="width: 27%!important; display: inline-block;">
  292.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/money.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  293.         </div>
  294.         <div style="width: 70%!important; display: inline-block;">
  295.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_modepaiement|length }}</span>
  296.         <div class="coustom-my-text">
  297.         Modes de paiement
  298.         </div>
  299.         <div class="coustom-my-text" style="font-size: 13px;">Locaux et internationaux</div>
  300.         </div>
  301.        </a>
  302.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Modes de paiement acceptés </h2>Parmi les modes de paiement acceptés vous allez certainement trouver votre compte.</br><a href="{{ path('produit_service_afh_sps', {'position': 'modepaiement'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Afficher &#8594 </a></div>
  303.        </li>
  304.        <li class="list-item item-app" style="{% if position|default(null) == 'cgu' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  305.        <a href="{{ path('produit_service_afh_sps', {'position': 'cgu'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  306.        <div style="width: 27%!important; display: inline-block;">
  307.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/scales.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  308.         </div>
  309.         <div style="width: 70%!important; display: inline-block;">
  310.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">25</span>
  311.         <div class="coustom-my-text">
  312.         Conditions générales d'utilisations
  313.         </div>
  314.         <div class="coustom-my-text" style="font-size: 13px;">CGU</div>
  315.         </div>
  316.        </a>
  317.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Conditions générales d'utilisations</h2>En utilisant nos services, vous acceptez nous conditions d'utilisations</br><a href="{{ path('produit_service_afh_sps', {'position': 'cgu'}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  318.        </li>
  319.        
  320.        <li class="list-item item-app" style="{% if position|default(null) == 'confidentialite' %}background: rgba(145, 186, 28, 0.2);{% endif %} height: 80px;">
  321.        <a href="{{ path('produit_service_afh_sps', {'position': 'confidentialite'}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  322.        <div style="width: 27%!important; display: inline-block;">
  323.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/group.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  324.         </div>
  325.         <div style="width: 70%!important; display: inline-block;">
  326.         <span class="badge" style="float: right; font-size: 12px; margin-top: 10px; color: #333;">{{ liste_confidentialite|length }}</span>
  327.         <div class="coustom-my-text">
  328.         Confidentitalité
  329.         </div>
  330.         <div class="coustom-my-text" style="font-size: 13px;">Protection des données</div>
  331.         </div>
  332.        </a>
  333.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Confidentitalité</h2>Comment nous utilisons et protégeons les données que nous collectons. </br><a href="" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">En savoir plus &#8594 </a></div>
  334.        </li>
  335.        
  336.     </ul>
  337.  </div>
  338. </div>
  339. </div>
  340. </div>
  343. <div class="menu-ui "style="border-radius: 0px; margin-bottom: 10px;">
  344. <div class="menu-wrapper" >
  345. <div class="menu-content">
  347.  <div class="group" style="margin-bottom: -30px;">
  348.     <ul class="profile-links-group" style="padding: 0px;">
  349.        <li class="list-item item-app" style="height: 80px;">
  350.        {% if app.user != null %}
  351.        <a href="{{ path('users_user_user_accueil', {'id': app.user.id }) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  352.        <div style="width: 27%!important; display: inline-block;">
  353.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/speedometer.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  354.         </div>
  355.         <div style="width: 70%!important; display: inline-block;">
  356.         <div class="coustom-my-text">
  357.         Tableau de bord
  358.         </div>
  359.         <div class="coustom-my-text" style="font-size: 13px;">{{ app.user.name(30) }}</div>
  360.         </div>
  361.        </a>
  362.        <div class="popover arrow-top"><h2 style="font-size: 13px;">{{ app.user.name(30) }} </h2>Votre tableau de bord vous permet de gérer vos commandes </br><a href="{{ path('users_user_user_accueil', {'id': app.user.id }) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Afficher &#8594 </a></div>
  363.        {% else %}
  364.         <a href="{{ path('users_user_acces_plateforme', {'add': 1}) }}" style="border-top: 2px solid #3565ae!important; display: block;">
  365.        <div style="width: 27%!important; display: inline-block;">
  366.        <img id="imgActu0" class="visuel_diapo" src="{{ asset('templatecms/images/cloud-computing.png') }}" title="" style="height: 60px; margin-top: -20px; "/>
  367.         </div>
  368.         <div style="width: 70%!important; display: inline-block;">
  369.         <div class="coustom-my-text">
  370.         Nous rejoindre
  371.         </div>
  372.         <div class="coustom-my-text" style="font-size: 13px;">Installez {{ site }} mantenant</div>
  373.         </div>
  374.        </a>
  375.        <div class="popover arrow-top"><h2 style="font-size: 13px;">Nous rejoindre </h2>Installez {{ site }} mantenant. </br><a href="{{ path('users_user_acces_plateforme', {'add': 1}) }}" class="btn btn-primary" style="color: red!important; background: #f4f4f4;">Démarrez &#8594 </a></div>
  376.        {% endif %}
  377.        </li>
  378.     </ul>
  379. </div>
  380. </div>
  381. </div>
  382. </div>
  383. {% endif %}