1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2 @using Dynamicweb 3 @using Dynamicweb.Content 4 @using NstWebsite 5 @using System.Web.Optimization 6 <!DOCTYPE html> 7  8  9  10  11  12 @{ 13 bool social = true; 14 var areaId = (int)GetValue("DwAreaID"); 15 string loadingImage = "/Files/Images/Loading/NST_loading.gif"; 16 string logoAltText = "NST"; 17 var telNumber = GetString("Item.Area.Telephone"); 18 var telSEOAK = GetString("Item.Area.TelephoneSeoAccountId"); 19 var telSEOCL = GetString("Item.Area.TelephoneSeoPassword"); 20 var facebookPixelId = GetString("Item.Area.FacebookPixelId"); 21 var mobileRequestQuoteText = "Request quote"; 22 23 var twitterUN = GetString("Item.Area.TwitterAcc"); 24 var facebookUN = GetString("Item.Area.FacebookAcc"); 25 var flickrUN = GetString("Item.Area.FlickrAcc"); 26 var youtubeUN = GetString("Item.Area.YoutubeAcc"); 27 var instagramUN = GetString("Item.Area.InstagramAcc"); 28 var snapchatUN = GetString("Item.Area.SnapchatAcc"); 29 var tumblrUN = GetString("Item.Area.TumblrAcc"); 30 31 if (areaId == 2) 32 { 33 loadingImage = "/Files/Images/Loading/NSTIE_loading.gif"; 34 } 35 else if (areaId == 3) 36 { 37 loadingImage = "/Files/Images/Loading/Studylink_loading.gif"; 38 logoAltText = "StudyLink Tours"; 39 } 40 else if (areaId == 4) 41 { 42 loadingImage = "/Files/Images/Loading/EST_loading.gif"; 43 logoAltText = "European Study Tours"; 44 mobileRequestQuoteText = "REQUEST QUOTE"; 45 } 46 var brandLogoSmall = GetString("Item.Area.BrandLogoSmall"); 47 var brandNameSmall = GetString("Item.Area.TitleBrand"); 48 var enableChat = GetBoolean("Item.Area.EnableChat"); 49 var ChatGuid = GetString("Item.Area.ChatGuid"); 50 var chatTriggerPhrase = GetString("Item.Area.ChatTriggerPhrase"); 51 var OneTrustUrl = GetString("Item.Area.OneTrustScriptUrl"); 52 var OneTrustDataDomainScript = GetString("Item.Area.OneTrustDataDomainScript"); 53 var OneTrustAutoBlockScript = GetString("Item.Area.OneTrustAutoBlockScript"); 54 var GoogleTagManagerId = GetString("Item.Area.GoogleTagManagerId"); 55 56 //Put any details we have on the page into the request quote URL 57 //var quoteDetails = string.Format("/request-quote?Country={0}&Destination={1}&Subject={2}", countryEnq, "", ""); 58 59 FeefoInformation feefoInformation = null; 60 if (!string.IsNullOrWhiteSpace(GetString("Item.Area.FeefoApi")) && !string.IsNullOrWhiteSpace(GetString("Item.Area.FeefoImage"))) 61 { 62 feefoInformation = new FeefoInformation(GetString("Item.Area.FeefoApi")); 63 } 64 65 } 66 @helper GetOptimisedImage(string imgName) 67 { 68 //Banner image 69 string imgFormat = "webp"; 70 int imgHeight = 650; 71 int imgCompression = 75; 72 int imgQuality = 85; 73 bool doNotUpscale = true; 74 string imgPath = string.Empty; 75 if (!string.IsNullOrEmpty(imgName)) 76 { 77 imgPath = string.Format("/Admin/Public/GetImage.ashx?Image={0}&Crop=0&Format={1}&Height={2}&Compression={3}&Quality={5}&DoNotUpscale={4}", 78 imgName.Replace("&","%26"), imgFormat, imgHeight.ToString(), imgCompression.ToString(), doNotUpscale.ToString(), imgQuality); 79 } 80 @imgPath 81 } 82 <html class="modern-browser no-js" lang="en"> 83 <head> 84 <title> @GetValue("Title") | @GetValue("Item.Area.TitleBrand")</title> 85 @GetValue("MetaTags") 86 @GetValue("CopyRightNotice") 87 88 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 89 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 90 91 <script src='@Scripts.Url("~/bundles/jquery")'></script> 92 <script src='@Scripts.Url("~/bundles/slick")'></script> 93 <script src='@Scripts.Url("~/bundles/modernizr")'></script> 94 @if (!string.IsNullOrWhiteSpace(OneTrustUrl) && !string.IsNullOrWhiteSpace(OneTrustDataDomainScript)) 95 { 96  97 if (!string.IsNullOrWhiteSpace(OneTrustAutoBlockScript)) 98 { 99 <script type="text/javascript" src="@OneTrustAutoBlockScript"></script> 100 } 101 <script src="@OneTrustUrl" type="text/javascript" charset="UTF-8" data-domain-script="@OneTrustDataDomainScript"></script> 102 <script type="text/javascript"> 103 104 function OptanonWrapper() { 105 // Get initial OnetrustActiveGroups ids 106 if (typeof OptanonWrapperCount == "undefined") { 107 otGetInitialGrps(); 108 } 109 110 //Delete cookies 111 otDeleteCookie(otIniGrps); 112 113 // Assign OnetrustActiveGroups to custom variable 114 function otGetInitialGrps() { 115 OptanonWrapperCount = ''; 116 otIniGrps = OnetrustActiveGroups; 117 // console.log("otGetInitialGrps", otIniGrps) 118 } 119 120 function otDeleteCookie(iniOptGrpId) { 121 var otDomainGrps = JSON.parse(JSON.stringify(Optanon.GetDomainData().Groups)); 122 var otDeletedGrpIds = otGetInactiveId(iniOptGrpId, OnetrustActiveGroups); 123 if (otDeletedGrpIds.length != 0 && otDomainGrps.length != 0) { 124 for (var i = 0; i < otDomainGrps.length; i++) { 125 //Check if CustomGroupId matches 126 if (otDomainGrps[i]['CustomGroupId'] != '' && otDeletedGrpIds.includes(otDomainGrps[i]['CustomGroupId'])) { 127 for (var j = 0; j < otDomainGrps[i]['Cookies'].length; j++) { 128 // console.log("otDeleteCookie",otDomainGrps[i]['Cookies'][j]['Name']) 129 //Delete cookie 130 eraseCookie(otDomainGrps[i]['Cookies'][j]['Name']); 131 } 132 } 133 134 //Check if Hostid matches 135 if (otDomainGrps[i]['Hosts'].length != 0) { 136 for (var j = 0; j < otDomainGrps[i]['Hosts'].length; j++) { 137 //Check if HostId presents in the deleted list and cookie array is not blank 138 if (otDeletedGrpIds.includes(otDomainGrps[i]['Hosts'][j]['HostId']) && otDomainGrps[i]['Hosts'][j]['Cookies'].length != 0) { 139 for (var k = 0; k < otDomainGrps[i]['Hosts'][j]['Cookies'].length; k++) { 140 //Delete cookie 141 eraseCookie(otDomainGrps[i]['Hosts'][j]['Cookies'][k]['Name']); 142 } 143 } 144 } 145 } 146 147 } 148 } 149 otGetInitialGrps(); //Reassign new group ids 150 } 151 152 //Get inactive ids 153 function otGetInactiveId(customIniId, otActiveGrp) { 154 //Initial OnetrustActiveGroups 155 // console.log("otGetInactiveId",customIniId) 156 customIniId = customIniId.split(","); 157 customIniId = customIniId.filter(Boolean); 158 159 //After action OnetrustActiveGroups 160 otActiveGrp = otActiveGrp.split(","); 161 otActiveGrp = otActiveGrp.filter(Boolean); 162 163 var result = []; 164 for (var i = 0; i < customIniId.length; i++) { 165 if (otActiveGrp.indexOf(customIniId[i]) <= -1) { 166 result.push(customIniId[i]); 167 } 168 } 169 return result; 170 } 171 172 //Delete cookie 173 function eraseCookie(name) { 174 //Delete root path cookies 175 domainName = window.location.hostname; 176 document.cookie = name + '=; Max-Age=-99999999; Path=/;Domain=' + domainName; 177 document.cookie = name + '=; Max-Age=-99999999; Path=/;'; 178 179 //Delete LSO incase LSO being used, cna be commented out. 180 localStorage.removeItem(name); 181 182 //Check for the current path of the page 183 pathArray = window.location.pathname.split('/'); 184 //Loop through path hierarchy and delete potential cookies at each path. 185 for (var i = 0; i < pathArray.length; i++) { 186 if (pathArray[i]) { 187 //Build the path string from the Path Array e.g /site/login 188 var currentPath = pathArray.slice(0, i + 1).join('/'); 189 document.cookie = name + '=; Max-Age=-99999999; Path=' + currentPath + ';Domain=' + domainName; 190 document.cookie = name + '=; Max-Age=-99999999; Path=' + currentPath + ';'; 191 //Maybe path has a trailing slash! 192 document.cookie = name + '=; Max-Age=-99999999; Path=' + currentPath + '/;Domain=' + domainName; 193 document.cookie = name + '=; Max-Age=-99999999; Path=' + currentPath + '/;'; 194 195 196 } 197 } 198 199 } 200 201 if (!OptanonActiveGroups.includes('C0004') || !OptanonActiveGroups.includes('C0003')) { 202 let iframes = document.getElementsByTagName("iframe"); 203 204 for (var i = 0; i < iframes.length; i++) { 205 iframes[i].classList.remove("optanon-category-C0004"); 206 207 iframes[i].classList.remove("optanon-category-C0003"); 208 let src = iframes[i].getAttribute('data-src'); 209 if (src && src.includes("youtube.com")) { 210 $(iframes[i]).removeAttr('data-src'); 211 $(iframes[i]).attr('src', src.replace('youtube.com', 'youtube-nocookie.com')); 212 213 } 214 } 215 } 216 217 218 } 219 220 function deleteAllCookies() { 221 var cookies = document.cookie.split("; "); 222 for (var c = 0; c < cookies.length; c++) { 223 var d = window.location.hostname.split("."); 224 while (d.length > 0) { 225 var cookieBase = encodeURIComponent(cookies[c].split(";")[0].split("=")[0]) + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=' + d.join('.') + ' ;path='; 226 var p = location.pathname.split('/'); 227 document.cookie = cookieBase + '/'; 228 while (p.length > 0) { 229 document.cookie = cookieBase + p.join('/'); 230 p.pop(); 231 }; 232 d.shift(); 233 } 234 } 235 } 236 237 const getCookieValue = (name) => ( 238 document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || '' 239 ) 240 241 const urlParams = new URLSearchParams(getCookieValue('OptanonConsent')); 242 const myParam = urlParams.get('datestamp'); 243 const consentdate = new Date(myParam); 244 const Resetdate = new Date('Thu Nov 07 2024 12:00:00 GMT+0000 (Greenwich Mean Time)'); 245 if(consentdate < Resetdate){ 246 deleteAllCookies(); 247 } 248 //deleteAllCookies(); 249 250 </script> 251  252 } 253 254 @{ 255 var theme = "uk"; 256 if (!string.IsNullOrEmpty(GetString("Item.Area.Theme"))) 257 { 258 theme = GetString("Item.Area.Theme"); 259 } 260 261 if (theme != "est") 262 { 263 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Bold.woff2" as="font" type="font/woff2"> 264 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Hairline.woff2" as="font" type="font/woff2"> 265 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Light.woff2" as="font" type="font/woff2"> 266 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Regular.woff2" as="font" type="font/woff2"> 267 } 268 @* dont currently have a woff2 269 else 270 { 271 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/raleway/raleway-regular.woff2" as="font" type="font/woff2"> 272 }*@ 273 274 } 275 276 277 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/icomoon.woff?wtdjes" as="font" type="font/woff"> 278 <script type="text/javascript"> 279 function loadScript(url, callback) { 280 281 var script = document.createElement("script") 282 script.type = "text/javascript"; 283 script.setAttribute('async', 'async') 284 if (script.readyState) { //IE 285 script.onreadystatechange = function () { 286 if (script.readyState == "loaded" || 287 script.readyState == "complete") { 288 script.onreadystatechange = null; 289 callback(); 290 } 291 }; 292 } else { //Others 293 script.onload = function () { 294 callback(); 295 }; 296 } 297 298 script.src = url; 299 document.getElementsByTagName("head")[0].appendChild(script); 300 } 301 </script> 302 <script src='@Scripts.Url("~/bundles/plugins")' defer=""></script> 303 304 @if (!string.IsNullOrWhiteSpace(GoogleTagManagerId)) 305 { 306  307 <script type="text/javascript"> 308 setTimeout(function(){ 309 (function (w, d, s, l, i) { 310 w[l] = w[l] || []; w[l].push({ 311 'gtm.start': 312 new Date().getTime(), event: 'gtm.js' 313 }); var f = d.getElementsByTagName(s)[0], 314 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 315 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 316 })(window, document, 'script', 'dataLayer', '@GoogleTagManagerId'); 317 }, 2000); 318 </script> 319  320 } 321 322 @GetValue("Item.HrefLangMapping") 323 @RenderSnippet("hreflang") 324 325 <meta name="viewport" content="width=device-width, initial-scale=1"> 326 <meta name="format-detection" content="telephone=no"> 327 328 @if (theme == "uk") 329 { 330 <link rel="apple-touch-icon" sizes="192x192" href="/Images/Favicon/NST/favicon-nst-192x192.png"> 331 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-192x192.png" sizes="192x192"> 332 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-160x160.png" sizes="160x160"> 333 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-96x96.png" sizes="96x96"> 334 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-16x16.png" sizes="16x16"> 335 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-32x32.png" sizes="32x32"> 336 } 337 else if (theme == "ie") 338 { 339 <link rel="apple-touch-icon" sizes="192x192" href="/Images/Favicon/NSTIE/favicon-nst-dublin-192x192.png"> 340 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-192x192.png" sizes="192x192"> 341 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-160x160.png" sizes="160x160"> 342 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-96x96.png" sizes="96x96"> 343 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-16x16.png" sizes="16x16"> 344 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-32x32.png" sizes="32x32"> 345 } 346 else if (theme == "slk") 347 { 348 <link rel="apple-touch-icon" sizes="192x192" href="/Files/Images/Favicon/SLK/favicon-slk-192x192.png"> 349 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-192x192.png" sizes="192x192"> 350 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-160x160.png" sizes="160x160"> 351 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-96x96.png" sizes="96x96"> 352 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-16x16.png" sizes="16x16"> 353 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-32x32.png" sizes="32x32"> 354 } 355 else if (theme == "est") 356 { 357 <link rel="apple-touch-icon" sizes="192x192" href="/Files/Images/Favicon/EST/favicon-est-192x192.png"> 358 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-192x192.png" sizes="192x192"> 359 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-160x160.png" sizes="160x160"> 360 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-96x96.png" sizes="96x96"> 361 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-16x16.png" sizes="16x16"> 362 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-32x32.png" sizes="32x32"> 363 } 364 365 @Styles.Render(string.Format("~/bundles/{0}_css", theme)) 366 367 @Styles.Render("~/bundles/googlefonts_css") 368 @Styles.Render("~/bundles/bootstrap-carousel_css") 369 370 371  374  375  376 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GoogleAnalyticsId"))) 377 { 378 <script type="text/plain" class="optanon-category-C0002"> 379 (function (i, s, o, g, r, a, m) { 380 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { 381 (i[r].q = i[r].q || []).push(arguments) 382 }, i[r].l = 1 * new Date(); a = s.createElement(o), 383 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 384 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 385 386 ga('create', '@GetValue("Item.Area.GoogleAnalyticsId")', 'auto'); 387 ga('send', 'pageview'); 388 389 </script> 390 } 391 @if (!string.IsNullOrWhiteSpace(telSEOAK) && !string.IsNullOrWhiteSpace(telSEOCL)) 392 { 393 <script type="text/plain" class="optanon-category-C0002"> 394 (function (a, e, c, f, g, h, b, d) { 395 var k = { ak: "@telSEOAK", cl: "@telSEOCL", autoreplace: "@telNumber" }; 396 a[c] = a[c] || function () { (a[c].q = a[c].q || []).push(arguments) }; 397 a[g] || (a[g] = k.ak); b = e.createElement(h); b.async = 1; 398 b.src = "//www.gstatic.com/wcm/loader.js"; d = e.getElementsByTagName(h)[0]; 399 d.parentNode.insertBefore(b, d); a[f] = function (b, d, e) { a[c](2, b, k, d, null, new Date, e) }; 400 a[f]() 401 })(window, document, "_googWcmImpl", "_googWcmGet", "_googWcmAk", "script"); 402 403 </script> 404 } 405 406 407 @if (!string.IsNullOrWhiteSpace(facebookPixelId)) 408 { 409  410 <script type="text/plain" class="optanon-category-C0004"> 411 !function (f, b, e, v, n, t, s) { 412 if (f.fbq) return; n = f.fbq = function () { 413 n.callMethod ? 414 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 415 }; 416 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 417 n.queue = []; t = b.createElement(e); t.async = !0; 418 t.src = v; s = b.getElementsByTagName(e)[0]; 419 s.parentNode.insertBefore(t, s) 420 }(window, document, 'script', 421 'https://connect.facebook.net/en_US/fbevents.js'); 422 fbq('init', '@facebookPixelId'); 423 fbq('track', 'PageView'); 424 </script> 425  426 } 427 428 <script> 429 document.addEventListener("DOMContentLoaded", function (event) { 430 var frames = document.getElementsByTagName('iframe'); 431 for (var i = 0; i < frames.length; i++) { 432 frames[i].src = frames[i].src.replace("youtube.com", "youtube-nocookie.com"); 433 } 434 }); 435 </script> 436 437 438 @GetValue("Stylesheets") 439 @GetValue("Javascripts") 440 </head> 441 442 <body> 443 <div id="mainContent"> 444 <div class="header-push"></div> 445 <header> 446 <div class="container clearfix menu-container"> 447 <a href="/"><img class="logo mobile-only" src="@brandLogoSmall" alt="@brandNameSmall"></a> 448 449 <nav id="site-nav" class="clearfix"> 450 @if (theme == "slk") 451 { 452 <ul> 453 <li style="background-color:white;"> 454 <a href="/"> 455 <img src="/Files/Templates/Designs/Condition/assets/images/design/StudyLink_Logo_Reg.png" style="max-height:20px"> 456 </a> 457 </li> 458 </ul> 459 @GetValue("DwNavigation(slkNavMenu)") 460 <nav id="navTools" class="navTools"> 461 <ul> 462 <li class="contact no-mobile"><a href="javascript:;">Contact Us</a></li> 463 </ul> 464 </nav> 465 466 } 467 else if (theme == "est") 468 { 469 <ul> 470 <li> 471 <a href="/"> 472 <img src="/Files/Templates/Designs/Condition/assets/images/design/ESTLogo.png" style="max-height:50px; margin-top: -10px;"> 473 </a> 474 </li> 475 </ul> 476 @GetValue("DwNavigation(estNavMenu)") 477 <nav id="navTools" class="navTools"> 478 <ul> 479 <li class="contact no-mobile"><a href="javascript:;">Contact Us</a></li> 480 </ul> 481 </nav> 482 483 } 484 else if (theme == "pgl") 485 { 486 <ul> 487 <li class="logo-item"><a href="/"><img class="logo show-on-scroll-50 no-mobile small" src="@brandLogoSmall" alt="@brandNameSmall"></a></li> 488 </ul> 489 @GetValue("DwNavigation(pglNavMenu)") 490 <nav id="navTools" class="navTools"> 491 <ul> 492 <li class="contact no-mobile"><a href="javascript:;">Enquire</a></li> 493 </ul> 494 </nav> 495 } 496 else 497 { 498 <ul> 499 <li class="logo-item"><a href="/"><img class="logo show-on-scroll-50 no-mobile small" src="@brandLogoSmall" alt="@brandNameSmall"></a></li> 500 </ul> 501 @GetValue("DwNavigation(nstNavMenu)") 502 <nav id="navTools" class="navTools"> 503 <ul> 504 <li class="contact no-mobile"><a href="javascript:;">Enquire</a></li> 505 </ul> 506 </nav> 507 } 508 509 <div class="right"> 510 <ul> 511 @if (theme == "est") 512 { 513 <li class="no-mobile align-center"> 514 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 515 </li> 516 } 517 else 518 { 519 <li class="call-number no-mobile"> 520 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 521 </li> 522 } 523 @if (theme == "slk") 524 { 525 <li class="no-mobile" style="background-color:#414042;"> 526 <a href="http://slk.my-tour-manager.com" target="_blank"> 527 <span class="icon-user" style="font-size:1.5em; color:white;"></span> 528 </a> 529 </li> 530 <li class="quote no-mobile"> 531 <a href="/request-quote" style="color:white;"> 532 REQUEST A QUOTE 533 </a> 534 </li> 535 } 536 else if (theme == "est") 537 { 538 <li class="quote no-mobile"> 539 <a href="/request-quote" id="navQuoteButton"> 540 Request quote 541 </a> 542 </li> 543 } 544 else 545 { 546 <li class="quote no-mobile"> 547 <a href="/request-quote"> 548 Request quote 549 </a> 550 </li> 551 } 552 </ul> 553 </div> 554 </nav> 555 556 <div class="mobile-only right mobile-menu-button"></div> 557 558 @*<div class="search-activate mobile-only right"><a href="#"><span class="icon-search hidden"></span><span class="text">Search</span></a></div>*@ 559 560 <nav id="mobile-nav" class="clearfix"> 561 @GetValue("DwNavigation(mobilenav)") 562 <ul> 563 564 @if (theme == "slk") 565 { 566 <li class="mobile-only"><a href="http://slk.my-tour-manager.com" target="_blank">Login</a></li> 567 <li class="contact"><div class="nav-name"><a href="javascript:;">Contact us</a></div></li> 568 } 569 else if (theme == "est") 570 { 571 <li class="contact"><div class="nav-name"><a href="javascript:;">Contact us</a></div></li> 572 } 573 else 574 { 575 <li class="contact"><div class="nav-name"><a href="javascript:;">Enquire</a></div></li> 576 } 577 578 @if (theme == "est") 579 { 580 <li class="standard"><div class="nav-name"><a href="https://www.euro-study-tours.co.uk/work-for-us">Work for Us</a></div></li> 581 } 582 else 583 { 584 <li class="standard"><div class="nav-name"><a href="https://www.nstgroup.co.uk/work-for-us">Work for Us</a></div></li> 585 } 586 587 588 </ul> 589 </nav> 590 </div> 591 592 <div class="container clearfix mobile-only mobile-contact-header"> 593 <div class="mobile-only mobile-number call-number"> 594 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 595 </div> 596 <div class="button quote-button-background"> 597 <a href="/request-quote"> 598 @mobileRequestQuoteText 599 </a> 600 </div> 601 </div> 602 603 <div class="contact-bar-dropdown"> 604 <div class="container"> 605  606 @if (areaId == 1) 607 { 608  609 } 610 <a class="contact-button no-mobile" href="/request-quote"><span class="icon-email"></span> Request quote</a> 611 <a class="contact-button" href="/get-in-touch"><span class="icon-email"></span> Get in touch</a> 612 </div> 613 </div> 614 615 <div class="search-bar-dropdown"> 616 <div class="container"> 617 @*<form action="/search-results"> 618 <label for="search">Search</label> 619 <input type="text" name="q" id="q" placeholder="Enter search term"> 620 <input type="submit" value="submit" name="submit" id="submit"> 621 </form>*@ 622 </div> 623 </div> 624 </header> 625 626 <div class="mobileMenuBkgndOverlay"></div> 627 628 <main class="mainContent"> 629 630 631 632 633 @{ 634 string count = (string) @GetValue("Item.Link_To_Item_Type.Country"); 635 string accName = (string) @GetValue("Item.Link_To_Item_Type.Title"); 636 var brandLogo = GetString("Item.Area.BrandLogo"); 637 var brandName = GetString("Item.Area.TitleBrand"); 638 //string accUrl = System.Web.HttpContext.Current.Request.Url.AbsoluteUri; 639 640 string id = (string) @GetValue("Item.Link_To_Item_Type.Id"); 641 642 //Dynamicweb.Content.Items.Item it = Dynamicweb.Content.Items.ItemManager.Storage.GetById("Accommodation", id); 643 644 //string accId = it.Page.ID.ToString(); 645 646 //var pageId = @GetString("Global:Page.ID"); 647 string accDefaultURL = "Default.aspx?ID=" + GetInteger("DwPageID").ToString(); 648 string accUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(accDefaultURL); 649 accUrl = accUrl.Replace("&", "-"); 650 651 string tripName = ""; 652 653 if(System.Web.HttpContext.Current.Request.QueryString["trip"] != null) 654 tripName = System.Web.HttpContext.Current.Request.QueryString["trip"]; 655 656 string referrer = ""; 657 658 if(System.Web.HttpContext.Current.Request.UrlReferrer != null) 659 referrer = System.Web.HttpContext.Current.Request.UrlReferrer.ToString(); 660 661 } 662 663 @{ 664 var inspectionName = brandName; 665 string breadcrumbTripText = ""; 666 string breadcrumbTripLink = ""; 667 switch (brandName) 668 { 669 case "NST": 670 case "NST Ireland": 671 { 672 inspectionName = "NST's"; 673 breadcrumbTripText = "Trips"; 674 breadcrumbTripLink = "/trips"; 675 break; 676 } 677 case "Studylink": 678 { 679 inspectionName = "Studylink's"; 680 breadcrumbTripText = "Trips"; 681 breadcrumbTripLink = "/trips"; 682 break; 683 } 684 case "European Study Tours": 685 { 686 inspectionName = "EST's"; 687 breadcrumbTripText = ""; 688 breadcrumbTripLink = ""; 689 break; 690 } 691 default: 692 inspectionName = "NST's"; 693 breadcrumbTripText = "Trips"; 694 breadcrumbTripLink = "/trips"; 695 break; 696 } 697 } 698 699 <div class="masthead no-slider"> 700  701 <div class="background-image"> 702 <img src='@GetOptimisedImage(GetString("Item.Link_To_Item_Type.Banner_Image"))' alt=""> 703 </div> 704 @if (!String.IsNullOrWhiteSpace(brandLogo)) 705 { 706 <div class="clearfix logo"> 707 <div class="container"> 708 <a href="/"><img class="hide-on-scroll-50 no-mobile" src="@brandLogo" alt="@brandName"></a> 709 </div> 710 </div> 711 } 712 </div> 713 714 <section class="breadcrumbs clearfix container"> 715 <p><span class="bold">You are here:</span></p> 716 <ul class="breadcrumbtrail"> 717 <li> 718 <a href="/">Home</a> 719 </li> 720 721 722 @if (!String.IsNullOrWhiteSpace(breadcrumbTripLink)) 723 { 724 <li> 725 <a href="@breadcrumbTripLink">@breadcrumbTripText</a> 726 </li> 727 } 728 729 @if (tripName != "") 730 { 731 <li> 732 <a href="@referrer">@tripName</a> 733 </li> 734 } 735 <li> 736 <a href="@accUrl">@accName</a> 737 </li> 738 </ul> 739 <a href="#" class="go-back"><p>Go back</p></a> 740 </section> 741 742 <section id="standard" class="page-content"> 743 <div class="container clearfix"> 744  745 <div class="col col-width-9 content-with-sidebar right"> 746  747 <div class="row accomodation"> 748 <div class="heading col col-width-12"> 749 <h1>@GetValue("Item.Link_To_Item_Type.Title")</h1> 750 @if ((bool)@GetValue("Item.Link_To_Item_Type.NST_Safety") == true) 751 { 752 <p class="pink">Inspected as part of @inspectionName Safety Management System</p> 753 } 754 </div> 755 <div class="information"> 756 <div class="col col-width-7 equalise mpp-lazy"> 757 <span class="red-dots"> 758 @GetValue("Item.Link_To_Item_Type.Summary_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 759 </span> 760 <h3 class="margin-bottom-20">Location</h3> 761 <p>@GetValue("Item.Link_To_Item_Type.Location_Summary_Text").ToString().Replace("src", "data-original").Replace("class='", "class='lazy")</p> 762 </div> 763 @if (@GetValue("Item.Link_To_Item_Type.Google_Maps_URL") != "") 764 { 765 <div class="col col-width-5 equalise side-image"> 766 <div class="map" id="map"> 767 @GetValue("Item.Link_To_Item_Type.Google_Maps_URL") 768 </div> 769 </div> 770 } 771 </div> 772 </div> 773  774 <div class="row"> 775 <div class="col col-width-6"> 776 <h3 class="margin-bottom-20">Student rooms</h3> 777 <span class="red-dots"> 778 <div class="list-group mpp-lazy"> 779 @GetValue("Item.Link_To_Item_Type.Student_Room_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 780 </div> 781 </span> 782 </div> 783 784 <div class="col col-width-6"> 785 <h3 class="margin-bottom-20">Staff rooms</h3> 786 <span class="red-dots"> 787 <div class="list-group mpp-lazy"> 788 @GetValue("Item.Link_To_Item_Type.Staff_Room_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 789 </div> 790 </span> 791 </div> 792 </div> 793 794 <div class="row" id="visits"> 795 <h3 class="margin-bottom-20">@GetValue("Item.Link_To_Item_Type.Image_Carousel_Title")</h3> 796 <div class="slick-container secondary-grey-background"> 797 <div class="slick centered"> 798 @foreach (LoopItem i in GetLoop("Item.Link_To_Item_Type.Image_Carousel")) 799 { 800 <div class="image-slide equalise"> 801 <img class="lazy" data-original='@GetOptimisedImage(i.GetString("Item.Link_To_Item_Type.Image_Carousel.Image"))' alt="@i.GetString(" item.link_to_item_type.image_carousel.title")"=""> 802 <div class="heading"> 803 <p>@i.GetString("Item.Link_To_Item_Type.Image_Carousel.Title")</p> 804 </div> 805 </div> 806 } 807 </div> 808 </div> 809 </div> 810  811 <div class="row"> 812 <h3 class="margin-bottom-20">Facilities</h3> 813 <span class="red-dots"> 814 <div class="list-group col col-width-4 mpp-lazy"> 815 @GetValue("Item.Link_To_Item_Type.Column1").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 816 </div> 817 <div class="list-group col col-width-4 mpp-lazy"> 818 @GetValue("Item.Link_To_Item_Type.Column_2").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 819 </div> 820 <div class="list-group col col-width-4 mpp-lazy"> 821 @GetValue("Item.Link_To_Item_Type.Column_3").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 822 </div> 823 </span> 824 </div> 825 826 827 </div> 828 829 <div class="col col-width-3 sidebar left"> 830  831 <div class="essentials secondary-grey-background"> 832 <h4 class="mobile-only">Essentials</h4> 833 @if (@GetValue("Item.Link_To_Item_Type.Link") != "") 834 { 835 <div class="link"> 836 <span class="icon-link"></span> 837 <a target="_blank" href='@GetValue("Item.Link_To_Item_Type.Link")'>@GetValue("Item.Link_To_Item_Type.Link")</a> 838 </div> 839 } 840 @if (@GetValue("Item.Link_To_Item_Type.Capacity_List") != "") 841 { 842 <div class="options mpp-lazy"> 843 <span class="icon-bed"></span> 844 <h5>Capacity</h5> 845 @GetValue("Item.Link_To_Item_Type.Capacity_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 846 </div> 847 } 848 @if (@GetValue("Item.Link_To_Item_Type.Disabled_Access_List") != "") 849 { 850 <div class="options mpp-lazy"> 851 <span class="icon-wheelchair"></span> 852 <h5>Disabled access</h5> 853 @GetValue("Item.Link_To_Item_Type.Disabled_Access_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 854 </div> 855 } 856 @if (@GetValue("Item.Link_To_Item_Type.Board_Basis_List") != "") 857 { 858 <div class="options mpp-lazy"> 859 <span class="icon-food"></span> 860 <h5>Board basis</h5> 861 @GetValue("Item.Link_To_Item_Type.Board_Basis_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 862 </div> 863 } 864 @if (@GetValue("Item.Link_To_Item_Type.MusicSubsection") != "") 865 { 866 <div class="options mpp-lazy"> 867 <span class="icon-music"></span> 868 <h5>Music</h5> 869 <p>@GetValue("Item.Link_To_Item_Type.MusicSubsection").ToString().Replace("src", "data-original").Replace("class='", "class='lazy")</p> 870 </div> 871 } 872 </div> 873 </div> 874 875 <div class="row"> 876 <a href="#" class="back-to-top scrolldown">Back to top</a> 877 </div> 878 </div> 879 <script defer=""> 880 setTimeout(function () { 881 loadScript('@Scripts.Url("~/bundles/mapescape")', function () { $('.map').mapescape(); }); 882 }, 2000); 883 </script> 884 <link rel="stylesheet" href='@Styles.Url("~/bundles/mapescape_css")' media="none" onload="if(media!='all')media='all'"><noscript><link rel="stylesheet" href='@Styles.Url("~/bundles/mapescape_css")'></noscript> 885 </section> 886 887 888 </main> 889 890 <footer> 891 @if (feefoInformation != null && feefoInformation.NumberOfReviews > 0) 892 { 893 string userReviews = feefoInformation.NumberOfReviews > 1 ? "user reviews" : "user review"; 894 string userRatings = feefoInformation.NumberOfRatings > 1 ? "ratings" : "rating"; 895 string image = GetString("Item.Area.FeefoImage"); 896 <section class="preFooter"> 897 <div class="row container padding-bottom-0"> 898 <div class="col col-width-6 feefo-markup"> 899 <div> 900 <strong><span>@feefoInformation.CompanyName</span></strong><br> 901 <span> 902 <span>@feefoInformation.Score</span> out of <span>5</span> 903 </span> 904 based on <span>@feefoInformation.NumberOfRatings</span> @userRatings.<br> 905 <span>@feefoInformation.NumberOfReviews</span> @userReviews. 906 </div> 907 </div> 908 <div class="col col-width-6 feefo-badge"> 909 <a href="@feefoInformation.ReviewsUrl" target="_blank" rel="noopener"><img class="lazy" data-original="@image"></a> 910 </div> 911 </div> 912 </section> 913 } 914 <div class="upper row padding-bottom-0 container"> 915 916 <div class="col col-width-4 no-mobile"> 917 <img data-original='@GetString("Item.Area.FooterLogo")' class="footerLogo lazy" alt="@logoAltText"> 918 </div> 919 920 <div class="col col-width-4 margin-bottom-0 certificates"> 921 <img data-original='@GetString("Item.Area.AccreditationLogos")' alt="Certificates" class="footerCertificates lazy"> 922 923 @if (social) 924 { 925 <div class="clear margin-20 social-follow"> 926 @if (!string.IsNullOrWhiteSpace(twitterUN)) 927 { 928 <a href="https://www.twitter.com/@twitterUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-twitter.svg" alt="Twitter"></a> 929 } 930 @if (!string.IsNullOrWhiteSpace(facebookUN)) 931 { 932 <a href="https://www.facebook.com/@facebookUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-facebook.svg" alt="Facebook"></a> 933 } 934 @if (!string.IsNullOrWhiteSpace(flickrUN)) 935 { 936 <a href="https://www.flickr.com/photos/@flickrUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-flickr.svg" alt="Flickr"></a> 937 } 938 @if (!string.IsNullOrWhiteSpace(youtubeUN)) 939 { 940 <a href="https://www.youtube.com/channel/@youtubeUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-youtube.svg" alt="Youtube"></a> 941 } 942 @if (!string.IsNullOrWhiteSpace(instagramUN)) 943 { 944 <a href="https://www.instagram.com/@instagramUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-instagram.svg" alt="Instagram"></a> 945 } 946 @if (!string.IsNullOrWhiteSpace(snapchatUN)) 947 { 948 <a href="https://www.snapchat.com/add/@snapchatUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-snapchat.svg" alt="Snapchat"></a> 949 } 950 @if (!string.IsNullOrWhiteSpace(tumblrUN)) 951 { 952 tumblrUN = tumblrUN + ".tumblr.com"; 953 <a href="https://@tumblrUN" target="_blank" rel="noopener"><img class="footersocial margin-right-5 lazy" data-original="/Files/Templates/Designs/Condition/assets/images/Icons/social-tumblr.svg" alt="Tumblr"></a> 954 } 955 </div> 956 } 957 </div> 958 959 960 961 962 <div class="col col-width-4 margin-bottom-20 contacts"> 963 <p class="bold">Tel <span class="regular"><a class="phone" href='tel:@GetString("Item.Area.TelephoneOther")'>@GetString("Item.Area.TelephoneOther")</a></span></p> 964 <p class="bold">Fax <span class="regular">@GetString("Item.Area.Fax")</span></p> 965 <p class="bold"> 966 Email <span class="regular"> 967 <a href='mailto:@GetString("Item.Area.Email")'>@GetString("Item.Area.Email")</a> 968 </span> 969 </p> 970 </div> 971 972 </div> 973 974 <div class="lower row centralise padding-top-40 container"> 975 <nav class="footer-nav"> 976 <ul class="clearfix"> 977 <li><a href="/about-us">About Us</a></li> 978 @if (theme == "est") 979 { 980 981 <li><a href="https://www.euro-study-tours.co.uk/work-for-us">Work for Us</a></li> 982 } 983 else 984 { 985 <li><a href="https://www.nstgroup.co.uk/work-for-us">Work for Us</a></li> 986 } 987 988 <li><a href="/cookie-policy">Cookie Policy</a></li> 989 <li><a href="/privacy-statement">Privacy Statement</a></li> 990 <li><a href="/legal-information">Legal Information</a></li> 991 <li><a href="/modern-slavery">Modern Slavery</a></li> 992 @if (theme == "uk" || theme == "slk" || theme == "est") 993 { 994 <li> 995 <a href="https://www.gov.uk/foreign-travel-advice" target="_blank" rel="noopener">Foreign Travel Advice</a> 996 </li> 997 } 998 else 999 { 1000 <li> 1001 <a style="padding:0px 0px 0px 20px;">Foreign Travel Advice</a> <a href="https://www.dfa.ie/travel/travel-advice/" style="padding:0px 0px; text-decoration:underline;" target="_blank">ROI</a> <a style="padding:0px 0px;"> & </a> <a href="https://www.gov.uk/foreign-travel-advice" style="padding:0px 0px; text-decoration:underline;" target="_blank">NI</a> 1002 </li> 1003 } 1004 1005 <li><a href="/sitemap">Sitemap</a></li> 1006 <li><a class="ot-sdk-show-settings" style="cursor:pointer;">Cookies Settings</a></li> 1007 </ul> 1008 </nav> 1009 <p class="company-disclaimer" style="padding-top: 25px;">@GetString("Item.Area.CompanyRegistration")</p> 1010  1011 <p> 1012 @GetString("Item.Area.CompanyAddress") 1013 </p> 1014 </div> 1015 @{ 1016 PageService affiliatepages = new PageService(); 1017 var allffiliatepages = affiliatepages.GetPagesByTitle("Affiliation Logos"); 1018 foreach (var page in allffiliatepages.Where(x => x.AreaId == Convert.ToInt32(GetGlobalValue("Global:Area.ID")))) 1019 { 1020 <div id="Affiliation-Logos">@RenderPageContent(page.ID)</div> 1021 } 1022 } 1023 </footer> 1024 <div class="beyond-footer-container"> 1025 <div class="beyond-footer-curved-edge">   </div> 1026 <div class="beyond-footer-padding"> 1027 <div class="beyond-footer-image-container "> 1028 <a href="https://pglbeyond.com" target="_blank"><img class="beyond-footer-beyond-image" src="/Files/Files/Footer-Images/PGL-Beyond.png"></a> 1029 </div> 1030 <div class="beyond-footer-image-container "> 1031 <a href="https://pglbeyond.com" target="_blank"><img class="beyond-footer-brand-image" src="/Files/Files/Footer-Images/All-Brands.png"></a> 1032 </div> 1033 </div> 1034 </div> 1035 @if (theme == "uk") 1036 { 1037 // @Scripts.Render("~/bundles/SEO") 1038 } 1039 </div> 1040 <div id="loadingOverlay"> 1041 <div style="width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-image: url('@loadingImage')"></div> 1042 </div> 1043 <script> 1044 function displayLoadingOverlay() { 1045 //var scrollposition = window.sc 1046 $("#loadingOverlay").css("top", window.scrollY); 1047 $("#loadingOverlay").fadeIn(); 1048 $("body").css("overflow-y", "hidden"); 1049 } 1050 1051 function hideLoadingOverlay() { 1052 $("#loadingOverlay").fadeOut(); 1053 $("body").css("overflow-y", "initial"); 1054 } 1055 1056 //$("img.lazy").each(function () { 1057 // $(this).attr("src", $(this).attr("data-original"); 1058 // //$(this).attr("data-original", $(this).attr("src")); 1059 // // $(this).attr("src", "/Files/Images/Loading/NST_loading.gif"); 1060 // //$(this).removeAttr("src"); 1061 //}); 1062 1063 //$(function() { 1064 // $('.tile-inner-content').hover(function () { 1065 // console.log("oooooh"); 1066 // $(this).fadeOut(); 1067 // }, function () { 1068 // $(this).fadeIn(); 1069 // }); 1070 //}); 1071 1072 </script> 1073 1074 <script src='@Scripts.Url("~/bundles/picker")'></script> 1075 <script src='@Scripts.Url("~/bundles/mainJS")'></script> @* dont put mainJS in async, it breaks FastClick and Slickify *@ 1076 <script type="text/javascript"> 1077 setTimeout(function () { 1078 var nodes = document.querySelectorAll('.mpp-lazy img'); 1079 var arr = Array.prototype.slice.call(nodes); 1080 arr.forEach(function (obj) { obj.classList.add('lazy'); }); 1081 }, 10); 1082 </script> 1083 1084  1085 @if (enableChat && !String.IsNullOrEmpty(ChatGuid)) 1086 { 1087 <script type="text/plain" class="optanon-category-C0003"> 1088 setTimeout(function () { 1089 loadScript('@Scripts.Url("~/bundles/snapengage")', function () { initSnapEnagage('@ChatGuid'); }); 1090 }, 2000); 1091 </script> 1092 } 1093  1094 </body> 1095 </html> 1096