templates/pages/_group.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4. {{ parent() }}
  5. {{ encore_entry_link_tags('group_styles') }}
  6. {% endblock %}
  8. {% block content %}
  9. <div class="container-fluid" id="page-groupe">
  11. <div class="row section first">
  13. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  14. <div class="col-lg-10 col-md-10 col-sm-12 group-content">
  16. <div class="row">
  18. <div class="col-lg-6 col-md-6 col-sm-12">
  19. <div class="text-block">
  20. <div class="tag pulsed">{{ 'common.new'|trans }}</div>
  21. {{ 'group.page.discover_catalog'|trans }}
  22. </div>
  23. <h1>{{ content.h1|default('group.page.h1_default'|trans) }}</h1>
  24. <div class="text-block">
  25. {{ content.h1Desc|default('group.page.h1_desc_default'|trans) }}
  26. </div>
  27. <a class="btn style1 large reverse_color">{{ 'footer.contact.title'|trans }}
  28. {{ getLucidIcon('arrow-right') }}</a>
  29. </div>
  31. <div class="col-lg-6 col-md-6 col-sm-12 img-container">
  32. <div class="img-container-block-content floated">
  33. <div class="picto-tag orange">{{ getLucidIcon('phone') }}</div>
  34. <div>
  35. <div class="value">125+</div>
  36. <div class="desc">{{ 'group.page.stats.group_departures'|trans }}</div>
  37. </div>
  38. </div>
  39. <div class="img-container-block-content floated">
  40. <div class="picto-tag blue">{{ getLucidIcon('ship') }}</div>
  41. <div>
  42. <div class="value">15 000</div>
  43. <div class="desc">{{ 'group.page.stats.compatible_cruises'|trans }}</div>
  44. </div>
  45. </div>
  46. <img src="https://fastly.picsum.photos/id/655/1920/1080.jpg?hmac=aKxkq2OlSgFaw0pcf_uve5cFi267Y7c92cP9UjDti8s" class="img-fluid br3"/>
  47. </div>
  48. </div>
  50. </div>
  51. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  52. </div>
  54. <div class="row section second">
  56. <div class="col-lg-1 col-md-1 col-sm-12"></div>
  57. <div class="col-lg-10 col-md-10 col-sm-12">
  58. <div class="text-block centered">
  59. <div class="tag">{{ 'group.page.advantages_year_round'|trans }}</div>
  60. <h2>{{ 'group.page.audience_title'|trans }}</h2>
  61. <p>{{ 'group.page.audience_subtitle'|trans }}</p>
  62. </div>
  64. <div class="row section third">
  65. <div class="col-lg-8 col-md-6 col-sm-12">
  66. <img src="https://fastly.picsum.photos/id/655/1920/1080.jpg?hmac=aKxkq2OlSgFaw0pcf_uve5cFi267Y7c92cP9UjDti8s" class="img-fluid br2"/>
  67. </div>
  68. <div class="col-lg-4 col-md-6 col-sm-12">
  69. <h3>{{ 'group.page.block1.title'|trans }}</h3>
  70. <ul>
  71. <li>{{ 'group.page.block1.item1'|trans }}</li>
  72. <li>{{ 'group.page.block1.item2'|trans }}</li>
  73. <li>{{ 'group.page.block1.item3'|trans }}</li>
  74. <li>{{ 'group.page.block1.item4'|trans }}</li>
  75. <li>{{ 'group.page.block1.item5'|trans }}</li>
  76. <li>{{ 'group.page.block1.item6'|trans }}</li>
  77. <li>{{ 'group.page.block1.item7'|trans }}</li>
  78. </ul>
  79. </div>
  80. </div>
  81. <div class="row section fourth">
  82. <div class="col-lg-4 col-md-6 col-sm-12">
  83. <h3>{{ 'group.page.block2.title'|trans }}</h3>
  84. <ul>
  85. <li>{{ 'group.page.block2.item1'|trans }}</li>
  86. <li>{{ 'group.page.block2.item2'|trans }}</li>
  87. <li>{{ 'group.page.block2.item3'|trans }}</li>
  88. <li>{{ 'group.page.block2.item4'|trans }}</li>
  89. <li>{{ 'group.page.block2.item5'|trans }}</li>
  90. <li>{{ 'group.page.block2.item6'|trans }}</li>
  91. <li>{{ 'group.page.block2.item7'|trans }}</li>
  92. </ul>
  93. <a class="btn style1 large reverse_color">{{ 'footer.contact.title'|trans }}
  94. {{ getLucidIcon('arrow-right') }}</a>
  95. </div>
  96. <div class="col-lg-8 col-md-6 col-sm-12">
  97. <img src="https://fastly.picsum.photos/id/655/1920/1080.jpg?hmac=aKxkq2OlSgFaw0pcf_uve5cFi267Y7c92cP9UjDti8s" class="img-fluid br2"/>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  104. </div>
  105. {% endblock %}