templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Arvernus Home{% endblock %}
  5. {% block body %}
  6.     <!-- ========================================== -->
  7.     <!-- Start Main Slider Section -->
  8.     <!-- ========================================== -->
  9.     <section class="main-slider">
  10.         <div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery">
  11.             <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
  12.                 <ul>
  13.                     <!-- Slide 1 -->
  14.                     <li data-index="rs-1" data-transition="zoomout">
  15.                         <!-- MAIN IMAGE -->
  16.                         <img src="{{ asset('images/main-slider/slider1.png') }}" alt="" class="rev-slidebg">
  18.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  19.                              data-paddingright="[15,15,15,15]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
  20.                              data-type="text" data-height="none" data-width="['950','750','750','480']" data-whitespace="normal"
  21.                              data-hoffset="['0','0','0','0']" data-voffset="['-50','-50','-50','-100']"
  22.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  23.                              data-textalign="['top','top','top','top']"
  24.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  25.                             <h1 style="color: #000000;">Qualifiziertes <br>Energieteam</h1>
  26.                         </div>
  28.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  29.                              data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text"
  30.                              data-height="none" data-width="['750','750','750','450']" data-whitespace="normal"
  31.                              data-hoffset="['0','0','0','0']" data-voffset="['65','90','90','10']"
  32.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  33.                              data-textalign="['top','top','top','top']"
  34.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  35.                             <div class="text" style="color: #000000;">Wir beschäftigen die besten lokalen Experten für erneuerbare Energien. </div>
  36.                         </div>
  38.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  39.                              data-paddingright="[15,15,15,15]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
  40.                              data-type="text" data-height="none" data-width="['700','750','700','450']" data-whitespace="normal"
  41.                              data-hoffset="['0','0','0','0']" data-voffset="['140','185','200','120']"
  42.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  43.                              data-textalign="['top','top','top','top']"
  44.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  45. {#                            <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Learn More <i#}
  46. {#                                            class="fa-regular fa-arrow-right"></i></span></a>#}
  47.                         </div>
  48.                     </li>
  50.                     <!-- Slide 2 -->
  51.                     <li data-index="rs-2" data-transition="zoomout">
  52.                         <!-- MAIN IMAGE -->
  53.                         <img src="images/main-slider/slider-bg1.jpg" alt="" class="rev-slidebg">
  55.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  56.                              data-paddingright="[15,15,15,15]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
  57.                              data-type="text" data-height="none" data-width="['950','750','750','480']" data-whitespace="normal"
  58.                              data-hoffset="['0','0','0','0']" data-voffset="['-50','-50','-50','-100']"
  59.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  60.                              data-textalign="['top','top','top','top']"
  61.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  62.                             <h1>Langlebige <br>Solarmodule</h1>
  63.                         </div>
  65.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  66.                              data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text"
  67.                              data-height="none" data-width="['750','750','750','450']" data-whitespace="normal"
  68.                              data-hoffset="['0','0','0','0']" data-voffset="['65','90','90','10']"
  69.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  70.                              data-textalign="['top','top','top','top']"
  71.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  72.                             <div class="text">Wir produzieren und liefern erstklassige Solarpanelsysteme.</div>
  73.                         </div>
  75.                         <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[15,15,15,15]"
  76.                              data-paddingright="[15,15,15,15]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on"
  77.                              data-type="text" data-height="none" data-width="['700','750','700','450']" data-whitespace="normal"
  78.                              data-hoffset="['0','0','0','0']" data-voffset="['140','185','200','120']"
  79.                              data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']"
  80.                              data-textalign="['top','top','top','top']"
  81.                              data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'>
  82. {#                            <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Learn More <i#}
  83. {#                                            class="fa-regular fa-arrow-right"></i></span></a>#}
  84.                         </div>
  85.                     </li>
  87.                 </ul>
  88.             </div>
  89.         </div>
  90.     </section>
  91.     <!-- ========================================== -->
  92.     <!-- End Main Slider Section -->
  93.     <!-- ========================================== -->
  97.     <!-- ========================================== -->
  98.     <!-- Start Feature Section -->
  99.     <!-- ========================================== -->
  100.     <section class="feature-section gap">
  101.         <div class="auto-container">
  102.             <div class="row">
  103.                 <div class="col-lg-4 col-md-6">
  104.                     <!-- Feature Single Box -->
  105.                     <div class="feature-single-box">
  106.                         <div class="inner-box">
  107.                             <div class="content-box">
  108.                                 <h4 class="title"><a href="#">Hochtechnologie</a></h4>
  109.                                 <div class="use-energin-icon">
  110.                                     <div class="dot-rotate"><span></span></div>
  111.                                     <i class="icon"><svg data-src="images/icons/solar-panel.svg"></svg></i>
  112.                                 </div>
  113.                                 <div class="text">Wir bieten die beste Projektentwicklung, Installation und Lieferung von Solarmodulen.</div>
  114.                             </div>
  115.                         </div>
  116.                     </div>
  117.                 </div>
  118.                 <div class="col-lg-4 col-md-6">
  119.                     <!-- Feature Single Box -->
  120.                     <div class="feature-single-box">
  121.                         <div class="inner-box">
  122.                             <div class="content-box">
  123.                                 <h4 class="title"><a href="#">Projizieren</a></h4>
  124.                                 <div class="use-energin-icon">
  125.                                     <div class="dot-rotate"><span></span></div>
  126.                                     <i class="icon"><svg data-src="images/icons/budget.svg"></svg></i>
  127.                                 </div>
  128.                                 <div class="text">Umfassende Projektentwicklung
  129.                                 </div>
  130.                             </div>
  131.                         </div>
  132.                     </div>
  133.                 </div>
  134.                 <div class="col-lg-4 col-md-6">
  135.                     <!-- Feature Single Box -->
  136.                     <div class="feature-single-box">
  137.                         <div class="inner-box">
  138.                             <div class="content-box">
  139.                                 <h4 class="title"><a href="#">Bester Service</a></h4>
  140.                                 <div class="use-energin-icon">
  141.                                     <div class="dot-rotate"><span></span></div>
  142.                                     <i class="icon"><svg data-src="images/icons/home1.svg"></svg></i>
  143.                                 </div>
  144.                                 <div class="text">End-to-End-Projektentwicklung</div>
  145.                             </div>
  146.                         </div>
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.         </div>
  151.     </section>
  152.     <!-- ========================================== -->
  153.     <!-- End Feature Section -->
  154.     <!-- ========================================== -->
  157.     <!-- ========================================== -->
  158.     <!-- Start About Section -->
  159.     <!-- ========================================== -->
  160.     <section class="about-section gap-two pt-0">
  161.         <div class="auto-container">
  162.             <div class="row align-items-center">
  163.                 <div class="col-lg-6">
  164.                     <div class="image-column">
  165.                         <div class="inner-column wow fadeInLeft">
  166.                             <figure class="image overlay-anim reveal"><img src="{{ asset('images/resource/about-thumb.png') }}" alt="Image">
  167.                             </figure>
  168.                             <figure class="image-2 reveal"><img src="{{ asset('images/resource/about-thumb-shape.png') }}" alt="Image"></figure>
  169.                         </div>
  170.                     </div>
  171.                 </div>
  172.                 <div class="col-lg-6">
  173.                     <div class="sec-title">
  174.                         <h2 class="letters-slide-up text-split">ARVERNUS GmbH</h2>
  175.                         <div class="text">ARVERNUS versorgt das Land seit 2010 mit hochwertiger grüner Energie.<br>
  176.                             Hochwerige Photovoltaikanlagen - schnell, kosteneffizient und<br> ohne Kompromisse bei der Qualität installiert.
  177.                             </div>
  178.                     </div>
  181.                 </div>
  182.             </div>
  183.         </div>
  184.     </section>
  185.     <!-- ========================================== -->
  186.     <!-- Start About Section -->
  187.     <!-- ========================================== -->
  189.     <!-- ========================================== -->
  190.     <!-- Start Service Section -->
  191.     <!-- ========================================== -->
  192.     <section class="service-section blue-bg gap-two">
  193.         <div class="auto-container">
  194.             <div class="sec-title light text-center">
  195.                 <h2 class="letters-slide-up text-split">Innovate Energy Solutions</h2>
  196.                 <div class="text">Sunergy redefines your relationship with energy. Save money. Minimize your carbon footprint.
  197.                     <br> Take control of your power costs today!
  198.                 </div>
  199.             </div>
  200.             <div class="row">
  201.                 <div class="col-lg-4 col-md-6">
  202.                     <!-- Service Single Box -->
  203.                     <div class="service-single-box">
  204.                         <div class="inner-box light">
  205.                             <div class="content-box">
  206.                                 <div class="use-energin-icon">
  207.                                     <div class="dot-rotate"><span></span></div>
  208.                                     <i class="icon"><svg data-src="images/icons/solar-panel2.svg"></svg></i>
  209.                                 </div>
  210.                                 <div class="content">
  211.                                     <h4 class="title"><a href="#">Solar Panel Services</a></h4>
  212.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption.</div>
  213.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  214.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  215.                                 </div>
  216.                             </div>
  217.                         </div>
  218.                     </div>
  219.                 </div>
  220.                 <div class="col-lg-4 col-md-6">
  221.                     <!-- Service Single Box -->
  222.                     <div class="service-single-box">
  223.                         <div class="inner-box light">
  224.                             <div class="content-box">
  225.                                 <div class="use-energin-icon">
  226.                                     <div class="dot-rotate"><span></span></div>
  227.                                     <i class="icon"><svg data-src="images/icons/solar-bulb1.svg"></svg></i>
  228.                                 </div>
  229.                                 <div class="content">
  230.                                     <h4 class="title"><a href="#">Wind Turbines Services</a></h4>
  231.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption. </div>
  232.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  233.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  234.                                 </div>
  235.                             </div>
  236.                         </div>
  237.                     </div>
  238.                 </div>
  239.                 <div class="col-lg-4 col-md-6">
  240.                     <!-- Service Single Box -->
  241.                     <div class="service-single-box">
  242.                         <div class="inner-box light">
  243.                             <div class="content-box">
  244.                                 <div class="use-energin-icon">
  245.                                     <div class="dot-rotate"><span></span></div>
  246.                                     <i class="icon"><svg data-src="images/icons/hydropower.svg"></svg></i>
  247.                                 </div>
  248.                                 <div class="content">
  249.                                     <h4 class="title"><a href="#">Hydro Plants Services</a></h4>
  250.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption</div>
  251.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  252.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  253.                                 </div>
  254.                             </div>
  255.                         </div>
  256.                     </div>
  257.                 </div>
  258.                 <div class="col-lg-4 col-md-6">
  259.                     <!-- Service Single Box -->
  260.                     <div class="service-single-box">
  261.                         <div class="inner-box light">
  262.                             <div class="content-box">
  263.                                 <div class="use-energin-icon">
  264.                                     <div class="dot-rotate"><span></span></div>
  265.                                     <i class="icon"><svg data-src="images/icons/solar-bulb1.svg"></svg></i>
  266.                                 </div>
  267.                                 <div class="content">
  268.                                     <h4 class="title"><a href="#">Fossil Resources Services</a></h4>
  269.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption. </div>
  270.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  271.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  272.                                 </div>
  273.                             </div>
  274.                         </div>
  275.                     </div>
  276.                 </div>
  277.                 <div class="col-lg-4 col-md-6">
  278.                     <!-- Service Single Box -->
  279.                     <div class="service-single-box">
  280.                         <div class="inner-box light">
  281.                             <div class="content-box">
  282.                                 <div class="use-energin-icon">
  283.                                     <div class="dot-rotate"><span></span></div>
  284.                                     <i class="icon"><svg data-src="images/icons/solar-panel.svg"></svg></i>
  285.                                 </div>
  286.                                 <div class="content">
  287.                                     <h4 class="title"><a href="#">Bettary Meterials Services</a></h4>
  288.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption. </div>
  289.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  290.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  291.                                 </div>
  292.                             </div>
  293.                         </div>
  294.                     </div>
  295.                 </div>
  296.                 <div class="col-lg-4 col-md-6">
  297.                     <!-- Service Single Box -->
  298.                     <div class="service-single-box">
  299.                         <div class="inner-box light">
  300.                             <div class="content-box">
  301.                                 <div class="use-energin-icon">
  302.                                     <div class="dot-rotate"><span></span></div>
  303.                                     <i class="icon"><svg data-src="images/icons/home1.svg"></svg></i>
  304.                                 </div>
  305.                                 <div class="content">
  306.                                     <h4 class="title"><a href="#">On Grid Bettary System</a></h4>
  307.                                     <div class="text"> Grid-connected photovoltaic systems work based on on-site consumption. </div>
  308.                                     <a href="service.html" class="theme-btn btn-style-one"><span class="btn-title">Review <i
  309.                                                     class="fa-regular fa-arrow-right"></i></span></a>
  310.                                 </div>
  311.                             </div>
  312.                         </div>
  313.                     </div>
  314.                 </div>
  315.             </div>
  316.         </div>
  317.     </section>
  318.     <!-- ========================================== -->
  319.     <!-- End Service Section -->
  320.     <!-- ========================================== -->
  322.     <!-- ========================================== -->
  323.     <!-- Start Brand Section -->
  324.     <!-- ========================================== -->
  325.     <section class="brand-section blue-bg gap">
  326.         <div class="container-fluid">
  327.             <div class="sec-title light text-center">
  328.                 <h2 class="letters-slide-up text-split">Unsere Partner</h2>
  330.             </div>
  331.             <div class="row brand-bg">
  332.                 <!-- brand Outer -->
  333.                 <div class="brand-outer">
  334.                     <!--brand carousel-->
  335.                     <ul class="brand-carousel owl-carousel owl-theme disable-navs">
  336.                         <li class="brand-block">
  337.                             <a href="#" class="image">
  338.                                 <img src="{{ asset('images/partners/p1.png') }}" alt="Image">
  339.                                 <img src="{{ asset('images/partners/p1.png') }}" alt="Image">
  340.                             </a>
  341.                         </li>
  342.                         <li class="brand-block">
  343.                             <a href="#" class="image">
  344.                                 <img src="{{ asset('images/partners/p2.jpg') }}" alt="Image">
  345.                                 <img src="{{ asset('images/partners/p2.jpg') }}" alt="Image">
  346.                             </a>
  347.                         </li>
  348.                         <li class="brand-block">
  349.                             <a href="#" class="image">
  350.                                 <img src="{{ asset('images/partners/p3.svg') }}" alt="Image">
  351.                                 <img src="{{ asset('images/partners/p3.svg') }}" alt="Image">
  352.                             </a>
  353.                         </li>
  354.                         <li class="brand-block">
  355.                             <a href="#" class="image">
  356.                                 <img src="{{ asset('images/partners/p4.svg') }}" alt="Image">
  357.                                 <img src="{{ asset('images/partners/p4.svg') }}" alt="Image">
  358.                             </a>
  359.                         </li>
  360.                         <li class="brand-block">
  361.                             <a href="#" class="image">
  362.                                 <img src="{{ asset('images/partners/p5.png') }}" alt="Image">
  363.                                 <img src="{{ asset('images/partners/p5.png') }}" alt="Image">
  364.                             </a>
  365.                         </li>
  366.                         <li class="brand-block">
  367.                             <a href="#" class="image">
  368.                                 <img src="{{ asset('images/partners/p6.webp') }}" alt="Image">
  369.                                 <img src="{{ asset('images/partners/p6.webp') }}" alt="Image">
  370.                             </a>
  371.                         </li>
  372.                         <li class="brand-block">
  373.                             <a href="#" class="image">
  374.                                 <img src="{{ asset('images/partners/p7.webp') }}" alt="Image">
  375.                                 <img src="{{ asset('images/partners/p7.webp') }}" alt="Image">
  376.                             </a>
  377.                         </li>
  378.                         <li class="brand-block">
  379.                             <a href="#" class="image">
  380.                                 <img src="{{ asset('images/partners/p8.svg') }}" alt="Image">
  381.                                 <img src="{{ asset('images/partners/p8.svg') }}" alt="Image">
  382.                             </a>
  383.                         </li>
  384.                         <li class="brand-block">
  385.                             <a href="#" class="image">
  386.                                 <img src="{{ asset('images/partners/p9.png') }}" alt="Image">
  387.                                 <img src="{{ asset('images/partners/p9.png') }}" alt="Image">
  388.                             </a>
  389.                         </li>
  390.                         <li class="brand-block">
  391.                             <a href="#" class="image">
  392.                                 <img src="{{ asset('images/partners/p10.webp') }}" alt="Image">
  393.                                 <img src="{{ asset('images/partners/p10.webp') }}" alt="Image">
  394.                             </a>
  395.                         </li>
  396.                     </ul>
  397.                 </div>
  398.             </div>
  399.         </div>
  400.     </section>
  401.     <!-- ========================================== -->
  402.     <!-- End Brand Section -->
  403.     <!-- ========================================== -->
  406. {% endblock %}