templates/document/card-carousel/case-study-card.html.twig line 1

Open in your IDE?
  1. <div class="col col-lg-6 col-md-6 col-sm-6 col-xs-12 case-studies">
  2.   {% set caseStudyLink = app_case_study_link(caseStudy) %}
  3.   <a href="{{ caseStudyLink }}" class="card-link">
  4.     <div class="card--inner">
  5.       <div class="row no-gutter">
  6.         <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
  7.           <div class="feat-img-container">
  8.             {% set featureImagePosition = caseStudy.getFeatureImagePosition() == 'left' ? 'object-position:left;' : caseStudy.getFeatureImagePosition() == 'right' ? 'object-position:right;' : '' %} 
  9.             {% if caseStudy.getFeaturedImage() is empty %}
  10.             {{ source("@torq_static/img/backgrounds/placeholder-image.svg") }}
  11.             {% else %}
  12.             {{ caseStudy.getFeaturedImage().getThumbnail('width_500').getHtml({
  13.               imgAttributes: {
  14.                 class: "img--object-cover",
  15.                 style: featureImagePosition,
  16.                 alt: ''
  17.               }
  18.             })|raw }}
  19.             {% endif %}
  20.           </div>
  21.         </div>
  22.         <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
  23.           <div class="padding-2em">
  24.             <div class="position-relative card-content-container">
  25.               <div class="absolute-top-right">
  26.                 {{ source("@torq_static/img/icons/arrow-right.svg") }}
  27.               </div>
  28.               {# <div class="tag">
  29.                 <p>Case study</p>
  30.               </div> #}
  31.               {% if caseStudy.getSolutions() %}
  32.               <div class="tags">
  33.                 <i class="fa fa-tag"></i> {{ caseStudy.getSolutions()|join(', ') }}
  34.               </div>
  35.               {% endif %}
  36.               <h3{% if not caseStudy.getSolutions() %} style="max-width: calc(100% - 60px);"{% endif %}>{{ caseStudy.getTitle() }}</h3>
  37.               {% if caseStudy.getShortDescription() %}
  38.               <p>{{ caseStudy.getShortDescription()|raw }}</p>
  39.               {% endif %}
  40.             </div>
  41.           </div>
  42.         </div>
  43.       </div>
  44.     </div>
  45.   </a>
  46. </div>