templates/front/details/detailWeb.html.twig line 1

  2. <div class='elements' id="left">
  3.     <span class='retour_web'><img src="{{ asset(img_path ~ '/' ~ 'web/img-retour-web.png') }}"/></span>
  4. </div>
  5. <div class="elements" id="middle">
  6.     <span id="ombre"></span>
  7.     <span class="titre"><img src="{{ web_path ~ '/' ~ web|imgWebTitre }}"/></span>
  9.     <span id='img_pres'>
  10.         <img src="{{ web_path ~ '/' ~ web|imgWebPresentation }}"/>
  11.     </span>
  12. </div>
  13. <div class="elements" id="right">
  14.     <div id="top">
  15.         <h2 class="title-web-responsive">{{ web.title }}</h2>
  16.         <div id="text">
  17.             {{ web.description|raw }}
  18.         </div>
  19.         <div id="slideshow_img_web">
  20.             <div class="slider">
  21.                 {% for s in web.slides %}
  22.                     <div class="elementSlideImgWeb">
  23.                         <a><img src="{{ slide_web_path ~ '/' ~ s.picture }}"/></a>
  24.                     </div>
  25.                 {% endfor %}
  26.             </div>
  27.         </div>
  28.     </div>
  29.     <div id="bottom">
  30.         <div class="container-bottom container-bottom-link">
  31.             <span id='client'>
  32.             <a class='info_label'>Client </a>
  33.             <a class='content_info'>{{ web.title }}</a>
  34.         </span>
  35.             {% if(web.partnership) %}
  36.                 <span id="partenariat">
  37.                 <a class='info_label'>Partenariat </a>
  38.                 <a class='content_info'>{{ web.partnership|raw }}</a>
  39.             </span>
  40.             {% endif %}
  41.             {% if (web.webLink) %}
  42.                 <span id="link_web">
  43.                 <a class='info_label'>Site Web </a>
  44.                 <a class='content_info' target="_blank" href="http://{{ web.webLink }}">{{ web.webLink }}</a>
  45.             </span>
  46.             {% endif %}
  47.         </div>
  48.         <div class="container-bottom container-bottom-share">
  49.             <div id="shareWeb"></div>
  50.         </div>
  51.     </div>
  52. </div>
  53. <script>
  54.     $('.slider').slick({
  55.         draggable: false,
  56.         infinite: false,
  57.         lazyLoad: 'ondemand'
  58.     });
  59.     $(".retour_web").on('click', function(){
  60.         $("#slide-element").animate({
  61.             'position': 'relative',
  62.             'left': '0px',
  63.         }, 1000, function(){
  64.             $('#detail-element').html('');
  65.             if($(window).width() > 1024){
  66.                 $("#slide-element").css('height', 'auto');
  67.             }
  69.         });
  71.     });
  72.     $("#shareWeb").jsSocials({
  73.         shares: ["facebook", "email", "twitter"]
  74.     });
  75. </script>