templates/areas/our-projects/view.html.twig line 1

Open in your IDE?
  1. <div
  2.     class="content-row full light-section" data-bgcolor="#fff">
  3.     <!-- Row -->
  4.     <div class="content-row fadeout-element row_padding_top light-section change-header-color" data-bgcolor="#fff">
  5.         <div class="one_half our-product-NW">
  6.             <h2 class="has-mask-fill">{{pimcore_input('OurProjectHeading',{
  7.                 "placeholder":"Enter Our project heading"
  8.                        
  9.             })}}</h2>
  10.             <p class="has-animation" data-delay="50">
  11.                 {{pimcore_textarea('projectDescription',{
  12.                         "placeholder":"Enter project Description",
  13.                         "nl2br": true,
  14.                        })|raw}}
  15.             </p>
  16.         </div>
  18.         <div class="one_half last"></div>
  20.         <hr class="destroy"/>
  21.     </div>
  22.     <!--/Row -->
  24.     <!-- Row -->
  25.     {# <div class="content-row fadeout-element light-section change-header-color" data-bgcolor="#fff">
  26.         <div class="marquee-text-wrapper marquee-N">
  27.             <h2 class="marquee-text big-title bw">
  28.                 {{pimcore_input('SliderTagline',{
  29.                 "placeholder":"Enter Slider Tagline"
  30.                        
  31.             })}}
  32.             </h2>
  33.         </div>
  34.     </div> #}
  35.     <!--/Row -->
  37.     <!-- Row -->
  38.     <div class="content-row row_padding_top row_padding_bottom light-section change-header-color full" data-bgcolor="#fff">
  39.         <!-- Portfolio Wrap -->
  40.         <div id="itemsWrapperLinks" class="portfolio-wrap parallax-two-grid content-max-width fade-scaleout-effect">
  41.             <!-- Portfolio Columns -->
  42.             <div id="itemsWrapper" class="portfolio portfolio-shortcode webgl-fitthumbs fx-three">
  44.             {% set colorClasses = {
  45.                 0: '#3B3DEF',
  46.                 1: '#FDB02D',
  47.                 2: '#EE861E',
  48.                 3: '#CC1236',
  49.             } %}
  50.             {% set length = casestudies|length + 1 %}
  51.             {% set numbers = [] %}
  52.             {% for i in range(1, length, 4) %}
  53.                 
  54.                     {% set numbers = numbers|merge([i]) %}
  55.                     {% set numbers = numbers|merge([i + 1]) %}
  56.                    
  57.             {% endfor %} 
  58.         
  59.             {% for key , casestudy in casestudies %}
  61.             {% set class = colorClasses[key % 4] %}
  63.             {% if key in numbers %}
  64.                 {% set addClass =  'vertical-parallax' %}
  65.             {% else %}
  66.                 {% set addClass =  '' %}
  67.             {% endif %}
  69.             <div class="item trigger-item {{addClass}}" data-color="{{class}}" data-firstline="View" data-secondline="Project" data-scrub="{{key % 2 == 0 ?  '0.2' : '0.5'}}">
  70.                 <div class="item-parallax">
  71.                     <div class="item-appear">
  72.                         <div class="item-content">
  73.                             <a class="item-wrap ajax-link-project" data-type="page-transition" href="/case-study/{{casestudy.url}}"></a>
  74.                             <div class="item-wrap-image">
  75.                             {% if casestudy.listingImage %}
  76.                                 {{ casestudy.listingImage.thumbnail('home_casestudy_693_936').getHTML({imgAttributes: {class: 'item-image grid__item-img trigger-item-link', alt:casestudy.name}})|raw }}
  77.                                 
  78.                             {% endif %}
  79.                             </div>
  80.                             {% if casestudy.listingImage %}
  81.                                 {{ casestudy.listingImage.thumbnail('home_casestudy_693_936').getHTML({imgAttributes: {class: 'grid__item-img grid__item-img--large', alt:casestudy.name}})|raw }}
  83.                         
  84.                         {% endif %}
  85.                         </div>
  86.                     </div>
  87.                     <div class="item-caption-wrapper">
  88.                         <div class="item-caption item-caption2">
  89.                             <div class="item-arrow">
  90.                                 <i class="arrow-icon"></i>
  91.                             </div>
  92.                             <div class="slide-subtitle new-homepage-cards">
  93.                                    <div class="cardtext">
  94.                                     {% for label in casestudy.LabelsBlock %}
  95.                                     <span>{{ label.name.data }}</span>
  96.                                     {% endfor %}
  97.                                    </div>
  98.                                     
  99.                                     {% if casestudy.logo %}
  101.                                         {{ casestudy.logo.thumbnail('').getHTML({imgAttributes: {class: 'case-study-slide-logo margin-home-project', alt:casestudy.logoAltText}})|raw }}
  102.                             
  103.                             
  104.                                     {% endif %}
  105.                                     </div>
  106.                             {# <div class="item-cat mb-0">
  107.                                 Website Development
  108.                             </div>
  109.                             <div class="item-cat">
  110.                                 UX/UI/Adobe Experience Manager
  111.                             </div> #}
  112.                             
  113.                             
  114.                             <div class="item-title">
  115.                                 <span>{{casestudy.name|raw}}</span>
  116.                                 {# <span>Development</span>
  117.                                 <span>Fund</span> #}
  118.                             </div>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.                 
  124.             {% endfor %}
  126.                 
  128.             
  130.             </div>
  131.             <!--/Portfolio -->
  132.         </div>
  133.         <!--/Portfolio Wrap -->
  134.     </div>
  135.     <!--/Row -->
  137.     <!-- Row -->
  138.     <div class="content-row fadeout-element row_padding_bottom light-section change-header-color" data-bgcolor="#fff">
  139.         <hr/>
  141.         <div class="one_half">
  143.             <h3 class={{editmode ? '' : 'has-mask-fill no-margins'}}>
  144.                 {{pimcore_input('heading',{
  145.                 "placeholder":"Still Not Convinced?"
  146.                        
  147.             })}}
  148.             </h3>
  149.             <h3 class={{editmode ? '' :'has-mask-fill'}}>{{pimcore_input('subHeading',{
  150.                 "placeholder":"More than 1000+ projects"
  151.                        
  152.             })}}</h3>
  154.             <hr/>
  156.             <div class="button-wrap right button-link large-btn has-animation">
  157.                 <div class="icon-wrap parallax-wrap">
  158.                     <div class="button-icon parallax-element">
  159.                         <i class="fa-solid fa-arrow-right"></i>
  160.                     </div>
  161.                 </div>
  162.                 {% if editmode %}
  163.                 {{pimcore_link('viewWorkLink')}}
  164.                 {% else %}
  165.                     {% set work_link = pimcore_link('viewWorkLink') %}
  166.                 <a class="ajax-link" href="{{work_link.getHref()}}" data-type="page-transition">
  167.                     <div class="button-text sticky right">
  168.                         <span data-hover="View all Works">{{work_link.getText()}}</span>
  169.                     </div>
  170.                 </a>
  171.                 {% endif %}
  172.             </div>
  173.         </div>
  175.         <div class="one_half last"></div>
  176.     </div>
  177.     <!--/Row -->
  178. </div>