templates/themes/theme/meettheteam/embedTeamMember.html.twig line 1

Open in your IDE?
  1. <div class="bg-dark pt-[148px] md:pt-[163px] text-white">
  2.     <div class="container py-12">
  3.         <div class="row">
  4.             <div class="lg:col-7 md:col-6 col-12 cms-area text-lg flex flex-col justify-between">
  5.                 <div>
  6.                     <h1 class="text-white mb-0">{{ allowInlineEditor(teamMember, 'title')|raw }}</h1>
  8.                     {% if teamMember.position %}
  9.                     <h3 class="text-green capitalize font-light">{{ allowInlineEditor(teamMember, 'position')|raw }}</h3>
  10.                     {% endif %}
  12.                     {% if teamMember.content %}
  13.                         <h4 class="text-green">Professional Summary</h4>
  14.                         {{ allowInlineEditor(teamMember, 'content')|raw }}
  15.                     {% endif %}
  17.                     {% if teamMember.content2 %}
  18.                         <h4 class="text-green">Professional Background</h4>
  19.                         {{ allowInlineEditor(teamMember, 'content2')|raw }}
  20.                     {% endif %}
  21.                 </div>
  22.                 <div class="mb-8 md:mb-0">
  23.                     {% if teamMember.telephone %}
  24.                         <a class="social-icon" title="telephone" href="tel:{{ allowInlineEditor(teamMember, 'telephone')|raw }}"><i class="fa-solid fa-circle-phone text-green text-5xl"></i></a>
  25.                     {% endif %}
  26.                     {% if teamMember.emailAddress %}
  27.                         <a class="social-icon" title="email"  href="mailto:{{ allowInlineEditor(teamMember, 'emailAddress')|raw }}}"><i class="fa-solid fa-circle-envelope text-green text-5xl ml-8"></i></a>
  28.                     {% endif %}
  29.                     {% if teamMember.linkedIn %}
  30.                         <a class="social-icon" title="LinkedIn"  href="{{ allowInlineEditor(teamMember, 'linkedIn')|raw }}"><i class="fa-brands fa-linkedin text-green text-5xl ml-8"></i></a>
  31.                     {% endif %}
  32.                 </div>
  33.             </div>
  34.             <div class="lg:col-5 md:col-6 col-12 relative">
  35.                 {% if teamMember.image2 %}
  36.                     <i class="fa-solid fa-repeat absolute z-20 top-6 right-10 text-white text-4xl pointer-events-none"></i>
  37.                 {% endif %}
  38.                 <div class="relative lg:-mb-32 img-swap">
  39.                     <img class="max-w-full h-auto rounded-xl" src="{{ imageCache('/' ~ teamMember.getFullImagePath, 'zoomCrop', 1040, 1680) }}" width="560" height="905" alt="{{ teamMember.title }}" loading="lazy"/>
  40.                     {% if teamMember.image2 %}
  41.                         <img class="max-w-full h-auto absolute top-0 left-0 z-10 rounded-xl" src="{{ imageCache('/' ~ teamMember.getFullImage2Path, 'zoomCrop', 1040, 1680) }}" width="560" height="905" alt="{{ teamMember.title }}" loading="lazy"/>
  42.                     {% endif %}
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  47. </div>
  49. <div class="container mb-12">
  50.     <div class="row items-start">
  51.         <div class="lg:col-7 md:col-7 col-12 cms-area pt-12">
  52.             {% if teamMember.education %}
  53.                 <h4 class="text-green">Education</h4>
  54.                 {{ allowInlineEditor(teamMember, 'education')|raw }}
  55.             {% endif %}
  57.             {% if teamMember.keySkills %}
  58.                 <h4 class="text-green">Key Skills</h4>
  59.                 {{ allowInlineEditor(teamMember, 'keySkills')|raw }}
  60.             {% endif %}
  62.             {% if teamMember.professionalInterests %}
  63.                 <h4 class="text-green">Professional Interests</h4>
  64.                 {{ allowInlineEditor(teamMember, 'professionalInterests')|raw }}
  65.             {% endif %}
  66.         </div>
  68.         <div class="lg:offset-1 lg:col-4 col-12 lg:pt-20 mt-10 lg:mt-0 relative">
  69.             <div class="bg-secondary team-facts py-8 pl-42 text-white">
  70.                 {% if teamMember.nickname %}
  71.                     <p><i class="fa-solid fa-user mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'nickname')|raw }}</p>
  72.                 {% endif %}
  74.                 {% if teamMember.favouriteMeal %}
  75.                     <p><i class="fa-solid fa-plate-utensils mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteMeal')|raw }}</p>
  76.                 {% endif %}
  78.                 {% if teamMember.favouriteDrink %}
  79.                     <p><i class="fa-solid fa-glass mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteDrink')|raw }}</p>
  80.                 {% endif %}
  82.                 {% if teamMember.favouriteFilm %}
  83.                     <p><i class="fa-solid fa-film mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteFilm')|raw }}</p>
  84.                 {% endif %}
  86.                 {% if teamMember.favouriteBand %}
  87.                     <p><i class="fa-solid fa-music mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteBand')|raw }}</p>
  88.                 {% endif %}
  89.             </div>
  90.         </div>
  91.     </div>
  92. </div>
  94. <div class="bg-secondary mb-12 relative text-white py-6">
  95.     <div class="container">
  96.         {% if prev or next %}
  97.             <div class="row team-pagination">
  98.                 {% if prev %}
  99.                     <div class="{% if next %}col-6{% else %}col-12{% endif %}">
  100.                         <a class="prev" href="{{ generatePath( app.request, prev.linkedPageId, {'teammember_slug' : prev.slug } ) }}">
  101.                             Previous <span class="hidden md:inline-block">Team Member</span>
  102.                         </a>
  103.                     </div>
  104.                 {% endif %}
  106.                 {% if next %}
  107.                     <div class="{% if prev %}col-6{% else %}col-12{% endif %} text-right">
  108.                         <a class="next" href="{{ generatePath( app.request, next.linkedPageId, {'teammember_slug' : next.slug } ) }}">
  109.                             Next <span class="hidden md:inline-block">Team Member</span>
  110.                         </a>
  111.                     </div>
  112.                 {% endif %}
  113.             </div>
  114.         {% endif %}
  115.     </div>
  116. </div>