var/cache/dev/twig/c8/c869dde1fa850725aa8c6e18fad7c5e8.php line 59

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* /default/homepage.html.twig */
  18. class __TwigTemplate_f4209ea08f69b40ea0e1a54c677e516f extends Template
  19. {
  20. private Source $source;
  21. /**
  22. * @var array<string, Template>
  23. */
  24. private array $macros = [];
  26. public function __construct(Environment $env)
  27. {
  28. parent::__construct($env);
  30. $this->source = $this->getSourceContext();
  32. $this->blocks = [
  33. 'stylesheets' => [$this, 'block_stylesheets'],
  34. 'additional_body_classes' => [$this, 'block_additional_body_classes'],
  35. 'main_content' => [$this, 'block_main_content'],
  36. 'javascripts' => [$this, 'block_javascripts'],
  37. ];
  38. }
  40. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  41. {
  42. // line 1
  43. return "/base.html.twig";
  44. }
  46. protected function doDisplay(array $context, array $blocks = []): iterable
  47. {
  48. $macros = $this->macros;
  49. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  50. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "/default/homepage.html.twig"));
  52. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  53. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "/default/homepage.html.twig"));
  55. // line 2
  56. $context["newLayout"] = true;
  57. // line 1
  58. $this->parent = $this->load("/base.html.twig", 1);
  59. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  61. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  64. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  66. }
  68. // line 4
  69. /**
  70. * @return iterable<null|scalar|\Stringable>
  71. */
  72. public function block_stylesheets(array $context, array $blocks = []): iterable
  73. {
  74. $macros = $this->macros;
  75. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  76. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  78. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  79. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  81. // line 5
  82. yield " <style>
  83. .bordered-homepage-textbox {
  84. }
  86. p.testimonial {
  87. font-weight: bolder;
  88. }
  90. .page-background-overlay-box {
  91. max-width: 6000px;
  92. !important;
  93. padding-top: 0px;
  94. !important;
  95. }
  97. p.testimonial strong {
  98. font-weight: bold;
  99. }
  101. .cta-jobofferer {
  102. background-color: #CEEBFA;
  103. }
  105. .pop-out-element:hover {
  106. transform: scale(1.05) perspective(1px)
  107. }
  109. .pop-out-element-small:hover {
  110. transform: scale(1.02) perspective(1px)
  111. }
  113. .big-hover-button:hover {
  114. transform: scale(1.3) perspective(1px)
  115. }
  117. .big-hover-button-right:hover {
  118. transform: scale(1.3) perspective(1px)
  119. }
  121. .moving-arrow-icon {
  122. animation: animatedArrow 2s linear infinite;
  123. }
  125. .moving-arrow-icon-mobile {
  126. animation: animatedArrowMobile 2s linear infinite;
  127. }
  129. @keyframes animatedArrow {
  130. 0% {
  131. padding-top: 0px;
  132. }
  133. 50% {
  134. padding-top: 12px;
  135. }
  136. 100% {
  137. padding-top: 0px;
  138. }
  139. }
  141. @keyframes animatedArrowMobile {
  142. 0% {
  143. padding-top: 0px;
  144. }
  145. 50% {
  146. padding-top: 6px;
  147. }
  148. 100% {
  149. padding-top: 0px;
  150. }
  151. }
  153. .joboo-logo-on-top {
  154. animation: animateLogo 2s linear;
  155. }
  157. @keyframes animateLogo {
  158. 0% {
  159. opacity: 0;
  160. }
  161. 80% {
  162. opacity: 0.4;
  163. }
  164. 100% {
  165. opacity: 1;
  166. }
  167. }
  169. @media only screen and (max-width: 360px) {
  170. #register-claim-1 {
  171. display: none;
  172. }
  173. }
  175. .reveal {
  176. position: relative;
  177. transform: translateY(150px);
  178. opacity: 0;
  179. transition: 1s all ease;
  180. }
  182. .reveal.active {
  183. transform: translateY(0);
  184. opacity: 1;
  185. }
  186. </style>
  187. ";
  188. // line 110
  189. yield Twig\Extension\CoreExtension::include($this->env, $context, "/default/scrolling_numbers/widget_css.html.twig");
  190. yield "
  191. ";
  193. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  196. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  198. yield from [];
  199. }
  201. // line 113
  202. /**
  203. * @return iterable<null|scalar|\Stringable>
  204. */
  205. public function block_additional_body_classes(array $context, array $blocks = []): iterable
  206. {
  207. $macros = $this->macros;
  208. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  209. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "additional_body_classes"));
  211. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  212. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "additional_body_classes"));
  214. yield "homepage";
  216. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  219. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  221. yield from [];
  222. }
  224. // line 115
  225. /**
  226. * @return iterable<null|scalar|\Stringable>
  227. */
  228. public function block_main_content(array $context, array $blocks = []): iterable
  229. {
  230. $macros = $this->macros;
  231. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  232. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main_content"));
  234. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  235. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main_content"));
  237. // line 116
  238. yield " <div class=\"row text-center m-0\">
  239. <div class=\"col mx-0 px-0\">
  240. <div class=\"w-100\" style=\"background-image: url(";
  241. // line 118
  242. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/homepage_search_bg.jpg"), "html", null, true);
  243. yield ");
  244. background-position: 50% 20%;
  245. background-repeat: no-repeat;
  246. background-size: cover;
  247. background-attachment: scroll;
  248. padding-top: 0;
  249. padding-bottom: 0;\">
  250. <div class=\"tw-mb-8\">
  251. <img src=\"";
  252. // line 126
  253. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/homepage_search_logo.svg"), "html", null, true);
  254. yield "\" class=\"tw-w-52 tw-pt-10\" />
  255. </div>
  256. <div class=\"tw-mx-auto md:tw-w-1/3\">
  257. ";
  258. // line 129
  259. yield Twig\Extension\CoreExtension::include($this->env, $context, "/recurrent_jobs_search/_includes/form.html.twig");
  260. yield "
  261. </div>
  262. </div>
  263. <div class=\"bg-white position-relative pt-2 pt-md-5 pb-5 mx-0 w-100\">
  265. ";
  266. // line 134
  267. yield Twig\Extension\CoreExtension::include($this->env, $context, "/default/scrolling_numbers/widget.html.twig");
  268. yield "
  270. ";
  271. // line 137
  272. yield " <div class=\"d-none d-md-block mb-5 mt-md-2\" style=\"padding-left: 10vw; padding-right: 10vw\">
  273. <div class=\"row mt-3 mt-md-5\">
  274. <div class=\"col ml-0 p-0 cta-jobseeker pop-out-element text-center bg-light\" id=\"cta-jobseeker\"
  275. style=\"border-radius: 0.125rem;\">
  276. <a href=\"";
  277. // line 141
  278. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("recurrent_jobs_search.form");
  279. yield "\">
  280. <span class=\"p-2\" style=\"font-weight: bold; font-size: 24px; color: black;\">
  281. <u>";
  282. // line 143
  283. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.for_jobseekers"), "html", null, true);
  284. yield "</u>
  285. </span>
  286. <img style=\"margin: 0 auto; z-index: 2; max-height: 288px; object-fit: cover; object-position: top center;\"
  287. ";
  288. // line 146
  289. if ((array_key_exists("landingPageDefinition", $context) && !(null === (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 146, $this->source); })())))) {
  290. // line 147
  291. yield " src=\"";
  292. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("assets/images/default/homepage/landingpages/" . (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 147, $this->source); })())) . "/jobsuchende.jpg"))), "html", null, true);
  293. yield "\"
  294. ";
  295. } else {
  296. // line 149
  297. yield " src=\"";
  298. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/december2021/desktop/Felder-oben-links.jpg")), "html", null, true);
  299. yield "\"
  300. ";
  301. }
  302. // line 151
  303. yield " alt=\"";
  304. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  305. yield "\"
  306. width=\"100%\"
  307. >
  308. <div class=\"m-0 px-2 text-center d-sm-none d-lg-block\"
  309. style=\"font-weight: bold; font-size: 18px; color: black; \">
  310. <span style=\"text-decoration: underline;\">";
  311. // line 156
  312. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.find_your_dreamjob"), "html", null, true);
  313. yield "
  314. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i></span>
  315. </div>
  316. <div class=\"m-0 bg-white px-2 text-center d-sm-inline d-lg-none w-100\"
  317. style=\"font-weight: bold; font-size: 20px; color: black; text-decoration: underline\">
  318. Sofort dein Wunsch-Job!
  319. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  320. </div>
  321. </a>
  322. </div>
  323. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  324. <div class=\"col ml-0 p-0 cta-offerer pop-out-element text-center bg-primary\"
  325. style=\"border: 3px solid #CEEBFA; border-radius: 0.125rem;\">
  326. <a href=\"";
  327. // line 169
  328. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("wanted_jobs_search.form");
  329. yield "\">
  330. <span class=\"p-2\" style=\"font-weight: bold; font-size: 24px; color: black;\">
  331. <u>";
  332. // line 171
  333. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.for_jobofferers"), "html", null, true);
  334. yield "</u>
  335. </span>
  336. <img style=\"margin: 0 auto; z-index: 2; max-height: 288px; object-fit: cover; object-position: top center;\"
  337. ";
  338. // line 174
  339. if ((array_key_exists("landingPageDefinition", $context) && !(null === (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 174, $this->source); })())))) {
  340. // line 175
  341. yield " src=\"";
  342. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("assets/images/default/homepage/landingpages/" . (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 175, $this->source); })())) . "/arbeitgeber.jpg"))), "html", null, true);
  343. yield "\"
  344. ";
  345. } else {
  346. // line 177
  347. yield " src=\"";
  348. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/december2021/desktop/Felder-oben-rechts.jpg")), "html", null, true);
  349. yield "\"
  350. ";
  351. }
  352. // line 179
  353. yield " alt=\"";
  354. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  355. yield "\"
  356. width=\"100%\">
  357. <span class=\"m-0 bg-primary px-2 text-center d-sm-none d-lg-inline\"
  358. style=\"font-weight: bold; font-size: 18px; color: black; text-decoration: underline\">
  359. ";
  360. // line 183
  361. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.find_your_personnel"), "html", null, true);
  362. yield "
  363. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  364. </span>
  365. <span class=\"m-0 bg-primary px-2 text-center d-sm-inline d-lg-none\"
  366. style=\"font-weight: bold; font-size: 20px; color: black; text-decoration: underline\">
  367. Sofort dein Top-Personal!
  368. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  369. </span>
  370. </a>
  371. </div>
  372. </div>
  373. </div>
  375. ";
  376. // line 197
  377. yield " <div class=\"container d-block d-md-none mb-4 pl-0 pr-0\">
  378. <div class=\"row mb-4 mt-4\">
  379. <div class=\"col ml-0 p-0 text-center bg-light\">
  380. <a href=\"";
  381. // line 200
  382. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("recurrent_jobs_search.form");
  383. yield "\">
  384. <u class=\"px-3 py-1 mb-1 font-weight-bold\" style=\"color: black;\">Für Jobsuchende</u>
  385. <img style=\"margin: 0 auto; z-index: 2; max-height: 138px; object-fit: cover; object-position: top center;\"
  386. ";
  387. // line 203
  388. if ((array_key_exists("landingPageDefinition", $context) && !(null === (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 203, $this->source); })())))) {
  389. // line 204
  390. yield " src=\"";
  391. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("assets/images/default/homepage/landingpages/" . (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 204, $this->source); })())) . "/jobsuchende.jpg"))), "html", null, true);
  392. yield "\"
  393. ";
  394. } else {
  395. // line 206
  396. yield " src=\"";
  397. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/december2021/desktop/Felder-oben-links.jpg")), "html", null, true);
  398. yield "\"
  399. ";
  400. }
  401. // line 208
  402. yield " alt=\"";
  403. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  404. yield "\"
  405. width=\"100%\">
  406. <div class=\"w-100 text-center\"><span class=\"px-2 font-weight-bold\"
  407. style=\"color: black; text-decoration: underline\">Finde jetzt deinen Wunsch-Job!<i
  408. class=\"fa fa-chevron-circle-right pl-2\" aria-hidden=\"true\"
  409. style=\"color: black;\"></i></span></div>
  410. </a>
  411. </div>
  412. </div>
  413. <div class=\"row mt-0\">
  414. <div class=\"col mr-0 p-0 text-center bg-primary\">
  415. <a href=\"";
  416. // line 219
  417. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("wanted_jobs_search.form");
  418. yield "\">
  419. <u class=\"px-3 py-1 mb-1 font-weight-bold\" style=\"color: black;\">Für Arbeitgeber</u>
  420. <img
  421. style=\"margin: 0 auto; z-index: 2; max-height: 138px; object-fit: cover; object-position: top center;\"
  422. ";
  423. // line 223
  424. if ((array_key_exists("landingPageDefinition", $context) && !(null === (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 223, $this->source); })())))) {
  425. // line 224
  426. yield " src=\"";
  427. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl((("assets/images/default/homepage/landingpages/" . (isset($context["landingPageDefinition"]) || array_key_exists("landingPageDefinition", $context) ? $context["landingPageDefinition"] : (function () { throw new RuntimeError('Variable "landingPageDefinition" does not exist.', 224, $this->source); })())) . "/arbeitgeber.jpg"))), "html", null, true);
  428. yield "\"
  429. ";
  430. } else {
  431. // line 226
  432. yield " src=\"";
  433. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/december2021/desktop/Felder-oben-rechts.jpg")), "html", null, true);
  434. yield "\"
  435. ";
  436. }
  437. // line 228
  438. yield " alt=\"";
  439. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_jobseeker_profiles_search", [], "seo"), "html", null, true);
  440. yield "\"
  441. width=\"100%\">
  442. <div class=\"w-100 text-center\"><span class=\"px-2 font-weight-bold\"
  443. style=\"color: black; text-decoration: underline\">Finde jetzt dein Top-Personal!<i
  444. class=\"fa fa-chevron-circle-right pl-2\" aria-hidden=\"true\"
  445. style=\"color: black;\"></i></span></div>
  446. </a>
  447. </div>
  448. </div>
  449. </div>
  451. ";
  452. // line 239
  453. if ((array_key_exists("hasHgkExtra", $context) && (isset($context["hasHgkExtra"]) || array_key_exists("hasHgkExtra", $context) ? $context["hasHgkExtra"] : (function () { throw new RuntimeError('Variable "hasHgkExtra" does not exist.', 239, $this->source); })()))) {
  454. // line 240
  455. yield " <div class=\"container mb-4 pl-0 pr-0\">
  456. <div class=\"row\">
  457. <div class=\"col-md p-0\">
  458. <div class=\"bg-white pt-4 pb-4 pl-0 pr-0 text-center\">
  459. <div class=\"pl-4 pr-4\">
  460. <strong>
  461. ";
  462. // line 246
  463. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headLine_hgk_extra");
  464. yield "
  465. </strong>
  466. </div>
  467. </div>
  469. </div>
  470. </div>
  471. </div>
  472. ";
  473. }
  474. // line 255
  475. yield "
  476. ";
  477. // line 257
  478. yield " <div class=\"mt-lg-5 mb-4 px-5 d-none d-lg-block bg-light reveal\">
  479. <div class=\"row\">
  480. <div class=\"col-md p-0\">
  481. <div class=\"pt-4 pb-4 pl-0 pr-0 text-center\" style=\"display: grid;\">
  482. <div class=\"row\" style=\"grid-row: 1; grid-column: 1;\">
  483. <div class=\"col-3\"></div>
  484. <div class=\"col-6 pl-4 pr-4\">
  485. ";
  486. // line 264
  487. if ((CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", true, true, false, 264) && !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 264, $this->source); })()), "user", [], "any", false, false, false, 264)))) {
  488. // line 265
  489. yield " <h5 class=\"mb-4 px-2\">
  490. ";
  491. // line 266
  492. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_headline_logged_in", ["%utagstart%" => "<u>", "%utagend%" => "</u>"]);
  493. yield "
  494. </h5>
  495. <strong>
  496. ";
  497. // line 269
  498. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_logged_in");
  499. yield "
  500. </strong>
  501. ";
  502. } else {
  503. // line 272
  504. yield " <h5 class=\"mb-4 pl-5 pr-5\">
  505. ";
  506. // line 273
  507. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_headline"), "html", null, true);
  508. yield "
  509. </h5>
  510. <strong>
  511. ";
  512. // line 276
  513. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro");
  514. yield "
  515. </strong>
  516. ";
  517. }
  518. // line 279
  519. yield " </div>
  520. <div class=\"col-3\"></div>
  521. </div>
  522. <div class=\"row align-items-stretch\" style=\"grid-row: 1; grid-column: 1;\">
  523. <div class=\"col-2 px-3 d-flex align-items-stretch\">
  524. <img class=\"homepage-seal-img\"
  525. src=\"";
  526. // line 285
  527. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/seal_market_leader.png?294610346")), "html", null, true);
  528. yield "\"
  529. alt=\"";
  530. // line 286
  531. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  532. yield "\">
  533. </div>
  534. <div class=\"col-8\"></div>
  535. <div class=\"col-2 px-3 d-flex align-items-stretch justify-content-end\">
  536. <div class=\"d-flex align-items-stretch homepage-seals-right-group\">
  537. <a href=\"https://pro.joboo.de/euro-top-portal\" target=\"_blank\">
  538. <img class=\"homepage-seal-img\"
  539. src=\"";
  540. // line 293
  541. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/euro-siegel-2026.png")), "html", null, true);
  542. yield "\"
  543. alt=\"Euro Top Jobportal Generalisten\">
  544. </a>
  545. <span style=\"width: 10px;\"></span>
  546. <img class=\"homepage-seal-img\"
  547. src=\"";
  548. // line 298
  549. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/focus-siegel-2023.png")), "html", null, true);
  550. yield "\"
  551. alt=\"";
  552. // line 299
  553. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  554. yield "\">
  555. </div>
  556. </div>
  557. </div>
  558. </div>
  559. </div>
  560. </div>
  561. </div>
  563. ";
  564. // line 309
  565. yield " <div class=\"container mb-4 pl-0 pr-0 d-lg-none reveal\">
  566. <div class=\"row\">
  567. <div class=\"col-12 pl-4 pr-4\">
  568. ";
  569. // line 312
  570. if ((CoreExtension::getAttribute($this->env, $this->source, ($context["app"] ?? null), "user", [], "any", true, true, false, 312) && !(null === CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 312, $this->source); })()), "user", [], "any", false, false, false, 312)))) {
  571. // line 313
  572. yield " <h5 class=\"mb-3 px-2\">
  573. ";
  574. // line 314
  575. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_headline_logged_in", ["%utagstart%" => "<u>", "%utagend%" => "</u>"]);
  576. yield "
  577. </h5>
  578. <strong>
  579. ";
  580. // line 317
  581. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_logged_in");
  582. yield "
  583. </strong>
  584. ";
  585. } else {
  586. // line 320
  587. yield " <h5 class=\"mb-4 pl-5 pr-5\">
  588. ";
  589. // line 321
  590. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro_headline"), "html", null, true);
  591. yield "
  592. </h5>
  593. <strong>
  594. ";
  595. // line 324
  596. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.intro");
  597. yield "
  598. </strong>
  599. ";
  600. }
  601. // line 327
  602. yield " </div>
  603. <div class=\"col-12 d-flex justify-content-center align-items-start mt-3 mb-4\">
  604. <a href=\"https://pro.joboo.de/euro-top-portal\" target=\"_blank\">
  605. <img class=\"homepage-seal-img mr-2\"
  606. src=\"";
  607. // line 331
  608. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/euro-siegel-2026.png")), "html", null, true);
  609. yield "\"
  610. alt=\"Euro Top Jobportal Generalisten\">
  611. </a>
  612. <img class=\"homepage-seal-img\"
  613. src=\"";
  614. // line 335
  615. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/focus-siegel-2023.png")), "html", null, true);
  616. yield "\"
  617. alt=\"";
  618. // line 336
  619. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  620. yield "\">
  621. </div>
  622. <div class=\"col-12 d-flex justify-content-center align-items-start mb-2\">
  623. <img class=\"homepage-seal-img\"
  624. src=\"";
  625. // line 340
  626. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/seal_market_leader.png?294610346")), "html", null, true);
  627. yield "\"
  628. alt=\"";
  629. // line 341
  630. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("seo.image_alt_texts.homepage_recurrent_jobs_search", [], "seo"), "html", null, true);
  631. yield "\">
  632. </div>
  633. </div>
  634. </div>
  636. <div class=\"container mb-4 pl-0 pr-0 d-block d-md-none\">
  637. <div class=\"row\">
  638. <div class=\"col-md px-3\">
  639. <a href=\"";
  640. // line 349
  641. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("content", ["content" => "garantien"]);
  642. yield "\">
  643. <img
  644. src=\"";
  645. // line 351
  646. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/siegel-mobil.png")), "html", null, true);
  647. yield "\"
  648. alt=\"";
  649. // line 352
  650. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headline_seals"), "html", null, true);
  651. yield "\"
  652. width=\"100%\"
  653. >
  654. </a>
  655. </div>
  656. </div>
  657. </div>
  659. <div class=\"container mt-5 mb-5 pl-0 pr-0 d-none d-md-flex justify-content-around align-items-center\">
  660. <img src=\"";
  661. // line 361
  662. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/norton-secured-seal.png"), "html", null, true);
  663. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Norton-Secured-Siegel\">
  664. <img src=\"";
  665. // line 362
  666. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/premium-seal-180.png"), "html", null, true);
  667. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Premium-Siegel\">
  668. <img src=\"";
  669. // line 363
  670. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/bekannt-aus-dem-tv-seal.png"), "html", null, true);
  671. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Bekannt-aus-dem-TV-Siegel\">
  672. <img src=\"";
  673. // line 364
  674. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/google-reviews-seal.png"), "html", null, true);
  675. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Google-Reviews-Siegel\">
  676. <img src=\"";
  677. // line 365
  678. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/trustpilot-seal.png"), "html", null, true);
  679. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Trustpilot-Siegel\">
  680. <img src=\"";
  681. // line 366
  682. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/trustedshops-sehr-gut-seal.png"), "html", null, true);
  683. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Trustedshops-Siegel\">
  684. <img src=\"";
  685. // line 367
  686. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/guarantee-seal-180.png"), "html", null, true);
  687. yield "\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Garantie-Siegel\">
  688. </div>
  690. <div style=\"max-width: 100%;\">";
  691. // line 370
  692. yield Twig\Extension\CoreExtension::include($this->env, $context, "/_includes/callToActionRegisterAsJobseekerOrJobofferer.html.twig", ["isHomePage" => true]);
  693. // line 372
  694. yield "</div>
  696. <div class=\"container mb-4 pl-0 pr-0 reveal\">
  697. <div class=\"row\">
  698. <div class=\"col-md p-0\">
  699. <div class=\"bg-white pt-4 pb-0 text-left pl-4 pop-out-element\" style=\"height: 100%\">
  700. <h5 class=\"mb-4 pl-2 pl-md-5\">
  701. <u>";
  702. // line 379
  703. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headline_jobseeker_benefits"), "html", null, true);
  704. yield "</u>
  705. </h5>
  707. <div class=\"align-items-start\">
  708. <table class=\"text-left pl-2 pl-md-5 pr-5\">
  709. ";
  710. // line 384
  711. $context['_parent'] = $context;
  712. $context['_seq'] = CoreExtension::ensureTraversable(range(1, 6));
  713. foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  714. // line 385
  715. yield " <tr>
  716. <td valign=\"top\" class=\"pl-2 pl-md-5\">
  717. <i class=\"fa fa-check pr-2 checkmark-in-contentpage-list\"
  718. aria-hidden=\"true\"></i>
  719. </td>
  720. <td valign=\"top\" class=\"pr-5 pb-2\">
  721. <strong>
  722. ";
  723. // line 392
  724. yield $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(("default.content.homepage.benefits.jobseeker." . $context["i"]), ["%startstrong%" => "<strong>", "%endstrong%" => "</strong>", "%utagstart%" => "<u>", "%utagend%" => "</u>"]);
  725. yield "
  726. </strong>
  727. </td>
  728. </tr>
  729. ";
  730. }
  731. $_parent = $context['_parent'];
  732. unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
  733. $context = array_intersect_key($context, $_parent) + $_parent;
  734. // line 397
  735. yield " </table>
  736. </div>
  737. </div>
  738. </div>
  739. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  740. <div class=\"col-md p-0\">
  741. <div class=\"bg-white pt-4 pb-0 text-left pl-4 pop-out-element\" style=\"height: 100%\">
  742. <h5 class=\"mb-4 pl-2 pl-md-5\">
  743. <u>";
  744. // line 405
  745. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headline_jobofferer_benefits"), "html", null, true);
  746. yield "</u>
  747. </h5>
  749. <div class=\"align-items-start\">
  750. <table class=\"text-left pl-2 pl-md-5 pr-5 mb-3\">
  751. ";
  752. // line 410
  753. $context['_parent'] = $context;
  754. $context['_seq'] = CoreExtension::ensureTraversable(range(1, 6));
  755. foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
  756. // line 411
  757. yield " <tr>
  758. <td valign=\"top\" class=\"pl-2 pl-md-5\">
  759. <i class=\"fa fa-check pr-2 checkmark-in-contentpage-list\"
  760. aria-hidden=\"true\"></i>
  761. </td>
  762. <td valign=\"top\" class=\"pr-5 pb-2\">
  763. <strong>
  764. ";
  765. // line 418
  766. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(("default.content.homepage.benefits.jobofferer." . $context["i"])), "html", null, true);
  767. yield "
  768. </strong>
  769. </td>
  770. </tr>
  771. ";
  772. }
  773. $_parent = $context['_parent'];
  774. unset($context['_seq'], $context['_key'], $context['i'], $context['_parent']);
  775. $context = array_intersect_key($context, $_parent) + $_parent;
  776. // line 423
  777. yield " </table>
  778. </div>
  779. </div>
  780. </div>
  781. </div>
  782. </div>
  784. <div class=\"mb-4 pl-0 pr-0 d-none d-sm-block m-0\" style=\"width: 100vw\">
  785. <div class=\"row m-0 p-0\">
  786. <a class=\"col p-0 pop-out-element\" style=\"display: grid; cursor: pointer;\"
  787. href=\"";
  788. // line 433
  789. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("video");
  790. yield "\">
  791. <div style=\"grid-row: 1; grid-column: 1;\">
  792. <img
  793. src=\"";
  794. // line 436
  795. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/so-gehts-plain.jpg")), "html", null, true);
  796. yield "\"
  797. alt=\"";
  798. // line 437
  799. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("global.navigation.how_it_works"), "html", null, true);
  800. yield "\"
  801. style=\"width: 100%\"
  802. >
  803. </div>
  804. <div class=\"text-white d-flex flex-column justify-content-center align-items-start\"
  805. style=\"grid-row: 1; grid-column: 1;\">
  806. <div class=\"font-weight-bold h1 pt-5\" style=\"width: 70vw;\">
  807. <span style=\"text-shadow: -2px 2px #000000; \">SO GEHT'S</span> <i
  808. class=\"fa fa-lg fa-youtube-play pl-2\"
  809. style=\"color: #FF0100; text-shadow: -2px 2px #FFFFFF;\"></i>
  810. </div>
  811. </div>
  813. </a>
  814. </div>
  815. </div>
  816. <a class=\"mb-4 pl-0 pr-0 d-sm-none\" style=\"display: grid\" href=\"";
  817. // line 453
  818. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("video");
  819. yield "\">
  820. <div style=\"grid-row: 1; grid-column: 1;\">
  821. <img
  822. src=\"";
  823. // line 456
  824. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/so-gehts-mobil.png")), "html", null, true);
  825. yield "\"
  826. alt=\"";
  827. // line 457
  828. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("global.navigation.how_it_works"), "html", null, true);
  829. yield "\"
  830. width=\"100%\"
  831. >
  832. </div>
  833. <div class=\"text-white pt-5\" style=\"grid-row: 1; grid-column: 1;\">
  834. <div class=\"font-weight-bold h1 pt-5 d-flex flex-column justify-content-center align-items-center\"
  835. style=\"width: 50vw;\">
  836. <span class=\"pt-3\" style=\"text-shadow: -2px 2px #000000;\">SO GEHT'S</span>
  837. <i class=\"fa fa-lg fa-youtube-play pl-2\"
  838. style=\"color: #FF0100; text-shadow: -2px 2px #FFFFFF;\"></i>
  839. </div>
  840. </div>
  841. </a>
  844. <div class=\"container mb-4 pb-5 pl-0 pr-0 reveal\">
  845. <div class=\"row\">
  846. <div class=\"col p-0 pop-out-element d-flex flex-column\">
  847. <span class=\"font-weight-light pt-4\" style=\"font-size: 3vmax\">Eine Auswahl unserer über 50.000 Firmenkunden</span>
  848. <a href=\"";
  849. // line 476
  850. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("content", ["content" => "so-gehts-anleitung"]);
  851. yield "\" class=\"pt-2\">
  852. <img
  853. class=\"d-none d-sm-block\"
  854. src=\"";
  855. // line 479
  856. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/referenzkunden.jpg")), "html", null, true);
  857. yield "\"
  858. alt=\"";
  859. // line 480
  860. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headline_seals"), "html", null, true);
  861. yield "\"
  862. width=\"100%\"
  863. >
  864. </a>
  865. <a href=\"";
  866. // line 484
  867. yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("content", ["content" => "so-gehts-anleitung"]);
  868. yield "\" class=\"pt-2\">
  869. <img
  870. class=\"d-sm-none\"
  871. src=\"";
  872. // line 487
  873. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/referenzkunden-mobil.png")), "html", null, true);
  874. yield "\"
  875. alt=\"";
  876. // line 488
  877. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("homepage.headline_seals"), "html", null, true);
  878. yield "\"
  879. width=\"100%\"
  880. >
  881. </a>
  882. </div>
  883. </div>
  884. </div>
  887. <div class=\"container mb-4 pl-0 pr-0\">
  888. <div class=\"row\">
  889. <div class=\"col-md p-0\">
  890. <div class=\"bg-white p-0 text-center font-weight-normal reveal\" style=\"height: 100%\">
  891. <div style=\"display: grid;\" class=\"px-2\">
  892. <img src=\"";
  893. // line 502
  894. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/testimonial-1-no-quote.png")), "html", null, true);
  895. yield "\"
  896. width=\"100%\"
  897. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\">
  898. <img src=\"";
  899. // line 505
  900. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/testimonial-1-quote.png")), "html", null, true);
  901. yield "\"
  902. width=\"100%\"
  903. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\"
  904. id=\"testimonial-1-quote\" class=\"testimonial-1-quote\">
  905. </div>
  906. <div class=\"testimonial-1-quote px-4\"><span>„Ich habe sofort meinen Traumjob bei euch gefunden. </span><strong>Danke!“</strong>
  907. </div>
  908. <div class=\"font-small testimonial-1-quote px-4\" id=\"scroll-quote-element-1\"><strong>Julia
  909. Schmidt, </strong><span>Studentin</span></div>
  910. </div>
  911. </div>
  912. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  913. <div class=\"col-md p-0\">
  914. <div class=\"bg-white p-0 text-center font-weight-normal reveal\" style=\"height: 100%\">
  915. <div style=\"display: grid;\" class=\"px-2\">
  916. <img src=\"";
  917. // line 520
  918. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/testimonial-2-no-quote.png")), "html", null, true);
  919. yield "\"
  920. width=\"100%\"
  921. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\">
  922. <img src=\"";
  923. // line 523
  924. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\AppExtension']->cdnifyUri($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/default/homepage/testimonial-2-quote.png")), "html", null, true);
  925. yield "\"
  926. width=\"100%\"
  927. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\"
  928. id=\"testimonial-2-quote\" class=\"testimonial-2-quote\">
  929. </div>
  930. <div class=\"testimonial-2-quote px-4\"><strong>„JOBOO!® </strong><span>bietet mir die Chance, gute Mitarbeiter zu finden.“</span>
  931. </div>
  932. <div class=\"font-small testimonial-2-quote px-4\" id=\"scroll-quote-element-1\"><strong>Bastian
  933. Falkenroth, </strong><span>Sterne-Koch</span></div>
  934. </div>
  935. </div>
  936. </div>
  937. </div>
  939. ";
  940. // line 537
  941. yield Twig\Extension\CoreExtension::include($this->env, $context, "/_includes/callToActionRegisterAsJobseekerOrJobofferer.html.twig", ["isHomePage" => true]);
  942. // line 539
  943. yield "
  944. ";
  945. // line 540
  946. $macros["placeholder"] = $this->load("/default/_includes/placeholder_replace.html.twig", 540)->unwrap();
  947. // line 541
  948. yield "
  949. ";
  950. // line 542
  951. if ((array_key_exists("occupationalField", $context) && !(null === (isset($context["occupationalField"]) || array_key_exists("occupationalField", $context) ? $context["occupationalField"] : (function () { throw new RuntimeError('Variable "occupationalField" does not exist.', 542, $this->source); })())))) {
  952. // line 543
  953. yield " <div class=\"container mb-3 pl-0 pr-0\">
  954. <div class=\"row\">
  955. <div class=\"col-md p-0\">
  956. <h4 class=\"p-1 primary-color dark-text text-left\">
  957. ";
  958. // line 547
  959. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans((("occupational_fields_lexicon." . (isset($context["occupationalField"]) || array_key_exists("occupationalField", $context) ? $context["occupationalField"] : (function () { throw new RuntimeError('Variable "occupationalField" does not exist.', 547, $this->source); })())) . ".title"), [], "lexicon"), "html", null, true);
  960. yield "
  961. </h4>
  962. </div>
  963. </div>
  964. </div>
  966. <div class=\"container mb-4 pl-0 pr-0\">
  967. <div class=\"row\">
  968. <div class=\"col-md p-0\">
  969. <div class=\"bg-white p-1 text-left\">
  970. <div class=\"card-body content-body\">
  971. ";
  972. // line 558
  973. yield $macros["placeholder"]->getTemplateForMacro("macro_replace", $context, 558, $this->getSourceContext())->macro_replace(...["occupational_fields_lexicon", "lexicon", "teaser", (isset($context["occupationalField"]) || array_key_exists("occupationalField", $context) ? $context["occupationalField"] : (function () { throw new RuntimeError('Variable "occupationalField" does not exist.', 558, $this->source); })()), CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 558, $this->source); })()), "user", [], "any", false, false, false, 558)]);
  974. yield "
  975. </div>
  976. </div>
  977. </div>
  978. </div>
  979. </div>
  980. ";
  981. }
  982. // line 565
  983. yield " </div>
  984. </div>
  985. </div>
  986. ";
  988. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  991. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  993. yield from [];
  994. }
  996. // line 569
  997. /**
  998. * @return iterable<null|scalar|\Stringable>
  999. */
  1000. public function block_javascripts(array $context, array $blocks = []): iterable
  1001. {
  1002. $macros = $this->macros;
  1003. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1004. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1006. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1007. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1009. // line 570
  1010. yield " ";
  1011. yield Twig\Extension\CoreExtension::include($this->env, $context, "/recurrent_jobs_search/_includes/form_javascript.html.twig");
  1012. yield "
  1013. ";
  1014. // line 571
  1015. yield Twig\Extension\CoreExtension::include($this->env, $context, "/default/scrolling_numbers/widget_javascript.html.twig");
  1016. yield "
  1018. ";
  1019. // line 573
  1020. if ((($tmp = CoreExtension::getAttribute($this->env, $this->source, (isset($context["criteo_service"]) || array_key_exists("criteo_service", $context) ? $context["criteo_service"] : (function () { throw new RuntimeError('Variable "criteo_service" does not exist.', 573, $this->source); })()), "pageShouldContainCriteoCode", [CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 573, $this->source); })()), "request", [], "any", false, false, false, 573), CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 573, $this->source); })()), "user", [], "any", false, false, false, 573)], "method", false, false, false, 573)) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
  1021. // line 574
  1022. yield " <!-- Criteo Homepage Tag -->
  1023. <script>
  1024. ";
  1025. // line 576
  1026. yield $this->extensions['App\Twig\AppExtension']->inlineJsWrapperBeginFunction();
  1027. yield "
  1028. if (typeof window.CCM === 'object') {
  1029. const hasConsentForEmbedding = CCM.acceptedEmbeddings.some(embedding => {
  1030. return embedding.name === 'Criteo';
  1031. });
  1033. if (hasConsentForEmbedding) {
  1034. window.criteo_q = window.criteo_q || [];
  1035. var deviceType = /iPad/.test(navigator.userAgent) ? \"t\" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? \"m\" : \"d\";
  1036. window.criteo_q.push(
  1037. {event: \"setAccount\", account: 88703},
  1038. {event: \"setSiteType\", type: deviceType},
  1039. {event: \"viewHome\"}
  1040. );
  1041. }
  1042. }
  1043. ";
  1044. // line 592
  1045. yield $this->extensions['App\Twig\AppExtension']->inlineJsWrapperEndFunction();
  1046. yield "
  1047. </script>
  1048. <!-- END Criteo Homepage Tag -->
  1049. ";
  1050. }
  1051. // line 596
  1052. yield " <script>
  1053. ";
  1054. // line 597
  1055. yield $this->extensions['App\Twig\AppExtension']->inlineJsWrapperBeginFunction();
  1056. yield "
  1058. function reveal() {
  1059. var reveals = document.querySelectorAll(\".reveal\");
  1061. for (var i = 0; i < reveals.length; i++) {
  1062. var windowHeight = window.innerHeight;
  1063. var elementTop = reveals[i].getBoundingClientRect().top;
  1064. var elementVisible = 50;
  1066. if (elementTop < windowHeight - elementVisible) {
  1067. reveals[i].classList.add(\"active\");
  1068. }
  1069. }
  1070. }
  1072. window.addEventListener(\"scroll\", reveal);
  1073. ";
  1074. // line 614
  1075. yield $this->extensions['App\Twig\AppExtension']->inlineJsWrapperEndFunction();
  1076. yield "
  1078. </script>
  1079. ";
  1081. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1084. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1086. yield from [];
  1087. }
  1089. /**
  1090. * @codeCoverageIgnore
  1091. */
  1092. public function getTemplateName(): string
  1093. {
  1094. return "/default/homepage.html.twig";
  1095. }
  1097. /**
  1098. * @codeCoverageIgnore
  1099. */
  1100. public function isTraitable(): bool
  1101. {
  1102. return false;
  1103. }
  1105. /**
  1106. * @codeCoverageIgnore
  1107. */
  1108. public function getDebugInfo(): array
  1109. {
  1110. return array ( 1075 => 614, 1055 => 597, 1052 => 596, 1045 => 592, 1026 => 576, 1022 => 574, 1020 => 573, 1015 => 571, 1010 => 570, 997 => 569, 983 => 565, 973 => 558, 959 => 547, 953 => 543, 951 => 542, 948 => 541, 946 => 540, 943 => 539, 941 => 537, 924 => 523, 918 => 520, 900 => 505, 894 => 502, 877 => 488, 873 => 487, 867 => 484, 860 => 480, 856 => 479, 850 => 476, 828 => 457, 824 => 456, 818 => 453, 799 => 437, 795 => 436, 789 => 433, 777 => 423, 766 => 418, 757 => 411, 753 => 410, 745 => 405, 735 => 397, 724 => 392, 715 => 385, 711 => 384, 703 => 379, 694 => 372, 692 => 370, 686 => 367, 682 => 366, 678 => 365, 674 => 364, 670 => 363, 666 => 362, 662 => 361, 650 => 352, 646 => 351, 641 => 349, 630 => 341, 626 => 340, 619 => 336, 615 => 335, 608 => 331, 602 => 327, 596 => 324, 590 => 321, 587 => 320, 581 => 317, 575 => 314, 572 => 313, 570 => 312, 565 => 309, 553 => 299, 549 => 298, 541 => 293, 531 => 286, 527 => 285, 519 => 279, 513 => 276, 507 => 273, 504 => 272, 498 => 269, 492 => 266, 489 => 265, 487 => 264, 478 => 257, 475 => 255, 463 => 246, 455 => 240, 453 => 239, 438 => 228, 432 => 226, 426 => 224, 424 => 223, 417 => 219, 402 => 208, 396 => 206, 390 => 204, 388 => 203, 382 => 200, 377 => 197, 361 => 183, 353 => 179, 347 => 177, 341 => 175, 339 => 174, 333 => 171, 328 => 169, 312 => 156, 303 => 151, 297 => 149, 291 => 147, 289 => 146, 283 => 143, 278 => 141, 272 => 137, 267 => 134, 259 => 129, 253 => 126, 242 => 118, 238 => 116, 225 => 115, 202 => 113, 189 => 110, 82 => 5, 69 => 4, 58 => 1, 56 => 2, 43 => 1,);
  1111. }
  1113. public function getSourceContext(): Source
  1114. {
  1115. return new Source("{% extends '/base.html.twig' %}
  1116. {% set newLayout = true %}
  1118. {% block stylesheets %}
  1119. <style>
  1120. .bordered-homepage-textbox {
  1121. }
  1123. p.testimonial {
  1124. font-weight: bolder;
  1125. }
  1127. .page-background-overlay-box {
  1128. max-width: 6000px;
  1129. !important;
  1130. padding-top: 0px;
  1131. !important;
  1132. }
  1134. p.testimonial strong {
  1135. font-weight: bold;
  1136. }
  1138. .cta-jobofferer {
  1139. background-color: #CEEBFA;
  1140. }
  1142. .pop-out-element:hover {
  1143. transform: scale(1.05) perspective(1px)
  1144. }
  1146. .pop-out-element-small:hover {
  1147. transform: scale(1.02) perspective(1px)
  1148. }
  1150. .big-hover-button:hover {
  1151. transform: scale(1.3) perspective(1px)
  1152. }
  1154. .big-hover-button-right:hover {
  1155. transform: scale(1.3) perspective(1px)
  1156. }
  1158. .moving-arrow-icon {
  1159. animation: animatedArrow 2s linear infinite;
  1160. }
  1162. .moving-arrow-icon-mobile {
  1163. animation: animatedArrowMobile 2s linear infinite;
  1164. }
  1166. @keyframes animatedArrow {
  1167. 0% {
  1168. padding-top: 0px;
  1169. }
  1170. 50% {
  1171. padding-top: 12px;
  1172. }
  1173. 100% {
  1174. padding-top: 0px;
  1175. }
  1176. }
  1178. @keyframes animatedArrowMobile {
  1179. 0% {
  1180. padding-top: 0px;
  1181. }
  1182. 50% {
  1183. padding-top: 6px;
  1184. }
  1185. 100% {
  1186. padding-top: 0px;
  1187. }
  1188. }
  1190. .joboo-logo-on-top {
  1191. animation: animateLogo 2s linear;
  1192. }
  1194. @keyframes animateLogo {
  1195. 0% {
  1196. opacity: 0;
  1197. }
  1198. 80% {
  1199. opacity: 0.4;
  1200. }
  1201. 100% {
  1202. opacity: 1;
  1203. }
  1204. }
  1206. @media only screen and (max-width: 360px) {
  1207. #register-claim-1 {
  1208. display: none;
  1209. }
  1210. }
  1212. .reveal {
  1213. position: relative;
  1214. transform: translateY(150px);
  1215. opacity: 0;
  1216. transition: 1s all ease;
  1217. }
  1219. .reveal.active {
  1220. transform: translateY(0);
  1221. opacity: 1;
  1222. }
  1223. </style>
  1224. {{ include('/default/scrolling_numbers/widget_css.html.twig') }}
  1225. {% endblock %}
  1227. {% block additional_body_classes %}homepage{% endblock %}
  1229. {% block main_content %}
  1230. <div class=\"row text-center m-0\">
  1231. <div class=\"col mx-0 px-0\">
  1232. <div class=\"w-100\" style=\"background-image: url({{ asset('assets/images/default/homepage/homepage_search_bg.jpg') }});
  1233. background-position: 50% 20%;
  1234. background-repeat: no-repeat;
  1235. background-size: cover;
  1236. background-attachment: scroll;
  1237. padding-top: 0;
  1238. padding-bottom: 0;\">
  1239. <div class=\"tw-mb-8\">
  1240. <img src=\"{{ asset('assets/images/default/homepage/homepage_search_logo.svg') }}\" class=\"tw-w-52 tw-pt-10\" />
  1241. </div>
  1242. <div class=\"tw-mx-auto md:tw-w-1/3\">
  1243. {{ include('/recurrent_jobs_search/_includes/form.html.twig') }}
  1244. </div>
  1245. </div>
  1246. <div class=\"bg-white position-relative pt-2 pt-md-5 pb-5 mx-0 w-100\">
  1248. {{ include('/default/scrolling_numbers/widget.html.twig') }}
  1250. {# larger than md #}
  1251. <div class=\"d-none d-md-block mb-5 mt-md-2\" style=\"padding-left: 10vw; padding-right: 10vw\">
  1252. <div class=\"row mt-3 mt-md-5\">
  1253. <div class=\"col ml-0 p-0 cta-jobseeker pop-out-element text-center bg-light\" id=\"cta-jobseeker\"
  1254. style=\"border-radius: 0.125rem;\">
  1255. <a href=\"{{ path('recurrent_jobs_search.form') }}\">
  1256. <span class=\"p-2\" style=\"font-weight: bold; font-size: 24px; color: black;\">
  1257. <u>{{ 'homepage.for_jobseekers'|trans }}</u>
  1258. </span>
  1259. <img style=\"margin: 0 auto; z-index: 2; max-height: 288px; object-fit: cover; object-position: top center;\"
  1260. {% if landingPageDefinition is defined and landingPageDefinition is not null %}
  1261. src=\"{{ asset('assets/images/default/homepage/landingpages/' ~ landingPageDefinition ~ '/jobsuchende.jpg')|cdnifyUri }}\"
  1262. {% else %}
  1263. src=\"{{ asset('assets/images/default/homepage/december2021/desktop/Felder-oben-links.jpg')|cdnifyUri }}\"
  1264. {% endif %}
  1265. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\"
  1266. width=\"100%\"
  1267. >
  1268. <div class=\"m-0 px-2 text-center d-sm-none d-lg-block\"
  1269. style=\"font-weight: bold; font-size: 18px; color: black; \">
  1270. <span style=\"text-decoration: underline;\">{{ 'homepage.find_your_dreamjob'|trans }}
  1271. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i></span>
  1272. </div>
  1273. <div class=\"m-0 bg-white px-2 text-center d-sm-inline d-lg-none w-100\"
  1274. style=\"font-weight: bold; font-size: 20px; color: black; text-decoration: underline\">
  1275. Sofort dein Wunsch-Job!
  1276. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  1277. </div>
  1278. </a>
  1279. </div>
  1280. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  1281. <div class=\"col ml-0 p-0 cta-offerer pop-out-element text-center bg-primary\"
  1282. style=\"border: 3px solid #CEEBFA; border-radius: 0.125rem;\">
  1283. <a href=\"{{ path('wanted_jobs_search.form') }}\">
  1284. <span class=\"p-2\" style=\"font-weight: bold; font-size: 24px; color: black;\">
  1285. <u>{{ 'homepage.for_jobofferers'|trans }}</u>
  1286. </span>
  1287. <img style=\"margin: 0 auto; z-index: 2; max-height: 288px; object-fit: cover; object-position: top center;\"
  1288. {% if landingPageDefinition is defined and landingPageDefinition is not null %}
  1289. src=\"{{ asset('assets/images/default/homepage/landingpages/' ~ landingPageDefinition ~ '/arbeitgeber.jpg')|cdnifyUri }}\"
  1290. {% else %}
  1291. src=\"{{ asset('assets/images/default/homepage/december2021/desktop/Felder-oben-rechts.jpg')|cdnifyUri }}\"
  1292. {% endif %}
  1293. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\"
  1294. width=\"100%\">
  1295. <span class=\"m-0 bg-primary px-2 text-center d-sm-none d-lg-inline\"
  1296. style=\"font-weight: bold; font-size: 18px; color: black; text-decoration: underline\">
  1297. {{ 'homepage.find_your_personnel'|trans }}
  1298. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  1299. </span>
  1300. <span class=\"m-0 bg-primary px-2 text-center d-sm-inline d-lg-none\"
  1301. style=\"font-weight: bold; font-size: 20px; color: black; text-decoration: underline\">
  1302. Sofort dein Top-Personal!
  1303. <i class=\"fa fa-chevron-circle-right\" aria-hidden=\"true\"></i>
  1304. </span>
  1305. </a>
  1306. </div>
  1307. </div>
  1308. </div>
  1310. {# md and smaller #}
  1311. <div class=\"container d-block d-md-none mb-4 pl-0 pr-0\">
  1312. <div class=\"row mb-4 mt-4\">
  1313. <div class=\"col ml-0 p-0 text-center bg-light\">
  1314. <a href=\"{{ path('recurrent_jobs_search.form') }}\">
  1315. <u class=\"px-3 py-1 mb-1 font-weight-bold\" style=\"color: black;\">Für Jobsuchende</u>
  1316. <img style=\"margin: 0 auto; z-index: 2; max-height: 138px; object-fit: cover; object-position: top center;\"
  1317. {% if landingPageDefinition is defined and landingPageDefinition is not null %}
  1318. src=\"{{ asset('assets/images/default/homepage/landingpages/' ~ landingPageDefinition ~ '/jobsuchende.jpg')|cdnifyUri }}\"
  1319. {% else %}
  1320. src=\"{{ asset('assets/images/default/homepage/december2021/desktop/Felder-oben-links.jpg')|cdnifyUri }}\"
  1321. {% endif %}
  1322. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\"
  1323. width=\"100%\">
  1324. <div class=\"w-100 text-center\"><span class=\"px-2 font-weight-bold\"
  1325. style=\"color: black; text-decoration: underline\">Finde jetzt deinen Wunsch-Job!<i
  1326. class=\"fa fa-chevron-circle-right pl-2\" aria-hidden=\"true\"
  1327. style=\"color: black;\"></i></span></div>
  1328. </a>
  1329. </div>
  1330. </div>
  1331. <div class=\"row mt-0\">
  1332. <div class=\"col mr-0 p-0 text-center bg-primary\">
  1333. <a href=\"{{ path('wanted_jobs_search.form') }}\">
  1334. <u class=\"px-3 py-1 mb-1 font-weight-bold\" style=\"color: black;\">Für Arbeitgeber</u>
  1335. <img
  1336. style=\"margin: 0 auto; z-index: 2; max-height: 138px; object-fit: cover; object-position: top center;\"
  1337. {% if landingPageDefinition is defined and landingPageDefinition is not null %}
  1338. src=\"{{ asset('assets/images/default/homepage/landingpages/' ~ landingPageDefinition ~ '/arbeitgeber.jpg')|cdnifyUri }}\"
  1339. {% else %}
  1340. src=\"{{ asset('assets/images/default/homepage/december2021/desktop/Felder-oben-rechts.jpg')|cdnifyUri }}\"
  1341. {% endif %}
  1342. alt=\"{{ 'seo.image_alt_texts.homepage_jobseeker_profiles_search'|trans([], 'seo') }}\"
  1343. width=\"100%\">
  1344. <div class=\"w-100 text-center\"><span class=\"px-2 font-weight-bold\"
  1345. style=\"color: black; text-decoration: underline\">Finde jetzt dein Top-Personal!<i
  1346. class=\"fa fa-chevron-circle-right pl-2\" aria-hidden=\"true\"
  1347. style=\"color: black;\"></i></span></div>
  1348. </a>
  1349. </div>
  1350. </div>
  1351. </div>
  1353. {% if hasHgkExtra is defined and hasHgkExtra %}
  1354. <div class=\"container mb-4 pl-0 pr-0\">
  1355. <div class=\"row\">
  1356. <div class=\"col-md p-0\">
  1357. <div class=\"bg-white pt-4 pb-4 pl-0 pr-0 text-center\">
  1358. <div class=\"pl-4 pr-4\">
  1359. <strong>
  1360. {{ 'homepage.headLine_hgk_extra'|trans|raw }}
  1361. </strong>
  1362. </div>
  1363. </div>
  1365. </div>
  1366. </div>
  1367. </div>
  1368. {% endif %}
  1370. {# Desktop version: show on large screens and up #}
  1371. <div class=\"mt-lg-5 mb-4 px-5 d-none d-lg-block bg-light reveal\">
  1372. <div class=\"row\">
  1373. <div class=\"col-md p-0\">
  1374. <div class=\"pt-4 pb-4 pl-0 pr-0 text-center\" style=\"display: grid;\">
  1375. <div class=\"row\" style=\"grid-row: 1; grid-column: 1;\">
  1376. <div class=\"col-3\"></div>
  1377. <div class=\"col-6 pl-4 pr-4\">
  1378. {% if app.user is defined and app.user is not null %}
  1379. <h5 class=\"mb-4 px-2\">
  1380. {{ 'homepage.intro_headline_logged_in'|trans({'%utagstart%': '<u>', '%utagend%': '</u>'})|raw }}
  1381. </h5>
  1382. <strong>
  1383. {{ 'homepage.intro_logged_in'|trans|raw }}
  1384. </strong>
  1385. {% else %}
  1386. <h5 class=\"mb-4 pl-5 pr-5\">
  1387. {{ 'homepage.intro_headline'|trans }}
  1388. </h5>
  1389. <strong>
  1390. {{ 'homepage.intro'|trans|raw }}
  1391. </strong>
  1392. {% endif %}
  1393. </div>
  1394. <div class=\"col-3\"></div>
  1395. </div>
  1396. <div class=\"row align-items-stretch\" style=\"grid-row: 1; grid-column: 1;\">
  1397. <div class=\"col-2 px-3 d-flex align-items-stretch\">
  1398. <img class=\"homepage-seal-img\"
  1399. src=\"{{ asset('assets/images/seal_market_leader.png?294610346')|cdnifyUri }}\"
  1400. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\">
  1401. </div>
  1402. <div class=\"col-8\"></div>
  1403. <div class=\"col-2 px-3 d-flex align-items-stretch justify-content-end\">
  1404. <div class=\"d-flex align-items-stretch homepage-seals-right-group\">
  1405. <a href=\"https://pro.joboo.de/euro-top-portal\" target=\"_blank\">
  1406. <img class=\"homepage-seal-img\"
  1407. src=\"{{ asset('assets/images/default/homepage/euro-siegel-2026.png')|cdnifyUri }}\"
  1408. alt=\"Euro Top Jobportal Generalisten\">
  1409. </a>
  1410. <span style=\"width: 10px;\"></span>
  1411. <img class=\"homepage-seal-img\"
  1412. src=\"{{ asset('assets/images/default/homepage/focus-siegel-2023.png')|cdnifyUri }}\"
  1413. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\">
  1414. </div>
  1415. </div>
  1416. </div>
  1417. </div>
  1418. </div>
  1419. </div>
  1420. </div>
  1422. {# Mobile/tablet version: show below large screens #}
  1423. <div class=\"container mb-4 pl-0 pr-0 d-lg-none reveal\">
  1424. <div class=\"row\">
  1425. <div class=\"col-12 pl-4 pr-4\">
  1426. {% if app.user is defined and app.user is not null %}
  1427. <h5 class=\"mb-3 px-2\">
  1428. {{ 'homepage.intro_headline_logged_in'|trans({'%utagstart%': '<u>', '%utagend%': '</u>'})|raw }}
  1429. </h5>
  1430. <strong>
  1431. {{ 'homepage.intro_logged_in'|trans|raw }}
  1432. </strong>
  1433. {% else %}
  1434. <h5 class=\"mb-4 pl-5 pr-5\">
  1435. {{ 'homepage.intro_headline'|trans }}
  1436. </h5>
  1437. <strong>
  1438. {{ 'homepage.intro'|trans|raw }}
  1439. </strong>
  1440. {% endif %}
  1441. </div>
  1442. <div class=\"col-12 d-flex justify-content-center align-items-start mt-3 mb-4\">
  1443. <a href=\"https://pro.joboo.de/euro-top-portal\" target=\"_blank\">
  1444. <img class=\"homepage-seal-img mr-2\"
  1445. src=\"{{ asset('assets/images/default/homepage/euro-siegel-2026.png')|cdnifyUri }}\"
  1446. alt=\"Euro Top Jobportal Generalisten\">
  1447. </a>
  1448. <img class=\"homepage-seal-img\"
  1449. src=\"{{ asset('assets/images/default/homepage/focus-siegel-2023.png')|cdnifyUri }}\"
  1450. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\">
  1451. </div>
  1452. <div class=\"col-12 d-flex justify-content-center align-items-start mb-2\">
  1453. <img class=\"homepage-seal-img\"
  1454. src=\"{{ asset('assets/images/seal_market_leader.png?294610346')|cdnifyUri }}\"
  1455. alt=\"{{ 'seo.image_alt_texts.homepage_recurrent_jobs_search'|trans([], 'seo') }}\">
  1456. </div>
  1457. </div>
  1458. </div>
  1460. <div class=\"container mb-4 pl-0 pr-0 d-block d-md-none\">
  1461. <div class=\"row\">
  1462. <div class=\"col-md px-3\">
  1463. <a href=\"{{ path('content', {'content': 'garantien'}) }}\">
  1464. <img
  1465. src=\"{{ asset('assets/images/default/homepage/siegel-mobil.png')|cdnifyUri }}\"
  1466. alt=\"{{ 'homepage.headline_seals'|trans }}\"
  1467. width=\"100%\"
  1468. >
  1469. </a>
  1470. </div>
  1471. </div>
  1472. </div>
  1474. <div class=\"container mt-5 mb-5 pl-0 pr-0 d-none d-md-flex justify-content-around align-items-center\">
  1475. <img src=\"{{ asset('assets/images/norton-secured-seal.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Norton-Secured-Siegel\">
  1476. <img src=\"{{ asset('assets/images/premium-seal-180.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Premium-Siegel\">
  1477. <img src=\"{{ asset('assets/images/bekannt-aus-dem-tv-seal.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Bekannt-aus-dem-TV-Siegel\">
  1478. <img src=\"{{ asset('assets/images/google-reviews-seal.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Google-Reviews-Siegel\">
  1479. <img src=\"{{ asset('assets/images/trustpilot-seal.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Trustpilot-Siegel\">
  1480. <img src=\"{{ asset('assets/images/trustedshops-sehr-gut-seal.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Trustedshops-Siegel\">
  1481. <img src=\"{{ asset('assets/images/guarantee-seal-180.png') }}\" style=\"height: 65px; width: auto; object-fit: contain; padding: 0 5px;\" alt=\"Garantie-Siegel\">
  1482. </div>
  1484. <div style=\"max-width: 100%;\">{{ include('/_includes/callToActionRegisterAsJobseekerOrJobofferer.html.twig', {
  1485. isHomePage: true
  1486. }) }}</div>
  1488. <div class=\"container mb-4 pl-0 pr-0 reveal\">
  1489. <div class=\"row\">
  1490. <div class=\"col-md p-0\">
  1491. <div class=\"bg-white pt-4 pb-0 text-left pl-4 pop-out-element\" style=\"height: 100%\">
  1492. <h5 class=\"mb-4 pl-2 pl-md-5\">
  1493. <u>{{ 'homepage.headline_jobseeker_benefits'|trans }}</u>
  1494. </h5>
  1496. <div class=\"align-items-start\">
  1497. <table class=\"text-left pl-2 pl-md-5 pr-5\">
  1498. {% for i in range(1, 6) %}
  1499. <tr>
  1500. <td valign=\"top\" class=\"pl-2 pl-md-5\">
  1501. <i class=\"fa fa-check pr-2 checkmark-in-contentpage-list\"
  1502. aria-hidden=\"true\"></i>
  1503. </td>
  1504. <td valign=\"top\" class=\"pr-5 pb-2\">
  1505. <strong>
  1506. {{ ('default.content.homepage.benefits.jobseeker.' ~ i)|trans({'%startstrong%':'<strong>', '%endstrong%':'</strong>', '%utagstart%':'<u>', '%utagend%': '</u>'})|raw }}
  1507. </strong>
  1508. </td>
  1509. </tr>
  1510. {% endfor %}
  1511. </table>
  1512. </div>
  1513. </div>
  1514. </div>
  1515. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  1516. <div class=\"col-md p-0\">
  1517. <div class=\"bg-white pt-4 pb-0 text-left pl-4 pop-out-element\" style=\"height: 100%\">
  1518. <h5 class=\"mb-4 pl-2 pl-md-5\">
  1519. <u>{{ 'homepage.headline_jobofferer_benefits'|trans }}</u>
  1520. </h5>
  1522. <div class=\"align-items-start\">
  1523. <table class=\"text-left pl-2 pl-md-5 pr-5 mb-3\">
  1524. {% for i in range(1, 6) %}
  1525. <tr>
  1526. <td valign=\"top\" class=\"pl-2 pl-md-5\">
  1527. <i class=\"fa fa-check pr-2 checkmark-in-contentpage-list\"
  1528. aria-hidden=\"true\"></i>
  1529. </td>
  1530. <td valign=\"top\" class=\"pr-5 pb-2\">
  1531. <strong>
  1532. {{ ('default.content.homepage.benefits.jobofferer.' ~ i)|trans }}
  1533. </strong>
  1534. </td>
  1535. </tr>
  1536. {% endfor %}
  1537. </table>
  1538. </div>
  1539. </div>
  1540. </div>
  1541. </div>
  1542. </div>
  1544. <div class=\"mb-4 pl-0 pr-0 d-none d-sm-block m-0\" style=\"width: 100vw\">
  1545. <div class=\"row m-0 p-0\">
  1546. <a class=\"col p-0 pop-out-element\" style=\"display: grid; cursor: pointer;\"
  1547. href=\"{{ path('video') }}\">
  1548. <div style=\"grid-row: 1; grid-column: 1;\">
  1549. <img
  1550. src=\"{{ asset('assets/images/default/homepage/so-gehts-plain.jpg')|cdnifyUri }}\"
  1551. alt=\"{{ 'global.navigation.how_it_works'|trans }}\"
  1552. style=\"width: 100%\"
  1553. >
  1554. </div>
  1555. <div class=\"text-white d-flex flex-column justify-content-center align-items-start\"
  1556. style=\"grid-row: 1; grid-column: 1;\">
  1557. <div class=\"font-weight-bold h1 pt-5\" style=\"width: 70vw;\">
  1558. <span style=\"text-shadow: -2px 2px #000000; \">SO GEHT'S</span> <i
  1559. class=\"fa fa-lg fa-youtube-play pl-2\"
  1560. style=\"color: #FF0100; text-shadow: -2px 2px #FFFFFF;\"></i>
  1561. </div>
  1562. </div>
  1564. </a>
  1565. </div>
  1566. </div>
  1567. <a class=\"mb-4 pl-0 pr-0 d-sm-none\" style=\"display: grid\" href=\"{{ path('video') }}\">
  1568. <div style=\"grid-row: 1; grid-column: 1;\">
  1569. <img
  1570. src=\"{{ asset('assets/images/default/homepage/so-gehts-mobil.png')|cdnifyUri }}\"
  1571. alt=\"{{ 'global.navigation.how_it_works'|trans }}\"
  1572. width=\"100%\"
  1573. >
  1574. </div>
  1575. <div class=\"text-white pt-5\" style=\"grid-row: 1; grid-column: 1;\">
  1576. <div class=\"font-weight-bold h1 pt-5 d-flex flex-column justify-content-center align-items-center\"
  1577. style=\"width: 50vw;\">
  1578. <span class=\"pt-3\" style=\"text-shadow: -2px 2px #000000;\">SO GEHT'S</span>
  1579. <i class=\"fa fa-lg fa-youtube-play pl-2\"
  1580. style=\"color: #FF0100; text-shadow: -2px 2px #FFFFFF;\"></i>
  1581. </div>
  1582. </div>
  1583. </a>
  1586. <div class=\"container mb-4 pb-5 pl-0 pr-0 reveal\">
  1587. <div class=\"row\">
  1588. <div class=\"col p-0 pop-out-element d-flex flex-column\">
  1589. <span class=\"font-weight-light pt-4\" style=\"font-size: 3vmax\">Eine Auswahl unserer über 50.000 Firmenkunden</span>
  1590. <a href=\"{{ path('content', {'content': 'so-gehts-anleitung'}) }}\" class=\"pt-2\">
  1591. <img
  1592. class=\"d-none d-sm-block\"
  1593. src=\"{{ asset('assets/images/default/homepage/referenzkunden.jpg')|cdnifyUri }}\"
  1594. alt=\"{{ 'homepage.headline_seals'|trans }}\"
  1595. width=\"100%\"
  1596. >
  1597. </a>
  1598. <a href=\"{{ path('content', {'content': 'so-gehts-anleitung'}) }}\" class=\"pt-2\">
  1599. <img
  1600. class=\"d-sm-none\"
  1601. src=\"{{ asset('assets/images/default/homepage/referenzkunden-mobil.png')|cdnifyUri }}\"
  1602. alt=\"{{ 'homepage.headline_seals'|trans }}\"
  1603. width=\"100%\"
  1604. >
  1605. </a>
  1606. </div>
  1607. </div>
  1608. </div>
  1611. <div class=\"container mb-4 pl-0 pr-0\">
  1612. <div class=\"row\">
  1613. <div class=\"col-md p-0\">
  1614. <div class=\"bg-white p-0 text-center font-weight-normal reveal\" style=\"height: 100%\">
  1615. <div style=\"display: grid;\" class=\"px-2\">
  1616. <img src=\"{{ asset('assets/images/default/homepage/testimonial-1-no-quote.png')|cdnifyUri }}\"
  1617. width=\"100%\"
  1618. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\">
  1619. <img src=\"{{ asset('assets/images/default/homepage/testimonial-1-quote.png')|cdnifyUri }}\"
  1620. width=\"100%\"
  1621. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\"
  1622. id=\"testimonial-1-quote\" class=\"testimonial-1-quote\">
  1623. </div>
  1624. <div class=\"testimonial-1-quote px-4\"><span>„Ich habe sofort meinen Traumjob bei euch gefunden. </span><strong>Danke!“</strong>
  1625. </div>
  1626. <div class=\"font-small testimonial-1-quote px-4\" id=\"scroll-quote-element-1\"><strong>Julia
  1627. Schmidt, </strong><span>Studentin</span></div>
  1628. </div>
  1629. </div>
  1630. <div class=\"\">&nbsp;&nbsp;&nbsp;</div>
  1631. <div class=\"col-md p-0\">
  1632. <div class=\"bg-white p-0 text-center font-weight-normal reveal\" style=\"height: 100%\">
  1633. <div style=\"display: grid;\" class=\"px-2\">
  1634. <img src=\"{{ asset('assets/images/default/homepage/testimonial-2-no-quote.png')|cdnifyUri }}\"
  1635. width=\"100%\"
  1636. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\">
  1637. <img src=\"{{ asset('assets/images/default/homepage/testimonial-2-quote.png')|cdnifyUri }}\"
  1638. width=\"100%\"
  1639. style=\"grid-row: 1; grid-column: 1; max-width: 250px; margin: auto;\"
  1640. id=\"testimonial-2-quote\" class=\"testimonial-2-quote\">
  1641. </div>
  1642. <div class=\"testimonial-2-quote px-4\"><strong>„JOBOO!® </strong><span>bietet mir die Chance, gute Mitarbeiter zu finden.“</span>
  1643. </div>
  1644. <div class=\"font-small testimonial-2-quote px-4\" id=\"scroll-quote-element-1\"><strong>Bastian
  1645. Falkenroth, </strong><span>Sterne-Koch</span></div>
  1646. </div>
  1647. </div>
  1648. </div>
  1649. </div>
  1651. {{ include('/_includes/callToActionRegisterAsJobseekerOrJobofferer.html.twig', {
  1652. isHomePage: true
  1653. }) }}
  1654. {% import '/default/_includes/placeholder_replace.html.twig' as placeholder %}
  1656. {% if occupationalField is defined and occupationalField is not null %}
  1657. <div class=\"container mb-3 pl-0 pr-0\">
  1658. <div class=\"row\">
  1659. <div class=\"col-md p-0\">
  1660. <h4 class=\"p-1 primary-color dark-text text-left\">
  1661. {{ ('occupational_fields_lexicon.' ~ occupationalField ~ '.title')|trans([], 'lexicon') }}
  1662. </h4>
  1663. </div>
  1664. </div>
  1665. </div>
  1667. <div class=\"container mb-4 pl-0 pr-0\">
  1668. <div class=\"row\">
  1669. <div class=\"col-md p-0\">
  1670. <div class=\"bg-white p-1 text-left\">
  1671. <div class=\"card-body content-body\">
  1672. {{ placeholder.replace('occupational_fields_lexicon', 'lexicon', 'teaser', occupationalField, app.user) }}
  1673. </div>
  1674. </div>
  1675. </div>
  1676. </div>
  1677. </div>
  1678. {% endif %}
  1679. </div>
  1680. </div>
  1681. </div>
  1682. {% endblock %}
  1683. {% block javascripts %}
  1684. {{ include('/recurrent_jobs_search/_includes/form_javascript.html.twig') }}
  1685. {{ include('/default/scrolling_numbers/widget_javascript.html.twig') }}
  1687. {% if criteo_service.pageShouldContainCriteoCode(app.request, app.user) %}
  1688. <!-- Criteo Homepage Tag -->
  1689. <script>
  1690. {{ inlineJsWrapperBegin() }}
  1691. if (typeof window.CCM === 'object') {
  1692. const hasConsentForEmbedding = CCM.acceptedEmbeddings.some(embedding => {
  1693. return embedding.name === 'Criteo';
  1694. });
  1696. if (hasConsentForEmbedding) {
  1697. window.criteo_q = window.criteo_q || [];
  1698. var deviceType = /iPad/.test(navigator.userAgent) ? \"t\" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? \"m\" : \"d\";
  1699. window.criteo_q.push(
  1700. {event: \"setAccount\", account: 88703},
  1701. {event: \"setSiteType\", type: deviceType},
  1702. {event: \"viewHome\"}
  1703. );
  1704. }
  1705. }
  1706. {{ inlineJsWrapperEnd() }}
  1707. </script>
  1708. <!-- END Criteo Homepage Tag -->
  1709. {% endif %}
  1710. <script>
  1711. {{ inlineJsWrapperBegin() }}
  1713. function reveal() {
  1714. var reveals = document.querySelectorAll(\".reveal\");
  1716. for (var i = 0; i < reveals.length; i++) {
  1717. var windowHeight = window.innerHeight;
  1718. var elementTop = reveals[i].getBoundingClientRect().top;
  1719. var elementVisible = 50;
  1721. if (elementTop < windowHeight - elementVisible) {
  1722. reveals[i].classList.add(\"active\");
  1723. }
  1724. }
  1725. }
  1727. window.addEventListener(\"scroll\", reveal);
  1728. {{ inlineJsWrapperEnd() }}
  1730. </script>
  1731. {% endblock %}
  1732. ", "/default/homepage.html.twig", "/workspace/backend-app/templates/default/homepage.html.twig");
  1733. }
  1734. }