1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2
3 @{
4 //for cookieinformation and flags
5 string languageCode = Pageview.Area.Culture.Substring(0, 2).ToUpper();
6 int modelId = Model.Area.ID;
7 string googleTagManagerId = Model.Area.Item.GetString("GoogleTagManager");
8 }
9
10 <!DOCTYPE html>
11 <html>
12 <head>
13
14 <!-- Google tag (gtag.js) -->
15 @if (modelId == 18)
16 {
17 <script async src="https://www.googletagmanager.com/gtag/js?id=G-ELDPWGB1ZZ"></script>
18 <script>
19 window.dataLayer = window.dataLayer || [];
20 function gtag() { dataLayer.push(arguments); }
21 gtag('js', new Date());
22 gtag('config', 'G-ELDPWGB1ZZ');
23 </script>
24 }
25 else if (modelId == 10)
26 {
27 <script async src="https://www.googletagmanager.com/gtag/js?id=G-D299QWVPJP"></script>
28 <script>
29 window.dataLayer = window.dataLayer || [];
30 function gtag() { dataLayer.push(arguments); }
31 gtag('js', new Date());
32 gtag('config', 'G-D299QWVPJP');
33 </script>
34 }
35 else if (modelId == 12)
36 {
37 <script async src="https://www.googletagmanager.com/gtag/js?id=G-PHS2ZDS6BW"></script>
38 <script>
39 window.dataLayer = window.dataLayer || [];
40 function gtag() { dataLayer.push(arguments); }
41 gtag('js', new Date());
42 gtag('config', 'G-PHS2ZDS6BW');
43 </script>
44 }
45 <!-- End Google tag (gtag.js) -->
46
47 <meta charset="utf-8" />
48 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
49 <title>@Model.Title</title>
50 <meta name="description" content="@Model.Description" />
51
52 <link href="@Model.Area.Item.GetFile("FavIcon")" type="image/x-icon" rel="icon" />
53 <link href="@Model.Area.Item.GetFile("FavIcon")" type="image/x-icon" rel="shortcut icon" />
54
55 @if (System.Web.HttpContext.Current.Request.Url.Host.Contains("staging") || System.Web.HttpContext.Current.Request.Url.Host.Contains("vestjyskmarketing") || Pageview.Area.Noindex || Pageview.Page.Noindex)
56 {
57 <meta name="robots" content="noindex,nofollow" />
58 }
59
60 <script id="CookieConsent" src="https://policy.app.cookieinformation.com/uc.js" data-culture="@languageCode" type="text/javascript"></script>
61
62 @if (!String.IsNullOrEmpty(googleTagManagerId))
63 {
64 <!-- Google Tag Manager -->
65 <script>
66 (function (w, d, s, l, i) {
67 w[l] = w[l] || []; w[l].push({
68 'gtm.start':
69 new Date().getTime(), event: 'gtm.js'
70 }); var f = d.getElementsByTagName(s)[0],
71 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
72 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
73 })(window, document, 'script', 'dataLayer', '@googleTagManagerId');
74 </script>
75 <!-- End Google Tag Manager -->
76 }
77
78 @RenderSnippet("Metas")
79
80 @if (modelId == 17)
81 {
82 var careerStyles = VestjyskMarketing.Helpers.Utilities.CacheBuster("/Files/Templates/Designs/dist/CareerJks2022.css");
83 <link rel="stylesheet" type="text/css" href="@careerStyles">
84 }
85 else if (modelId == 16)
86 {
87 var profJksStyles = VestjyskMarketing.Helpers.Utilities.CacheBuster("/Files/Templates/Designs/dist/ProfJks2022.css");
88 <link rel="stylesheet" type="text/css" href="@profJksStyles" />
89 }
90 else
91 {
92 var jksStyles = VestjyskMarketing.Helpers.Utilities.CacheBuster("/Files/Templates/Designs/dist/Jks2022.css");
93 <link rel="stylesheet" type="text/css" href="@jksStyles" />
94 }
95
96 @RenderSnippet("Styles")
97 @RenderSnippet("Scripts")
98 </head>
99
100
101 <body>
102
103 @if (!String.IsNullOrEmpty(googleTagManagerId))
104 {
105 <!-- Google Tag Manager (noscript) -->
106 <noscript>
107 <iframe src="" data-consent-src="https://www.googletagmanager.com/ns.html?id=@googleTagManagerId" data-category-consent="cookie_cat_marketing" height="0" width="0" style="display:none;visibility:hidden"></iframe>
108 </noscript>
109 <!-- End Google Tag Manager (noscript) -->
110 }
111
112 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
113
114 @using Dynamicweb.Content
115 @using Dynamicweb.Content.Files.Metadata
116 @using Dynamicweb.Extensibility;
117
118 @{
119 var areaID = Dynamicweb.Frontend.PageView.Current().Area.ID;
120 var pageID = Dynamicweb.Frontend.PageView.Current().Page.ID;
121 var pageType = Dynamicweb.Frontend.PageView.Current().Page.ItemType;
122 var pageService = ServiceLocator.Current.GetPageService();
123 var rootPages = pageService.GetRootPagesForArea(areaID).Where(p => p.Active && p.Item != null).ToArray();
124 int searchpageIdGlobal = GetPageIdByNavigationTag("SearchPageGlobal");
125 }
126 @{
127 var navigationSettingsDesktop = new Dynamicweb.Frontend.Navigation.NavigationSettings()
128 {
129 StartLevel = 1,
130 StopLevel = 2,
131 ExpandMode = Dynamicweb.Frontend.Navigation.ExpandMode.All
132 };
133 var navigationTemplateDesktop = "Navigation/NavigationDesktop.cshtml";
134
135 var navigationSettingsMobile = new Dynamicweb.Frontend.Navigation.NavigationSettings()
136 {
137 StartLevel = 1,
138 StopLevel = 999,
139 ExpandMode = Dynamicweb.Frontend.Navigation.ExpandMode.All
140 };
141
142 var navigationTemplateMobile = "Navigation/NavigationMobile.cshtml";
143 string classHeader = Dynamicweb.Core.Converter.ToString(Dynamicweb.Context.Current.Items["headerCLass"]);
144 //hack because the special page does not understand the context properly?
145 if (Model.ItemType == "JksDividerPage")
146 {
147 classHeader += "bg-primary nav-light";
148 }
149 else if(Model.ItemType == "DepartmentPage")
150 {
151 classHeader += "bg-eggwhite";
152 }
153
154
155 string logoDesktop = Model.Area.Item.GetString("LogoWide");
156 string logoMobile = Model.Area.Item.GetString("LogoTall");
157
158 if (pageType == "Job" && !classHeader.Contains("nav-light"))
159 {
160 classHeader = classHeader + " nav-light ";
161 }
162
163 if (!classHeader.Contains("nav-light"))
164 {
165 logoDesktop = logoDesktop.Replace("white", "rgb");
166 logoMobile = logoMobile.Replace("white", "rgb");
167 }
168 }
169 <div class="header-wrapper">
170 <header class="container-fluid header @classHeader">
171 <a href="/" id="js-header-logo" class="header__logo-wrapper" title="@Translate("Go to frontpage")">
172 <picture>
173 <source media="(min-width:1200px)" srcset="@logoDesktop">
174 <img class="header__logo-wrapper__logo" src="@logoMobile" alt="@Translate("Logo") @Model.Area.Name">
175 </picture>
176 </a>
177
178 <div class="d-flex justify-content-around align-items-center">
179 <div class="header__desktop__menu__item--search d-lg-none me-4">
180 <a href="/Default.aspx?ID=@searchpageIdGlobal&Search=" class="header__burger__menu__title--search--wrapper ">
181 <div class="header__burger__menu__title--searchicon">
182 </div>
183 </a>
184
185 </div>
186 <div class="header__burger header__burger--active d-lg-none">
187 <input class="header__burger__checkbox" type="checkbox" id="js-burger-checkbox" />
188 <span class="header__burger__line"></span>
189 <span class="header__burger__line"></span>
190 <span class="header__burger__line"></span>
191
192 @Navigation.RenderNavigation(navigationTemplateMobile, navigationSettingsMobile)
193 </div>
194
195 </div>
196
197
198 <div class="flex-column header__desktop__menu-wrapper">
199 @if (Model.Area.Item.GetItems("Shortcuts").Count > 0)
200 {
201 <ul class="header__desktop__shortcuts justify-content-end" id="js-menu-shortcuts">
202 @foreach (var list in Model.Area.Item.GetItems("Shortcuts"))
203 {
204 <li>
205 <a href="@list.GetLink("Link")">@list.GetString("Tekst")</a>
206 </li>
207 }
208 </ul>
209 }
210
211 @Navigation.RenderNavigation(navigationTemplateDesktop, navigationSettingsDesktop)
212 </div>
213
214
215 </header>
216
217 @if (true)
218 {
219 <div class="d-none d-md-block header-mega-menu container-fluid">
220
221 @foreach (var rootPage in rootPages)
222 {
223
224 if (rootPage.Item.ContainsKey("ShowExtendedMenu") && rootPage.Item["ShowExtendedMenu"] != null && bool.Parse(rootPage.Item["ShowExtendedMenu"].ToString()))
225 {
226 var details = rootPage.Item["ExtendedMenuDetails"];
227 var title = rootPage.MenuText;
228 var subPages = pageService.GetPagesByParentID(rootPage.ID).Where(p => p.Active);
229
230 <div class="mega-menu row" role="menu" menuId="@rootPage.ID">
231 <div class="col-7">
232 <div class="col-10 col-lg-8 col-xl-6">
233 <a href="@rootPage.GetPageHrefValue()" class="section-title"><h3 class="title">@title<span class="arrow"></span></h3></a>
234 <p class="details">@details</p>
235 </div>
236 </div>
237 <div class="col-5 sub-pages">
238 <div class="row">
239 @foreach (var subpage in subPages)
240 {
241 <div class="col-6 col-xl-6 link-item"><a href="@subpage.GetPageHrefValue()">@subpage.MenuText</a></div>
242 }
243 </div>
244 </div>
245 </div>
246 }
247 }
248 </div>
249 }
250
251 </div>
252
253
254 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
255 @using Jks.ViewModel.Job
256 @using ClientiCoreDotNet.Extensions.String;
257
258 @Title("Main department template")
259
260
261 @{
262 var departmentData = Model.Item.GetItem("DepartmentData");
263 bool businessPage = Model.Item.GetBoolean("BusinessPage");
264 string departmentId = departmentData.GetString("Department_ID");
265 string areaId = Model.Area.ID.ToString();
266 IEnumerable<IJobViewModel> jobsDepartment = Jks.ViewModels.Jobs.GetJobsByDepartmentId(departmentId, areaId);
267
268 var imageTopObj = departmentData.GetFile("Image");
269 string imageTop = "/Admin/Public/GetImage.ashx?Image=" + departmentData.GetFile("Image") + "&Crop=7&Format=webP&width=1000&Height=600&Compression=75";
270 if (imageTopObj != null && imageTopObj.HasFocalPoint())
271 {
272 imageTop += "&x=" + imageTopObj.FocalX + "&y=" + imageTopObj.FocalY;
273 }
274
275 var imageBusinessObj = departmentData.GetFile("Image_Business_FiftyFifty");
276 string imageBusiness = "/Admin/Public/GetImage.ashx?Image=" + departmentData.GetFile("Image_Business_FiftyFifty") + "&Crop=7&Format=webP&width=1000&Height=600&Compression=75";
277 if (imageBusinessObj != null && imageBusinessObj.HasFocalPoint())
278 {
279 imageBusiness += "&x=" + imageBusinessObj.FocalX + "&y=" + imageBusinessObj.FocalY;
280 }
281
282 int formIdUsed = businessPage ? Model.Area.Item.GetLink("DepartmentFormBusinessParagraph").ParagraphId : Model.Area.Item.GetLink("DepartmentFormPrivateParagraph").ParagraphId;
283
284 string urlHost = "https://" + System.Web.HttpContext.Current.Request.Url.Host;
285
286 string allJobsLink = string.IsNullOrEmpty(Model.Area.Item.GetString("Link_To_All_Jobs")) ? "/for-vikarer/ledige-stillinger" : Model.Area.Item.GetString("Link_To_All_Jobs");
287 }
288
289
290 <div class="department">
291 <div class="container-fluid container-fluid-extra bg-eggwhite padding-standard department__entry-picture">
292 <section class="entry-picture entry-picture-large padding-standard-bund">
293 <div class="row flex-row-reverse">
294 <div class="entry-picture__image-wrapper col-12 col-lg-6 col-xl-7 offset-lg-1 d-flex flex-column justify-content-center">
295 <div class="entry-picture__image" style="background-image: url('@imageTop')"></div>
296 </div>
297 <div class="col-12 col-lg-5 col-xl-4 entry-picture__text-wrapper d-flex flex-column justify-content-center">
298 <h1 class="big-header-font">
299 @departmentData.GetString("WebOverskrift")
300 </h1>
301 <div class="entry-picture__text ">
302 @departmentData.GetString("Description")
303 <p>
304 @Translate("Ring til os på") <a href="tel:@departmentData.GetString("Phone")" title=""> @departmentData.GetString("Phone")</a> @Translate("eller skriv til os på") <a href="mailto:@departmentData.GetString("Email")" title=""> @departmentData.GetString("Email")</a>
305 </p>
306 </div>
307
308 <div>
309 @if (businessPage)
310 {
311 <a href="#anchor-contactform" class="btn btn-secondary btn-sm mt-3">
312 @Translate("Ring mig op")
313 </a>
314 }
315 else
316 {
317 <a href="/for-vikarer/bliv-vikar" class="btn btn-secondary btn-sm mt-3">
318 @Translate("Bliv vikar")
319 </a>
320 }
321
322 @if (!businessPage)
323 {
324 <a href="#anchor-contactform" class="btn btn-secondary btn-sm mt-3">
325 @Translate("Kontakt JKS")
326 </a>
327 }
328 </div>
329 </div>
330 </div>
331 </section>
332 </div>
333
334 @if (!businessPage)
335 {
336 <div class="container-fluid container-fluid-extra--xxxl margin-half-bottom padding-standard-top">
337 <section class="employees">
338 <h2 class="employees__subheader">@Translate("Vores medarbejdere")</h2>
339 @RenderItemList(new
340 {
341 ItemType = "Consultant",
342 ListSourceType = "Area",
343 ListSourceArea = areaId,
344 ItemFieldsList = "*",
345 ListTemplate = "ItemPublisher/List/ConsultantList.cshtml",
346 ListPageSize = "1000",
347 Filter = "Department_IDs contains \"" + departmentId + "\""
348 })
349 </section>
350 </div>
351 <div class="container-fluid container-fluid-extra">
352 <hr style="margin: 0;">
353 </div>
354 }
355
356
357 @if (jobsDepartment.Any() && !businessPage)
358 {
359 <div class="container-fluid container-fluid-extra bg-white">
360 <section class="padding-standard">
361 <div class="company__slider-wrapper">
362 <div class="row">
363 <div class="col-12 col-md-4 col-lg-4">
364 <div class="company__slider-wrapper__text-wrapper">
365 <h2 class="company__slider-wrapper__text-wrapper__header">@(Translate("Ledige stillinger i området"))</h2>
366 <div class="company__slider-wrapper__text-wrapper__text">
367 @(Translate("JKS har altid mere end 50 ledige vikarjob – se om der er et job for dig!"))
368 </div>
369 </div>
370
371 <div class="company__slider-wrapper__controls">
372 <div class="arrow-small js-company__slider__controls-prev company__slider-wrapper__controls-prev user-select-none"></div>
373 <div class="arrow-small js-company__slider__controls-next company__slider-wrapper__controls-next user-select-none"></div>
374 </div>
375 </div>
376
377 <div class="col-12 col-md-8 col-xl-9 company__slider-wrapper__wrapper">
378 <div class="js-company-slider company__slider">
379 <div class="swiper-wrapper">
380
381 @foreach (var job in jobsDepartment)
382 {
383
384 string jobDescription = job.DescriptionShort;
385 string jobDescriptionLong = job.Description;
386 string jobSubtitle = job.Subtitle;
387 string finalDescription = (string.IsNullOrEmpty(jobDescription) ? jobDescriptionLong : jobDescription).StripHtml();
388 string description = (string.IsNullOrEmpty(jobSubtitle) ? finalDescription : jobSubtitle).StripHtml().TruncateHtml(80, "...");
389 string jobUrl = "/Default.aspx?ID=" + job.Id;
390
391 <a href="@jobUrl" class="company__slider__item js-company-slider-item col-12 col-sm-7 col-md-8 col-lg-7 col-xl-6 col-xxl-5" title="@Translate("Go to") @job.Title">
392
393 <p class="company__slider__item__date">@job.ActiveFrom</p>
394
395 <h3 class="company__slider__item__text">
396 @job.Title
397 </h3>
398
399 <p class="company__slider__item__subtext">
400 @description
401 </p>
402
403 <span class="company__slider__item__link" href="#">@Translate("Se jobopslag")</span>
404 </a>
405 }
406
407 </div>
408 </div>
409 </div>
410 </div>
411 </div>
412 <div class="text-center pt-rem-5">
413 <a href="@allJobsLink" class="btn btn-primary btn-transparant ">
414 @Translate("Alle ledige stillinger")
415 </a>
416 </div>
417 </section>
418 </div>
419 }
420
421
422 @if (businessPage)
423 {
424 <div class="container-fluid container-fluid-extra padding-standard">
425 <section class="big-font-wrapper big-font-wrapper-smaller">
426 <div class="row">
427 <div class="d-flex">
428 <h2 class="mb-5">
429 @departmentData.GetString("ContentBusinessHeadline")
430 </h2>
431 </div>
432 </div>
433
434 <div class="row columns__content">
435 <div class="col-12 col-lg-5">
436 @departmentData.GetString("ContentBusinessColumn1")
437 </div>
438
439 <div class="col-12 col-lg-6 offset-lg-1 pt-rem-1 pt-rem-lg-0">
440 @departmentData.GetString("ContentBusinessColumn2")
441 </div>
442 </div>
443 </section>
444 </div>
445
446
447 <div class="container-fluid container-fluid-extra ">
448 <section class="entry-picture entry-picture-large padding-standard-bottom">
449 <div class="row ">
450 <div class="entry-picture__image-wrapper col-12 col-lg-6 col-xl-7 d-flex flex-column justify-content-center">
451 <div class="entry-picture__image" style="background-image: url('@imageBusiness')"></div>
452 </div>
453 <div class="col-12 col-lg-5 col-xl-4 entry-picture__text-wrapper offset-lg-1 d-flex flex-column justify-content-center">
454 <h2 class="entry-picture__header">
455 @departmentData.GetString("ContentBusinessHeadlineFiftyFifty")
456 </h2>
457 <div class="entry-picture__text ">
458 @departmentData.GetString("ContentBusinessTextFiftyFifty")
459 </div>
460 </div>
461 </div>
462 </section>
463 </div>
464 }
465
466 @if (businessPage)
467 {
468 <div class="container-fluid container-fluid-extra">
469 <hr style="margin: 0;">
470 </div>
471 <div class="container-fluid container-fluid-extra--xxxl margin-half-bottom padding-standard-top">
472 <section class="employees">
473 <h2 class="employees__subheader">@Translate("Vores medarbejdere")</h2>
474 @RenderItemList(new
475 {
476 ItemType = "Consultant",
477 ListSourceType = "Area",
478 ListSourceArea = areaId,
479 ItemFieldsList = "*",
480 ListTemplate = "ItemPublisher/List/ConsultantList.cshtml",
481 ListPageSize = "1000",
482 Filter = "Department_IDs contains \"" + departmentId + "\""
483 })
484 </section>
485 </div>
486 }
487
488 <section class="map-info">
489 <div class="text-center">
490 <h2 class="big-header-font d-block d-lg-none mt-5 mb-4">Her finder <br /> du os</h2>
491 </div>
492 <div class="row g-0">
493 <div id="js-department-info-@departmentId" class="col-12 col-lg-5 justify-content-center d-flex order-lg-first order-last bg-eggwhite">
494 @{
495 string[] latlng = departmentData.GetString("LatLong").Split(',');
496 }
497 <div class="department-map__details">
498 <div class="department-map__details__top">
499 <h2 class="big-header-font d-none d-lg-block mb-5 pb-3">@Translate("Her finder du os")</h2>
500 </div>
501 <div class="department-map__details__bottom row g-0">
502 <h2 id="lat-long" data-lat="@latlng[0]" data-lng="@latlng[1]" data-urlmapgoogle="@departmentData.GetString("Address"),@departmentData.GetString("City")">JKS @departmentData.GetString("Web_Name")</h2>
503 <div class="col">
504 <p id="js-department-adress">
505 @departmentData.GetString("Address")<br />
506 @departmentData.GetString("Postal_Code") @departmentData.GetString("City")
507 </p>
508 @Pageview.Area.Item["OpeningHours"]
509
510 </div>
511 <div class="col">
512 <p>
513 <a href="tel:@departmentData.GetString("Phone")">T: @departmentData.GetString("Phone")</a><br />
514 <a href="mailto:@departmentData.GetString("Email")">@departmentData.GetString("Email")</a>
515 </p>
516 @Pageview.Area.Item["PhoneHours"]
517 </div>
518 </div>
519
520 </div>
521
522 </div>
523 <div class="col-12 col-lg-7">
524 <div id="js-department-map-single" class="department-map__map" data-language="@Pageview.Area.CultureInfo.TwoLetterISOLanguageName">
525 </div>
526 </div>
527 </div>
528
529
530 </section>
531
532 @if (formIdUsed > 0 && !String.IsNullOrEmpty(departmentData.GetString("Email")))
533 {
534
535
536 <div class="container-padding-mobile-lg" id="anchor-contactform">
537 <section class="contact padding-standard">
538 <div class="d-flex flex-column-reverse flex-lg-row">
539 <div class="col-12 col-lg-6 contact__form contact__form__padding d-flex flex-column justify-content-center pt-rem-2 pt-rem-lg-2 pb-rem-lg-2 p-rem-xl-7">
540 <h2 class="contact__form__header">
541 @if (!businessPage)
542 {
543 @Translate("Ring mig op?")
544 }
545 else
546 {
547 @Translate("Kontakt os")
548 }
549 </h2>
550 <div class="contact__form__text">
551 <p>@Translate("Fortæl os, hvad vi kan gøre for dig – og vi hjælper så hurtigt som muligt.")</p>
552 </div>
553
554 @RenderParagraphContent(formIdUsed)
555 </div>
556 <div class="col-12 col-lg-6 contact__image @if(!businessPage){<text>small</text>} background-center" style="background-image: url('/Admin/Public/GetImage.ashx?Image=/Files/Images/Jks22/department-image-contactform.jpg&Crop=7&Format=webP&width=1110&Height=1000&Quality=75')"></div>
557 </div>
558 </section>
559 </div>
560
561 }
562 </div>
563
564 @SnippetStart("Metas")
565 @if (businessPage)
566 {
567 if (!String.IsNullOrEmpty(departmentData.GetString("SOME_Title_Business")))
568 {
569 <meta property="og:title" content="@departmentData.GetString("SOME_Title_Business")" />
570 }
571
572 if (!String.IsNullOrEmpty(departmentData.GetString("SOME_Image_Busines")))
573 {
574 <meta property="og:image" content="@(urlHost)@departmentData.GetString("SOME_Image_Busines")" />
575 }
576 }
577 else
578 {
579 if (!String.IsNullOrEmpty(departmentData.GetString("SOME_Title_Temp")))
580 {
581 <meta property="og:title" content="@departmentData.GetString("SOME_Title_Temp")" />
582 }
583 if (!String.IsNullOrEmpty(departmentData.GetString("SOME_Image_Temp")))
584 {
585 <meta property="og:image" content="@(urlHost)@departmentData.GetString("SOME_Image_Temp")" />
586 }
587 }
588 @SnippetEnd("Metas")
589
590
591 @SnippetStart("JavaScriptBottom")
592 <script type="text/javascript">
593 var mailRecipientContactForm = document.getElementById("MailRecipient");
594 if (mailRecipientContactForm) {
595 mailRecipientContactForm.value = "@departmentData.GetString("Email")";
596 }
597 </script>
598 @SnippetEnd("JavaScriptBottom")
599
600 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
601
602 @{
603 int formIdParagraph = Dynamicweb.Core.Converter.ToInt32(Model.Area.Item.GetString("FooterForm")?.Substring(Model.Area.Item.GetString("FooterForm").LastIndexOf('#') + 1));
604 }
605
606 <footer class="footer">
607 <div class="container-fluid container-fluid-extra ">
608 <div class="row position-relative">
609 <div class="col-12 col-md-7">
610 <div class="footer__form-wrapper">
611 <h3 class="footer__form-wrapper__header">
612 <span class="footer__form-wrapper__header__text">@Model.Area.Item.GetString("FooterFormHeadline")</span>
613
614 <div class="footer__form-wrapper__header__svg-wrapper">
615 <svg class="js-footer-form-btn footer__form-wrapper__header__svg-wrapper__svg arrow-small" version="1.1" id="Layer_1"
616 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
617 viewBox="0 0 71 71" style="enable-background:new 0 0 71 71;" xml:space="preserve">
618 <g>
619 <path d="M37.4,26.7l8.8,8.8l-8.8,8.8l-1.9-2l3.3-3.3c0.7-0.7,1.6-1.2,2.9-1.9l-0.4-1c-1.1,0.4-2.1,0.8-3.7,0.8L24.8,37v-2.9
620 L37.6,34c1.6,0,2.8,0.5,3.7,0.8l0.4-1c-1.4-0.7-2.2-1.1-3-1.9l-3.3-3.2L37.4,26.7z" />
621 </g>
622 </svg>
623 </div>
624 </h3>
625
626 <p class="footer__form-wrapper__text">
627 @Model.Area.Item.GetString("FooterFormSubHeadline")
628 </p>
629
630 @if (formIdParagraph > 0 && String.IsNullOrEmpty(System.Web.HttpContext.Current.Request.QueryString["pid"]))
631 {
632 @RenderParagraphContent(formIdParagraph)
633 }
634 </div>
635 </div>
636 <div class="col-12">
637 <div class="d-flex footer__bottom flex-wrap flex-xxl-nowrap">
638 <div class="flex-fill d-none d-lg-block footer__bottom__logo-wrapper pe-lg-3">
639 <img class="footer__bottom__logo-wrapper__logo" src="@Model.Area.Item.GetFile("LogoFooter")" alt="@Translate("Logo")" />
640 </div>
641
642 <ul class="flex-fill footer__bottom__list pe-2 pe-sm-3">
643 <li class="footer__bottom__list__header">@Model.Area.Item.GetString("FooterHeadlineLinkList1")</li>
644 @foreach (var list in Model.Area.Item.GetItems("FooterLinkList1"))
645 {
646 <li class="footer__bottom__list__item">
647 <a class="footer__bottom__list__item__link" href="@list.GetLink("Link")" >@list.GetString("Tekst")</a>
648 </li>
649 }
650 </ul>
651 <ul class="flex-fill footer__bottom__list px-2 px-sm-3">
652 <li class="footer__bottom__list__header">@Model.Area.Item.GetString("FooterHeadlineLinkList2")</li>
653 @foreach (var list in Model.Area.Item.GetItems("FooterLinkList2"))
654 {
655 <li class="footer__bottom__list__item">
656 <a class="footer__bottom__list__item__link" href="@list.GetLink("Link")" >@list.GetString("Tekst")</a>
657 </li>
658 }
659 </ul>
660
661 @if (Model.Area.Item.GetItems("FooterLinkList3").Count() > 0)
662 {
663 <ul class="flex-fill footer__bottom__list pe-2 pe-sm-3">
664 <li class="footer__bottom__list__header mt-3 mt-sm-0">@Model.Area.Item.GetString("FooterHeadlineLinkList3")</li>
665 @foreach (var list in Model.Area.Item.GetItems("FooterLinkList3"))
666 {
667 <li class="footer__bottom__list__item">
668 <a class="footer__bottom__list__item__link" href="@list.GetLink("Link")" >@list.GetString("Tekst")</a>
669 </li>
670 }
671 </ul>
672 }
673
674 <div class="flex-fill footer__bottom__follow d-flex flex-column">
675 <span class="footer__bottom__follow__header d-none d-lg-block">@Translate("Follow us")</span>
676 <div>
677 @foreach (var icon in Model.Area.Item.GetItems("SocialIcons"))
678 {
679 <a href="@icon.GetLink("Link")" title="@Translate("Go to") @icon.GetString("LinkAltText")" class="d-inline-block">
680 <img class="footer__bottom__follow__linkedin img-fluid" src="@icon.GetFile("Icon")" alt="@icon.GetString("LinkAltText")" />
681 </a>
682
683 }
684 </div>
685 @if (!Model.Area.Item.GetBoolean("Hide_Branding_Logo"))
686 {
687 <a href="#">
688 <img class="footer__bottom__follow__jks img-fluid" src="@Model.Area.Item.GetFile("LogoBranding")" alt="@Translate("Logo branding")" />
689 </a>
690 }
691 </div>
692 </div>
693 </div>
694 @if (!String.IsNullOrEmpty(Model.Area.Item.GetString("AAA_Logo")))
695 {
696 <div id="aaa_rating" class="aaa_rating">
697 @Model.Area.Item.GetString("AAA_Logo")
698 </div>
699 }
700 </div>
701 </div>
702
703 </footer>
704
705 @if (modelId == 17)
706 {
707 <script src="/Files/Templates/Designs/dist/CareerJks2022.js?v=@System.IO.File.GetLastWriteTime(AppDomain.CurrentDomain.BaseDirectory + "/Files/Templates/Designs/dist/CareerJks2022.css").Ticks"></script>
708 }
709 else if (modelId == 16)
710 {
711 <script src="/Files/Templates/Designs/dist/ProfJks2022.js?v=@System.IO.File.GetLastWriteTime(AppDomain.CurrentDomain.BaseDirectory + "/Files/Templates/Designs/dist/ProfJks2022.css").Ticks"></script>
712 }
713 else
714 {
715 var masterScript = VestjyskMarketing.Helpers.Utilities.CacheBuster("/Files/Templates/Designs/dist/Jks2022.js");
716 <script src="@masterScript"></script>
717 }
718
719 <!--Used for youtube video on site-->
720 <div class="modal fade" id="youtubeModal" aria-hidden="true" tabindex="-1">
721 <div class="modal-dialog modal-xl modal-dialog-centered justify-content-center">
722 <div class="modal-content">
723 <div id="js-ytplayer"></div>
724 </div>
725 </div>
726 </div>
727
728 @RenderSnippet("JavaScriptBottom")
729 </body>
730
731 </html>