templates/front/default/about_us.html.twig line 1

Open in your IDE?
  1. {% extends "front/_common/_base.html.twig" %}
  2. {% block linkcanonical %}
  3.     <link rel="canonical" href="{{ absolute_url(path('about_us')) }}">
  4. {% endblock %}
  5. {% block cssadicional %}
  6.     <link rel="stylesheet" href="{{ asset('static/js/lightgallery/lightgallery.css') }}"/>
  7.     <link rel="stylesheet" href="{{ asset('static/js/lightgallery/lg-fb-comment-box.min.css') }}"/>
  8.     <link rel="stylesheet" href="{{ asset('static/js/lightgallery/lg-transitions.min.css') }}"/>
  9. {% endblock %}
  10. {% block classbody %}{% endblock %}
  11. {% block content %}
  12.     <section class="b1about">
  13.         <div class="b1about_background" style="background-image: url('{{ asset(sd.bannerImage|image_path) }}')">
  14.             <div class="b1about_container ww_center">
  15.                 <div class="b1about_title">
  16.                     <h2>{{ sd.bannerText|markdown_only_strong }}</h2>
  17.                 </div>
  18.             </div>
  19.         </div>
  20.     </section>
  21.     {% if sd.infoShow %}
  22.         <section class="b2about">
  23.             <div class="b2about_container ww_center">
  24.                 <div class="b2about_info">
  25.                     {{ sd.infoText|raw }}
  26.                 </div>
  27.                 <div class="b2about_img">
  28.                     <img src="{{ asset(sd.infoImage|image_path) }}" alt="">
  29.                 </div>
  30.             </div>
  31.         </section>
  32.     {% endif %}
  33.     {% if sd.detailShow %}
  34.         <section class="b3about">
  35.             <div class="b3about_container ww_center">
  36.                 {% if sd.detailTitle1 or sd.detailTitle2 %}
  37.                     <div class="b3about_title">
  38.                         <h2><span class="b3aboutNumber">{{ sd.detailTitle1|only_numbers }}</span> {{ sd.detailTitle1|remove_numbers }} <strong>{{ sd.detailTitle2 }}</strong></h2>
  39.                     </div>
  40.                 {% endif %}
  41.                 {% if sd.detailVideoImage|image_path %}
  42.                     <div class="b3about_background" style="background-image: url('{{ asset(sd.detailVideoImage|image_path) }}')">
  43.                         {% if sd.detailVideoLink|youtube_id %}
  44.                             <a href="https://www.youtube.com/watch?v={{ sd.detailVideoLink|youtube_id }}" class="b3about_video b3aboutVideoPopup">
  45.                                 <span class="icon-play"></span>
  46.                             </a>
  47.                         {% endif %}
  48.                     </div>
  49.                 {% endif %}
  50.                 <div class="b3about_content">
  51.                     {% if sd.detailText %}
  52.                         <div class="b3about_left">
  53.                             {{ sd.detailText|raw }}
  54.                         </div>
  55.                     {% endif %}
  56.                     <div class="b3about_right">
  57.                         <div class="b3about_box">
  58.                             {% if sd.detailMisionIcon|image_path %}
  59.                                 <div class="b3about_box_icon">
  60.                                     <img src="{{ asset(sd.detailMisionIcon|image_path) }}" alt="{{ sd.detailMisionTitle ?: 'Misión' }}">
  61.                                 </div>
  62.                             {% endif %}
  63.                             <div class="b3about_box_title">
  64.                                 <h3>{{ sd.detailMisionTitle ?: 'Misión' }}</h3>
  65.                             </div>
  66.                             <div class="b3about_box_text">
  67.                                 {{ sd.detailMisionText|raw }}
  68.                             </div>
  69.                         </div>
  70.                         <div class="b3about_box">
  71.                             {% if sd.detailVisionIcon|image_path %}
  72.                                 <div class="b3about_box_icon">
  73.                                     <img src="{{ asset(sd.detailVisionIcon|image_path) }}" alt="{{ sd.detailVisionTitle ?: 'Visión' }}">
  74.                                 </div>
  75.                             {% endif %}
  76.                             <div class="b3about_box_title">
  77.                                 <h3>{{ sd.detailVisionTitle ?: 'Visión' }}</h3>
  78.                             </div>
  79.                             <div class="b3about_box_text">
  80.                                 {{ sd.detailVisionText|raw }}
  81.                             </div>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.                 {% if sd.detailImage|image_path %}
  86.                     <div class="b3about_img">
  87.                         <img src="{{ asset(sd.detailImage|image_path) }}" alt="">
  88.                     </div>
  89.                 {% endif %}
  90.             </div>
  91.         </section>
  92.     {% endif %}
  93. {% endblock %}
  94. {% block jsfinal %}
  95.     <script src="{{ asset('static/js/lightgallery/lightgallery.js') }}"></script>
  96.     <script src="{{ asset('static/js/lightgallery/lg-zoom.js') }}"></script>
  97.     <script src="{{ asset('static/js/lightgallery/lg-autoplay.js') }}"></script>
  98.     <script src="{{ asset('static/js/lightgallery/lg-video.js') }}"></script>
  99.     <script src="{{ asset('static/js/jquery.countTo.min.js') }}"></script>
  100.     <script src="{{ asset('static/js/jquery.waypoints.js') }}"></script>
  101.     <script>
  102.         $(function(){
  103.             function jsb3aboutCount(){
  104.                 var count_width = $(window).width();
  105.                 if (count_width > 1024) {
  106.                     $.each($('.b3aboutNumber'), function() {
  107.                         $this = $(this);
  108.                         $this.text($this.text().replace(',',''));
  109.                         $this.countTo({
  110.                             from: 0,
  111.                             to: $this.text(),
  112.                             speed: 1000,
  113.                             refreshInterval: 50,
  114.                             formatter: function (value, options) {
  115.                                 value = value.toFixed(options.decimals);
  116.                                 value = value.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
  117.                                 return value;
  118.                             }
  119.                         });
  120.                     })
  121.                 }
  122.             }
  123.             var b3aboutAnimation = $('.b3about');
  124.             b3aboutAnimation.waypoint(function(direction) {
  125.                 if (direction === 'down') {
  126.                     jsb3aboutCount();
  127.                 }
  128.             }, {
  129.                 offset:'100%'
  130.             });
  131.             $('.b3aboutVideoPopup').lightGallery({
  132.                 selector: 'this',
  133.                 videoMaxWidth: '80%',
  134.                 getCaptionFromTitleOrAlt: false,
  135.                 thumbnail: false,
  136.                 fullScreen: true,
  137.                 download: false,
  138.                 counter: false,
  139.                 zoom: false
  140.             });
  141.         });
  142.     </script>
  143. {% endblock %}