templates/pages/homepage.html.twig line 1

  1. {% extends "base.html.twig" %}
  2. {% block bodystyle %}home page template-slider
  3. {% endblock %}
  4. {% block content %}
  5.     <div id="Content">
  6.         <div class="mfn-main-slider" id="mfn-rev-slider">
  7.             <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-source="gallery" style="margin: 0px auto; background: transparent; padding: 0px; height: 920px; overflow: visible;">
  8.                 <div id="rev_slider_1_1" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive rev_redraw_on_blurfocus" style="margin-top: 0px; margin-bottom: 0px; height: 920px;" data-version="5.4.8.3" data-slideactive="rs-1">
  9.                     <ul class="tp-revslider-mainul" style="visibility: visible; display: block; overflow: hidden; width: 100%; height: 100%; max-height: none; left: 0px;">
  10.                         <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1; background-color: rgba(255, 255, 255, 0);">
  11.                             <div
  12.                                 class="slotholder" style="position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);">
  13.                                 <!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img src="images/company5-slider-pic1.jpg" title="company5-slider-pic1" width="1920" height="920" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg defaultimg" data-no-retina="">-->
  14.                                 <div class="tp-bgimg defaultimg" data-bgcolor="undefined" style="background-repeat: no-repeat; background-image: url(&quot;{{content.backgroundimage.thumbnails["2560x920.webp"]}}&quot;); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;" src="{{content.backgroundimage.thumbnails["1920x920.webp"]}}"></div>
  15.                             </div>
  16.                             <div class="tp-parallax-wrap homebanner1" style="position: absolute; display: block; visibility: visible; left: 432px; top: 430px; z-index: 5;">
  17.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  18.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  19.                                         <a class="tp-caption   tp-resizeme" href="{{content.toplink}}" target="_self" id="slide-1-layer-6" data-x="20" data-y="430" data-width="['auto']" data-height="['auto']" data-type="text" data-actions="" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:200,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5; white-space: nowrap; font-size: 30px; line-height: 30px; font-weight: 600; color: rgb(8, 46, 144); letter-spacing: 3px; font-family: 'Krub', sans-serif; text-decoration: none; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0px; margin: 0px; padding: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">{{content.toplinktitle|upper}}
  20.                                         </a>
  21.                                     </div>
  22.                                 </div>
  23.                             </div>
  24.                             <div class="tp-parallax-wrap homebanner2" style="position: absolute; display: block; visibility: visible; left: 432px; top: 492px; z-index: 6;">
  25.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  26.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  27.                                         <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" id="slide-1-layer-7" data-x="20" data-y="492" data-width="['530']" data-height="['2']" data-type="shape" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:300,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 6; background-color: rgb(8, 46, 144); visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 30px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 400; font-size: 15px; white-space: nowrap; min-height: 2px; min-width: 530px; max-height: 2px; max-width: 530px; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"></div>
  28.                                     </div>
  29.                                 </div>
  30.                             </div>
  31.                             <div class="tp-parallax-wrap homebanner3" style="position: absolute; display: block; visibility: visible; left: 432px; top: 526px; z-index: 7;">
  32.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  33.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  34.                                         <div class="tp-caption   tp-resizeme" id="slide-1-layer-3" data-x="20" data-y="526" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:400,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7; white-space: nowrap; font-size: 50px; line-height: 60px; font-weight: 700; color: black; letter-spacing: 0px; font-family: 'Krub', sans-serif; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0px; margin: 0px; padding: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
  35.                                             {{content.mainheading|raw}}
  36.                                         </div>
  37.                                     </div>
  38.                                 </div>
  39.                             </div>
  40.                             <div class="tp-parallax-wrap homebanner4" style="position: absolute; display: block; visibility: visible; left: 432px; top: 703px; z-index: 8;">
  41.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  42.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  43.                                         <a class="tp-caption   tp-resizeme" href="{{content.bottomlink}}" target="_self" id="slide-1-layer-5" data-x="20" data-y="703" data-width="['auto']" data-height="['auto']" data-type="text" data-actions="" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:500,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;x:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 8; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 700; color: black; letter-spacing: 1px; font-family: 'Krub', sans-serif; text-decoration: none; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; border-width: 0px; margin: 0px; padding: 0px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">{{content.bottomlinktitle}}
  44.                                             <i class="icon-right-dir" style="transition: none 0s ease 0s; text-align: inherit; line-height: 22px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 700; font-size: 14px;"></i>
  45.                                         </a>
  46.                                     </div>
  47.                                 </div>
  48.                             </div>
  49.                             <div class="tp-parallax-wrap homebanner5" style="position: absolute; display: block; visibility: visible; left: 1001px; top: 280px; z-index: 9;">
  50.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  51.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  52.                                         <div class="tp-caption   tp-resizeme" id="slide-1-layer-1" data-x="589" data-y="bottom" data-voffset="119" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:700,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:50px;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 400; font-size: 15px; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"><img src="{{content.decorateimage.thumbnails["390x521.webp"]}}" data-ww="390px" data-hh="521px" width="390" height="521" data-no-retina="" style="width: 390px; height: 521px; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 400; font-size: 15px;">
  53.                                         </div>
  54.                                     </div>
  55.                                 </div>
  56.                             </div>
  57.                             <div class="tp-parallax-wrap  homebanner6" style="position: absolute; display: block; visibility: visible; left: 1432px; top: 846px; z-index: 11;">
  58.                                 <div class="tp-loop-wrap" style="position:absolute;display:block;;">
  59.                                     <div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;">
  60.                                         <div class="tp-caption   tp-resizeme" id="slide-1-layer-4" data-x="right" data-hoffset="37" data-y="bottom" data-voffset="45" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:800,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:300,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 11; visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 400; font-size: 15px; white-space: nowrap; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;"><img src="/weber-montage/images/company5-slider-pic4.png" data-ww="23px" data-hh="29px" width="23" height="29" data-no-retina="" style="width: 23px; height: 29px; transition: none 0s ease 0s; text-align: inherit; line-height: 0px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 1px; font-weight: 400; font-size: 15px;">
  61.                                         </div>
  62.                                     </div>
  63.                                 </div>
  64.                             </div>
  65.                         </li>
  66.                     </ul>
  67.                     <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important; width: 0%;"></div>
  68.                     <div class="tp-loader spinner0" style="display: none;">
  69.                         <div class="dot1"></div>
  70.                         <div class="dot2"></div>
  71.                         <div class="bounce1"></div>
  72.                         <div class="bounce2"></div>
  73.                         <div class="bounce3"></div>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <div class="content_wrapper clearfix">
  79.             <div class="sections_group">
  80.                 <div class="entry-content">
  81.                     {% for snippet in content.snippets %}
  82.                         {% include 'snippets/' ~ view.snippets[loop.index0]["template"] ~ '.html.twig' with {
  83.                                 content: snippet,
  84.                                 view: view.snippets[loop.index0],
  85.                             } %}
  86.                     {% endfor %}
  87.                 </div>
  88.             </div>
  89.         </div>
  90.     </div>
  91. {% endblock %}