templates/bundles/SyliusShopBundle/contact.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block content %}
  4.     <div class="container-h">
  5.         <div class="div-contact">
  6.             <div class="div-map">
  7.                 <div id='map'>
  9.                 </div>
  10.                 <script>
  11.                   mapboxgl.accessToken = '{{ token_mapbox }}';
  12.                   var map = new mapboxgl.Map({
  13.                     container: 'map',
  14.                     style: 'mapbox://styles/mapbox/streets-v11',
  15.                     center: [2, 48], // starting position
  16.                     zoom: 5 // starting zoom
  17.                   });
  19.                   // Ajouter un marqueur au centre de la carte
  20.                   new mapboxgl.Marker()
  21.                     .setLngLat([2, 48])
  22.                     .addTo(map);
  23.                 </script>
  24.             </div>
  25.             {#
  26.             <div class="div-contact-info">
  27.                 <ul class="ul-div-1">
  28.                     <li>
  29.                         <h4>
  30.                             Besoin d’aide ?
  31.                         </h4>
  32.                         <h4>
  33.                             Contactez nous
  34.                         </h4>
  35.                         <p>
  36.                             Leo duis ut diam quam nulla porttitor massa id. Cursus turpis massa tincidunt dui ut ornare lectus.
  37.                         </p>
  38.                     </li>
  39.                 </ul>
  40.                 <ul class="ul-div-2">
  41.                     <li>
  42.                         <span>
  43.                             EMAIL
  44.                         </span>
  45.                         <p>
  46.                             Email: info@100percent.com
  47.                         </p>
  48.                     </li>
  49.                     <li>
  50.                         <span>
  51.                             ADRESSE
  52.                         </span>
  53.                         <p>
  54.                             9630 Aero Drive San Diego, CA 92123 United States
  55.                         </p>
  56.                     </li>
  57.                 </ul>
  58.                 <ul class="ul-div-3">
  59.                     <li>
  60.                         <span>
  61.                             TELEPHONE
  62.                         </span>
  63.                         <p>
  64.                             Phone: +1 800 123 4567
  65.                         </p>
  66.                     </li>
  67.                     <li>
  68.                         <span>
  69.                             SUIVEZ NOUS
  70.                         </span>
  71.                         <div class="list-rs-contact">
  72.                             <a target="_blank" href="//facebook.com/bitbag"><i class="big grey facebook icon"></i></a>
  73.                             <a target="_blank" href="//instagram.com/bitbag.commerce"><i class="big grey instagram icon"></i></a>
  74.                             <a target="_blank" href="//twitter.com/bitbagcommerce"><i class="big grey twitter card icon"></i></a>
  75.                         </div>
  76.                     </li>
  77.                 </ul>
  78.             </div>
  79.             #}<div class="div-contact-message">
  80.                 <div class="div-form-contact">
  81.                     <h4>
  82.                         Laissez nous un message
  83.                     </h4>
  84.                     <form class="form-contact">
  85.                         <input class="" placeholder="Votre Email">
  86.                         <input class="" placeholder="Objet">
  87.                         <textarea class="" placeholder="Votre message"></textarea>
  88.                         <!-- Form buttons -->
  89.                         <div class="">
  90.                             <button type="submit" id="submit-contact" class="btn round">
  91.                                 Envoyer
  92.                             </button>
  93.                         </div>
  94.                     </form>
  95.                 </div>
  96.                 <div>
  97.                     <img class="ui fluid image" id="image-contact" src="{{ asset('contact-image.png', 'shop') }}" alt="contact-image">
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  102. {% endblock %}