templates/default/content/garantien.html.twig line 1

Open in your IDE?
  1. {% extends '/default/content/base.html.twig' %}
  3. {% block content_headline %}{{ 'default.content.guarantees.title'|trans }}{% endblock %}
  5. {% block stylesheets %}
  6. <style>
  7. .big-hover-button:hover {
  8. transform: scale(1.3) perspective(1px)
  9. }
  10. .big-hover-button-right:hover {
  11. transform: scale(1.3) perspective(1px)
  12. }
  13. @media only screen and (max-width: 360px) {
  14. #register-claim-1 {
  15. display: none;
  16. }
  17. }
  18. </style>
  19. {% endblock %}
  21. {% block content_body %}
  22. <div class="text-center mb-5">
  23. <img
  24. class="d-none d-md-block"
  25. src="{{ asset('assets/images/default/homepage/guarantees-teaser.jpg')|cdnifyUri }}"
  26. alt="{{ 'seo.image_alt_texts.contact'|trans([], 'seo') }}"
  27. width="100%"
  28. >
  29. <img
  30. class="d-block d-md-none"
  31. src="{{ asset('assets/images/default/homepage/guarantees-teaser-mobile.png')|cdnifyUri }}"
  32. alt="{{ 'seo.image_alt_texts.contact'|trans([], 'seo') }}"
  33. width="100%"
  34. >
  35. </div>
  37. <div class="ml-4 mb-4">
  38. <h5>{{ 'default.content.guarantees.headline'|trans }}</h5>
  39. </div>
  41. <div class="container checkmark-list">
  42. <div class="row">
  43. <div class="col-lg ml-2">
  44. <table>
  45. {% for i in range(1, 3) %}
  46. <tr>
  47. <td valign="top">
  48. <i class="fa fa-check pr-2 checkmark-in-contentpage-list" aria-hidden="true"></i>
  49. </td>
  50. <td valign="top" class="pb-3">
  51. {{ ('default.content.guarantees.promise.' ~ i)|trans }}
  52. </td>
  53. </tr>
  54. {% endfor %}
  55. </table>
  56. </div>
  57. <div class="col-lg ml-2">
  58. <table>
  59. {% for i in range(4, 6) %}
  60. <tr>
  61. <td valign="top">
  62. <i class="fa fa-check pr-2 checkmark-in-contentpage-list" aria-hidden="true"></i>
  63. </td>
  64. <td valign="top" class="pb-3">
  65. {{ ('default.content.guarantees.promise.' ~ i)|trans }}
  66. </td>
  67. </tr>
  68. {% endfor %}
  69. </table>
  70. </div>
  71. </div>
  72. </div>
  74. {% if app.user is null %}
  75. <div class="m-md-0 mt-md-4">{{ include('/_includes/callToActionRegisterAsJobseekerOrJobofferer.html.twig') }}</div>
  76. {% endif %}
  78. {% endblock %}