templates/home/location/index.html.twig line 1

Open in your IDE?
  1. <!-- CSS Location -->
  2. <link rel="stylesheet" href="{{asset('css/app/location.css')}}">
  4. <div class="hagrouna__1"></div>
  7. <style>
  8.    .pinEdited {
  9.       width:5%!important;
  10.       border:0!important;
  11.       padding:0!important;
  12.       box-shadow:unset!important;
  13.    }
  14.    .pinEdited i {
  15.       color:rgb(255, 157, 28);
  16.       font-size:16px;
  17.    }
  18. </style>
  19.     <div class="svsTitle">
  20.         <div class="groupe_svsTitle">
  21.             <h3 class="typed-home-about typed_contact"></h3>
  22.         </div>
  23.     </div>
  27. <!-- HTML Location -->
  28. <div class="locationContent">
  30.    <div class="location" data-aos="fade-up">
  31.          <div class="locationElement1">
  32.             <!-- Alger,Annaba,Oran -->
  33.             <div class="algeroran" style="position:relative">
  34.                <span class="pinEdited" style="position:absolute;left:0;top:0"><i class="fas fa-tag" style="font-size:32px;visibility:hidden"></i></span>
  35.                <span id="bureau1"      class="btn contact-selected">{{"Direction"|trans}} <br> {{"générale"|trans}}</span>
  36.                <span class="pinEdited" style="width:100%!important"><i class="fas fa-long-arrow-alt-down"></i></span>
  37.                <span id="bureau4"      class="btn">{{"Bureau"|trans}} <br> OUEST</span>
  38.                <span class="pinEdited"><i class="fas fa-long-arrow-alt-left"></i></span>
  39.                <span id="bureau2"      class="btn">{{"Département"|trans}} <br> RH</span> 
  40.                <span class="pinEdited"><i class="fas fa-long-arrow-alt-right"></i></span>
  41.                <span id="bureau3"      class="btn">{{"Bureau"|trans}} <br> EST</span>
  42.             </div>
  43.             <!-- Information -->
  44.             <div class="contact-information">
  45.                <!-- span location -->
  46.                <span>
  47.                   <i class="fas fa-map-pin"></i>
  48.                   <ul>
  49.                      <li>{{'Adresse'|trans}}</li>
  50.                      <!-- Dynamique -->
  51.                      <li id="contactAdress">11 Chemin doudou mokhtar <br> ben aknoun - Alger</li>
  52.                      <!-- Dynamique -->
  53.                   </ul>
  54.                </span>
  55.                <!-- span phone -->
  56.                <span>
  57.                   <i class="fas fa-mobile-alt"></i>
  58.                   <ul>
  59.                      <li>{{'Téléphone'|trans}}</li>
  60.                      <!-- Dynamique -->
  61.                      <li id="contactPhone">+213 23 38 14 55</li>
  62.                      <!-- Dynamique -->
  63.                   </ul>
  64.                </span>
  65.                <!-- span email -->
  66.                <span>
  67.                   <i class="far fa-envelope-open"></i>
  68.                   <ul>
  69.                      <li>{{'E-mail'|trans}}</li>
  70.                      <!-- Dynamique -->
  71.                      <li id="contactEmail">contact@svs-dz.com</li>
  72.                      <!-- Dynamique -->
  73.                   </ul>
  74.                </span>
  76.             </div>
  77.     </div>
  79.       <div class="locationElement3">
  80.          <iframe id="contactIframe" src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d199.7972475582007!2d3.0127443833533762!3d36.7524283753278!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzbCsDQ1JzA4LjkiTiAzwrAwMCc0Ni41IkU!5e0!3m2!1sfr!2sdz!4v1696897188765!5m2!1sfr!2sdz" width="auto" height="auto" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  81.       </div>
  83.    </div>
  84.    <!--div class="bara" style="position:unset;text-align:left">
  85.         Découvrez tous nos services <i class="fas fa-chevron-circle-right"></i>
  86.     </div-->
  87. </div> <!-- end div -->
  91. <style>
  92. .place-card {
  93.     display:none!important;
  94.     visibility:hidden!important;
  95.  }
  96. .place-card-medium {
  97.     display:none!important;
  98.     visibility:hidden!important;
  99.  }
  100. .place-card-large {
  101.     display:none!important;
  102.     visibility:hidden!important;
  103.  }
  104. .gm-style {
  105.     display:none!important;
  106.     visibility:hidden!important;
  107. }
  108. </style>
  110. <!-- JS Location -->
  111. <script>
  112.     {% include "home/location/element.js" %}
  113. </script>