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. <i class="fa-solid fa-user mb-2 text-green text-center text-xl"></i>
  72. {{ allowInlineEditor(teamMember, 'nickname')|raw }}
  73. {% endif %}
  75. {% if teamMember.favouriteMeal %}
  76. <p><i class="fa-solid fa-plate-utensils mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteMeal')|raw }}</p>
  77. {% endif %}
  79. {% if teamMember.favouriteDrink %}
  80. <p><i class="fa-solid fa-glass mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteDrink')|raw }}</p>
  81. {% endif %}
  83. {% if teamMember.favouriteFilm %}
  84. <p><i class="fa-solid fa-film mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteFilm')|raw }}</p>
  85. {% endif %}
  87. {% if teamMember.favouriteBand %}
  88. <p><i class="fa-solid fa-music mr-6 text-green text-center w-6"></i> {{ allowInlineEditor(teamMember, 'favouriteBand')|raw }}</p>
  89. {% endif %}
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  95. <div class="bg-secondary mb-12 relative text-white py-6">
  96. <div class="container">
  97. {% if prev or next %}
  98. <div class="row team-pagination">
  99. {% if prev %}
  100. <div class="{% if next %}col-6{% else %}col-12{% endif %}">
  101. <a class="prev" href="{{ generatePath( app.request, prev.linkedPageId, {'teammember_slug' : prev.slug } ) }}">
  102. Previous <span class="hidden md:inline-block">Team Member</span>
  103. </a>
  104. </div>
  105. {% endif %}
  107. {% if next %}
  108. <div class="{% if prev %}col-6{% else %}col-12{% endif %} text-right">
  109. <a class="next" href="{{ generatePath( app.request, next.linkedPageId, {'teammember_slug' : next.slug } ) }}">
  110. Next <span class="hidden md:inline-block">Team Member</span>
  111. </a>
  112. </div>
  113. {% endif %}
  114. </div>
  115. {% endif %}
  116. </div>
  117. </div>