templates/Theme/General/Template/Menu/contacts.html.twig line 1

Open in your IDE?
  2. {% if dashbord|default(0) == 1 %}
  3. <div class="row" style=" margin-bottom: 0px; background: #fff;">
  4.   <div class="col-md-4">
  5.       <div style="margin-top: 10px;">
  6.         <img src="{{ asset('template/images/logohbill.png') }}" style="float: left; width: 80px; height: 80px; border: 1px solid green; margin-right: 5px;"/>
  7.         <h5 class="title" style="margin-bottom: 10px;"><strong><span style="color: #e34520;">AFH</span> <span style="color: #91ba1c;"> HBill</span></strong></h5>
  8.         <div>Revendeur cloud élastique</div>
  9.         <div><span class="fa fa-smile-o" style="color: green;"></span> Simple, <span class="fa fa-line-chart" style="color: green;"></span> Lucratif, <span class="fa fa-sliders" style="color: green;"></span> Adapatif ! </div>
  10.       </div>
  11.   </div>
  12.   <div class="col-md-4 text-left">
  13.   <div style="margin-top: 10px;">
  14.       <!-- Links -->
  15.     <h5 class="text-uppercase">Nous Contacter</h5>
  17.     <ul class="list-unstyled">
  18.       <li>
  19.         <a href="https://api.whatsapp.com/send?phone={{ telwath }}" target="_blank" style="width: 100%; text-align: left!important ;color: #333;">
  20.           <img src="{{ asset('template/images/whatsapp.png') }}" alt="" style="width: 20px; height: 20px; float: left; margin-right: 7px;"/>
  21.           Whatsapp: {{ telwath }}
  22.         </a>
  23.       </li>
  24.       <li>
  25.         <a href="mailto:{{ email }}"  style="width: 100%; text-align: left!important; color: #333;">
  26.           <img src="{{ asset('template/images/email.png') }}" alt="" style="width: 20px; height: 20px; float: left; margin-right: 7px;"/>
  27.           Email: {{ email }}
  28.         </a>
  29.       </li>
  30.     </ul>
  31.   </div>
  32.   </div>
  33.   <div class="col-md-4 text-left">
  34.   <div style="margin-top: 10px;">
  35.       <!-- Links -->
  36.     <h5 class="text-uppercase">Réseaux Sociaux</h5>
  38.     <ul class="list-unstyled">
  39.       <li>
  40.         <a href="{{ facebook }}" target="_blank" style="width: 100%; text-align: left!important; color: #333;">
  41.           <img src="{{ asset('template/images/facebook.png') }}" alt="" style="width: 20px; height: 20px; float: left; margin-right: 7px;"/>
  42.           Nous joindre sur facebook
  43.         </a>
  44.       </li>
  45.       <li>
  46.         <a href="{{ twitter }}" target="_blank" style="width: 100%; text-align: left!important; color: #333;">
  47.           <img src="{{ asset('template/images/twitter.png') }}" alt="" style="width: 20px; height: 20px; float: left; margin-right: 7px;"/>
  48.           Nous joindre sur twitter
  49.         </a>
  50.       </li>
  51.     </ul>
  52.   </div>
  53.   </div>
  54.  </div>
  55. {% else %}
  56. <style>
  57. .effect7
  58. {
  59.       position:relative;
  60.     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  61.        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  62.             box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  63. }
  64. .effect7:before, .effect7:after
  65. {
  66.     content:"";
  67.     position:absolute;
  68.     z-index:-1;
  69.     -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  70.     -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
  71.     box-shadow:0 0 20px rgba(0,0,0,0.8);
  72.     top:0;
  73.     bottom:0;
  74.     left:10px;
  75.     right:10px;
  76.     -moz-border-radius:100px / 10px;
  77.     border-radius:100px / 10px;
  78. }
  79. .effect7:after
  80. {
  81.     right:10px;
  82.     left:auto;
  83.     -webkit-transform:skew(8deg) rotate(3deg);
  84.        -moz-transform:skew(8deg) rotate(3deg);
  85.         -ms-transform:skew(8deg) rotate(3deg);
  86.          -o-transform:skew(8deg) rotate(3deg);
  87.             transform:skew(8deg) rotate(3deg);
  88. }
  89. </style>
  91. <div id="content++">
  92.     <!--Row featured-->
  93.     <div class="row-featured++ row-free++ effect7++" style="padding-top: 25px; padding-bottom: 25px; background: #90acd1!important;">
  94.         <div class="container" style="padding: 0px;">
  95.             <div class="title-block clearfix" style="color: #fff; text-align: center!important;">
  96.                 <h2 style="color: #fff; font-size: 24px;">Contactez-nous au <span class="fa fa-phone"></span> <a href="tel: {{ telephone }}" style="color: #f6921e;">{{ telephone }}</a> :: <span class="fa fa-whatsapp"></span>  <a href="https://api.whatsapp.com/send?phone={{ telwath }}" style="color: #f6921e;" target="_blank">{{ telwath }}</a> ou <span class="fa fa-comments"></span> <a href="https://tawk.to/chat/5d5d7d44eb1a6b0be608a773/default" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" style="color: #f6921e;">Tchattez</a> avec un conseiller</h2>
  97.                 Contact téléphonique du Lundi au Samedi de 8h30 à 18h30, Support email et documentation 24h/7.
  98.             </div>
  99.         </div>
  100.     </div>
  101. </div>
  102. {% endif %}