src/Frontend/OpenSpaceBundle/Resources/views/About/index.html.twig line 1

Open in your IDE?
  1. {% extends 'themes/'~ themes ~'/prague.html.twig' %}
  2. {% block body %}
  3.     <!--MAIN BODY-->
  4.     <div class="container-fluid no-padd">
  5.         <div class="row-fluid no-padd">
  6.             <div class="col-sm-12 no-padd">
  8.                 <div class="container-fluid top-banner no-padd  simple fullheight light">
  9.                     <span class="overlay"></span> <img src="{{ page.post.image }}" class="s-img-switch"
  10.                                                        alt="banner image">
  11.                     <div class="content">
  12.                         <div class="prague-svg-animation-text">
  13.                         </div>
  15.                         <div class="subtitle">{{ page.post.title | upper }}</div>
  16.                         <h1 class="title">{{ page.post.description | striptags }}</h1>
  17.                     </div>
  18.                     <div class="top-banner-cursor"></div>
  19.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  25.     <div class="container no-padd margin-lg-70b margin-xs-50b">
  26.         <div class="row-fluid  margin-lg-60t margin-sm-70t no-padd">
  27.             <div class="col-sm-6 col-lg-offset-0 col-lg-4 col-md-offset-0 col-md-5 col-sm-offset-3 col-xs-12  margin-lg-65t margin-sm-0t">
  29.                 <div class="team-wrapper  circle no-figure">
  30.                     <div class="trans_figures enable_anima">
  32.                     </div>
  34.                     <div class="team-outer">
  35.                         <img  src="{{ content1.post.image }}" alt="" class="prague-team-img s-img-switch">
  37.                     </div>
  39.                 </div>
  41.             </div>
  42.             <div class="padd-only-xs col-sm-12 col-lg-offset-1 col-lg-7 col-md-offset-0 col-md-7 col-sm-offset-0 col-xs-12  margin-lg-0t margin-sm-20t margin-xs-20t">
  44.                 <div class="heading  left dark">
  46.                     <div class="subtitle ">{{ content1.post.title }}</div>
  47.                     <h2 class="title">{{ content1.post.subTitle}}</h2>
  48.                     <div class="content ">
  49.                         {{ content1.post.description | raw }}
  50.                     </div>
  51.                 </div>
  53.             </div>
  54.         </div>
  55.     </div>
  57.     <div class="row-fluid row-no-padding ">
  58.         <div class="no-padd col-sm-12 ">
  59.             <div class="column-inner ">
  60.                 <div class="prague-shortcode-parent ">
  61.                     <div class="prague-shortcode-parent-img">
  62.                         <span class="overlay"></span>
  63.                         <img  src="{{ content2.post.image }}" alt="middle-banner image" />
  64.                     </div>
  66.                     <div class="prague-shortcode-content-wrapp">
  67.                         <div class="prague-shortcode-heading  light left">
  68.                             <div class="parent-subtitle ">{{ content2.post.title }}</div>
  70.                             <h2 class="parent-title">{{ content2.post.subTitle }}</h2>
  71.                         </div>
  73.                         <div data-unique-key="0bf3c8aa9017e52dd041b7e2c3327621" class="js-load-more" data-start-page="1"
  74.                              data-max-page="2" data-next-link="">
  75.                             <div class="row prague_services prague_count_col3 prague_gap_col15  no-footer-content prague-load-wrapper"
  76.                                  data-columns="prague_count_col3" data-gap="prague_gap_col15">
  78.                                 {% for entity in services %}
  79.                                 <div class="portfolio-item-wrapp prague_filter_class">
  80.                                     <div class="portfolio-item">
  82.                                         <div class="prague-services-wrapper">
  83.                                             <span class="services-item-icon {{ entity.code }}"></span>
  85.                                             <h3 class="services-item-title">{{ entity.post.title | raw }}</h3>
  86.                                             <div class="services-item-description">
  87.                                                 <p>
  88.                                                     {{ entity.post.description | striptags | raw }}
  89.                                                 </p>
  90.                                             </div>
  92. {#                                            <a href="#" class="prague-services-link a-btn-2 creative"#}
  93. {#                                               target="_self">#}
  94. {#                                                <span class="a-btn-line"></span>#}
  95. {#                                                READ </a>#}
  97.                                         </div>
  99.                                     </div>
  100.                                 </div>
  101.                                 {% endfor %}
  102.                             </div>
  105.                         </div>
  106.                     </div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </div>
  113.     <div class="container no-padd margin-lg-10b ">
  114.         <div class="row-fluid  margin-lg-10t margin-sm-20t">
  115.             <div class="col-sm-12 no-padd">
  116.                 <div class="column-inner ">
  117.                     <div class="heading  left dark">
  118.                         <div class="subtitle ">{{ content3.post.title }}</div>
  119.                         <h2 class="title">{{ content3.post.subTitle }}</h2>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  126.     <div class="container margin-lg-140b margin-xs-120b">
  128.         <div class="row row-fluid margin-lg-10t">
  130.             <div class="testimonials-wrapper  no-figure">
  131.                 <div class="testimonials-swiper swiper-container" data-speed='2000' data-loop='1' data-autoplay='15000'
  132.                      data-center='0' data-mode='vertical' data-slides-per-view='1' data-lg-slides='1,0' data-md-slides='1,0'
  133.                      data-sm-slides='1,0' data-xs-slides='1,0'>
  134.                     <!-- Additional required wrapper -->
  135.                     <div class="swiper-wrapper">
  136.                         {% for entity in testimonial %}
  137.                         <div class="swiper-slide">
  138.                             <div class="testimonials-item">
  140.                                 <span class="testimonials-icon fa fa fa-quote-right"></span>
  142.                                 <blockquote class="testimonials-description">
  143.                                     <p>
  144.                                         {{ entity.post.description | raw | striptags | raw }}
  145.                                     </p>
  146.                                 </blockquote>
  147.                                 <h4 class="testimonials-author">{{ entity.author | raw }}</h4>
  148.                             </div>
  149.                         </div>
  150.                         {% endfor %}
  152.                     </div>
  154.                     <!-- If we need pagination -->
  155.                     <div class="testimonials-pagination-wrapper">
  156.                         <div class="swiper-pagination"></div>
  157.                     </div>
  158.                 </div>
  160.             </div>
  161.         </div>
  162.     </div>
  164.     <!--/MAIN BODY-->
  165. {% endblock %}
  167. {% block page_script %}
  168.     <script src="{{ asset(themes) }}/prague/js/isotope.pkgd.min.js"></script>
  169. {% endblock %}