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 249 </script> 250  251 } 252 253 @{ 254 var theme = "uk"; 255 if (!string.IsNullOrEmpty(GetString("Item.Area.Theme"))) 256 { 257 theme = GetString("Item.Area.Theme"); 258 } 259 260 if (theme != "est") 261 { 262 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Bold.woff2" as="font" type="font/woff2"> 263 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Hairline.woff2" as="font" type="font/woff2"> 264 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Light.woff2" as="font" type="font/woff2"> 265 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/montserrat/Montserrat-Regular.woff2" as="font" type="font/woff2"> 266 } 267 @* dont currently have a woff2 268 else 269 { 270 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/raleway/raleway-regular.woff2" as="font" type="font/woff2"> 271 }*@ 272 273 } 274 275 276 <link rel="preload" crossorigin="anonymous" href="/Files/Templates/Designs/Condition/assets/fonts/icomoon.woff?wtdjes" as="font" type="font/woff"> 277 <script type="text/javascript"> 278 function loadScript(url, callback) { 279 280 var script = document.createElement("script") 281 script.type = "text/javascript"; 282 script.setAttribute('async', 'async') 283 if (script.readyState) { //IE 284 script.onreadystatechange = function () { 285 if (script.readyState == "loaded" || 286 script.readyState == "complete") { 287 script.onreadystatechange = null; 288 callback(); 289 } 290 }; 291 } else { //Others 292 script.onload = function () { 293 callback(); 294 }; 295 } 296 297 script.src = url; 298 document.getElementsByTagName("head")[0].appendChild(script); 299 } 300 </script> 301 <script src='@Scripts.Url("~/bundles/plugins")' defer=""></script> 302 303 @if (!string.IsNullOrWhiteSpace(GoogleTagManagerId)) 304 { 305  306 <script type="text/javascript"> 307 setTimeout(function(){ 308 (function (w, d, s, l, i) { 309 w[l] = w[l] || []; w[l].push({ 310 'gtm.start': 311 new Date().getTime(), event: 'gtm.js' 312 }); var f = d.getElementsByTagName(s)[0], 313 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 314 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 315 })(window, document, 'script', 'dataLayer', '@GoogleTagManagerId'); 316 }, 2000); 317 </script> 318  319 } 320 321 @GetValue("Item.HrefLangMapping") 322 @RenderSnippet("hreflang") 323 324 <meta name="viewport" content="width=device-width, initial-scale=1"> 325 <meta name="format-detection" content="telephone=no"> 326 327 @if (theme == "uk") 328 { 329 <link rel="apple-touch-icon" sizes="192x192" href="/Images/Favicon/NST/favicon-nst-192x192.png"> 330 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-192x192.png" sizes="192x192"> 331 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-160x160.png" sizes="160x160"> 332 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-96x96.png" sizes="96x96"> 333 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-16x16.png" sizes="16x16"> 334 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NST/favicon-nst-32x32.png" sizes="32x32"> 335 } 336 else if (theme == "ie") 337 { 338 <link rel="apple-touch-icon" sizes="192x192" href="/Images/Favicon/NSTIE/favicon-nst-dublin-192x192.png"> 339 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-192x192.png" sizes="192x192"> 340 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-160x160.png" sizes="160x160"> 341 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-96x96.png" sizes="96x96"> 342 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-16x16.png" sizes="16x16"> 343 <link rel="icon" type="image/png" href="/Files/Images/Favicon/NSTIE/favicon-nst-dublin-32x32.png" sizes="32x32"> 344 } 345 else if (theme == "slk") 346 { 347 <link rel="apple-touch-icon" sizes="192x192" href="/Files/Images/Favicon/SLK/favicon-slk-192x192.png"> 348 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-192x192.png" sizes="192x192"> 349 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-160x160.png" sizes="160x160"> 350 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-96x96.png" sizes="96x96"> 351 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-16x16.png" sizes="16x16"> 352 <link rel="icon" type="image/png" href="/Files/Images/Favicon/SLK/favicon-slk-32x32.png" sizes="32x32"> 353 } 354 else if (theme == "est") 355 { 356 <link rel="apple-touch-icon" sizes="192x192" href="/Files/Images/Favicon/EST/favicon-est-192x192.png"> 357 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-192x192.png" sizes="192x192"> 358 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-160x160.png" sizes="160x160"> 359 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-96x96.png" sizes="96x96"> 360 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-16x16.png" sizes="16x16"> 361 <link rel="icon" type="image/png" href="/Files/Images/Favicon/EST/favicon-est-32x32.png" sizes="32x32"> 362 } 363 364 @Styles.Render(string.Format("~/bundles/{0}_css", theme)) 365 366 @Styles.Render("~/bundles/googlefonts_css") 367 @Styles.Render("~/bundles/bootstrap-carousel_css") 368 369 370  373  374  375 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GoogleAnalyticsId"))) 376 { 377 <script type="text/plain" class="optanon-category-C0002"> 378 (function (i, s, o, g, r, a, m) { 379 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { 380 (i[r].q = i[r].q || []).push(arguments) 381 }, i[r].l = 1 * new Date(); a = s.createElement(o), 382 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 383 })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); 384 385 ga('create', '@GetValue("Item.Area.GoogleAnalyticsId")', 'auto'); 386 ga('send', 'pageview'); 387 388 </script> 389 } 390 @if (!string.IsNullOrWhiteSpace(telSEOAK) && !string.IsNullOrWhiteSpace(telSEOCL)) 391 { 392 <script type="text/plain" class="optanon-category-C0002"> 393 (function (a, e, c, f, g, h, b, d) { 394 var k = { ak: "@telSEOAK", cl: "@telSEOCL", autoreplace: "@telNumber" }; 395 a[c] = a[c] || function () { (a[c].q = a[c].q || []).push(arguments) }; 396 a[g] || (a[g] = k.ak); b = e.createElement(h); b.async = 1; 397 b.src = "//www.gstatic.com/wcm/loader.js"; d = e.getElementsByTagName(h)[0]; 398 d.parentNode.insertBefore(b, d); a[f] = function (b, d, e) { a[c](2, b, k, d, null, new Date, e) }; 399 a[f]() 400 })(window, document, "_googWcmImpl", "_googWcmGet", "_googWcmAk", "script"); 401 402 </script> 403 } 404 405 406 @if (!string.IsNullOrWhiteSpace(facebookPixelId)) 407 { 408  409 <script type="text/plain" class="optanon-category-C0004"> 410 !function (f, b, e, v, n, t, s) { 411 if (f.fbq) return; n = f.fbq = function () { 412 n.callMethod ? 413 n.callMethod.apply(n, arguments) : n.queue.push(arguments) 414 }; 415 if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; 416 n.queue = []; t = b.createElement(e); t.async = !0; 417 t.src = v; s = b.getElementsByTagName(e)[0]; 418 s.parentNode.insertBefore(t, s) 419 }(window, document, 'script', 420 'https://connect.facebook.net/en_US/fbevents.js'); 421 fbq('init', '@facebookPixelId'); 422 fbq('track', 'PageView'); 423 </script> 424  425 } 426 427 <script> 428 document.addEventListener("DOMContentLoaded", function (event) { 429 var frames = document.getElementsByTagName('iframe'); 430 for (var i = 0; i < frames.length; i++) { 431 frames[i].src = frames[i].src.replace("youtube.com", "youtube-nocookie.com"); 432 } 433 }); 434 </script> 435 436 437 @GetValue("Stylesheets") 438 @GetValue("Javascripts") 439 </head> 440 441 <body> 442 <div id="mainContent"> 443 <div class="header-push"></div> 444 <header> 445 <div class="container clearfix menu-container"> 446 <a href="/"><img class="logo mobile-only" src="@brandLogoSmall" alt="@brandNameSmall"></a> 447 448 <nav id="site-nav" class="clearfix"> 449 @if (theme == "slk") 450 { 451 <ul> 452 <li style="background-color:white;"> 453 <a href="/"> 454 <img src="/Files/Templates/Designs/Condition/assets/images/design/StudyLink_Logo_Reg.png" style="max-height:20px"> 455 </a> 456 </li> 457 </ul> 458 @GetValue("DwNavigation(slkNavMenu)") 459 <nav id="navTools" class="navTools"> 460 <ul> 461 <li class="contact no-mobile"><a href="javascript:;">Contact Us</a></li> 462 </ul> 463 </nav> 464 465 } 466 else if (theme == "est") 467 { 468 <ul> 469 <li> 470 <a href="/"> 471 <img src="/Files/Templates/Designs/Condition/assets/images/design/ESTLogo.png" style="max-height:50px; margin-top: -10px;"> 472 </a> 473 </li> 474 </ul> 475 @GetValue("DwNavigation(estNavMenu)") 476 <nav id="navTools" class="navTools"> 477 <ul> 478 <li class="contact no-mobile"><a href="javascript:;">Contact Us</a></li> 479 </ul> 480 </nav> 481 482 } 483 else if (theme == "pgl") 484 { 485 <ul> 486 <li class="logo-item"><a href="/"><img class="logo show-on-scroll-50 no-mobile small" src="@brandLogoSmall" alt="@brandNameSmall"></a></li> 487 </ul> 488 @GetValue("DwNavigation(pglNavMenu)") 489 <nav id="navTools" class="navTools"> 490 <ul> 491 <li class="contact no-mobile"><a href="javascript:;">Enquire</a></li> 492 </ul> 493 </nav> 494 } 495 else 496 { 497 <ul> 498 <li class="logo-item"><a href="/"><img class="logo show-on-scroll-50 no-mobile small" src="@brandLogoSmall" alt="@brandNameSmall"></a></li> 499 </ul> 500 @GetValue("DwNavigation(nstNavMenu)") 501 <nav id="navTools" class="navTools"> 502 <ul> 503 <li class="contact no-mobile"><a href="javascript:;">Enquire</a></li> 504 </ul> 505 </nav> 506 } 507 508 <div class="right"> 509 <ul> 510 @if (theme == "est") 511 { 512 <li class="no-mobile align-center"> 513 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 514 </li> 515 } 516 else 517 { 518 <li class="call-number no-mobile"> 519 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 520 </li> 521 } 522 @if (theme == "slk") 523 { 524 <li class="no-mobile" style="background-color:#414042;"> 525 <a href="http://slk.my-tour-manager.com" target="_blank"> 526 <span class="icon-user" style="font-size:1.5em; color:white;"></span> 527 </a> 528 </li> 529 <li class="quote no-mobile"> 530 <a href="/request-quote" style="color:white;"> 531 REQUEST A QUOTE 532 </a> 533 </li> 534 } 535 else if (theme == "est") 536 { 537 <li class="quote no-mobile"> 538 <a href="/request-quote" id="navQuoteButton"> 539 Request quote 540 </a> 541 </li> 542 } 543 else 544 { 545 <li class="quote no-mobile"> 546 <a href="/request-quote"> 547 Request quote 548 </a> 549 </li> 550 } 551 </ul> 552 </div> 553 </nav> 554 555 <div class="mobile-only right mobile-menu-button"></div> 556 557 @*<div class="search-activate mobile-only right"><a href="#"><span class="icon-search hidden"></span><span class="text">Search</span></a></div>*@ 558 559 <nav id="mobile-nav" class="clearfix"> 560 @GetValue("DwNavigation(mobilenav)") 561 <ul> 562 563 @if (theme == "slk") 564 { 565 <li class="mobile-only"><a href="http://slk.my-tour-manager.com" target="_blank">Login</a></li> 566 <li class="contact"><div class="nav-name"><a href="javascript:;">Contact us</a></div></li> 567 } 568 else if (theme == "est") 569 { 570 <li class="contact"><div class="nav-name"><a href="javascript:;">Contact us</a></div></li> 571 } 572 else 573 { 574 <li class="contact"><div class="nav-name"><a href="javascript:;">Enquire</a></div></li> 575 } 576 577 @if (theme == "est") 578 { 579 <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> 580 } 581 else 582 { 583 <li class="standard"><div class="nav-name"><a href="https://www.nstgroup.co.uk/work-for-us">Work for Us</a></div></li> 584 } 585 586 587 </ul> 588 </nav> 589 </div> 590 591 <div class="container clearfix mobile-only mobile-contact-header"> 592 <div class="mobile-only mobile-number call-number"> 593 <a href='tel:@GetString("Item.Area.Telephone")'>@GetString("Item.Area.Telephone")</a> 594 </div> 595 <div class="button quote-button-background"> 596 <a href="/request-quote"> 597 @mobileRequestQuoteText 598 </a> 599 </div> 600 </div> 601 602 <div class="contact-bar-dropdown"> 603 <div class="container"> 604  605 @if (areaId == 1) 606 { 607  608 } 609 <a class="contact-button no-mobile" href="/request-quote"><span class="icon-email"></span> Request quote</a> 610 <a class="contact-button" href="/get-in-touch"><span class="icon-email"></span> Get in touch</a> 611 </div> 612 </div> 613 614 <div class="search-bar-dropdown"> 615 <div class="container"> 616 @*<form action="/search-results"> 617 <label for="search">Search</label> 618 <input type="text" name="q" id="q" placeholder="Enter search term"> 619 <input type="submit" value="submit" name="submit" id="submit"> 620 </form>*@ 621 </div> 622 </div> 623 </header> 624 625 <div class="mobileMenuBkgndOverlay"></div> 626 627 <main class="mainContent"> 628 629 630 631 632 @{ 633 string count = (string) @GetValue("Item.Link_To_Item_Type.Country"); 634 string accName = (string) @GetValue("Item.Link_To_Item_Type.Title"); 635 var brandLogo = GetString("Item.Area.BrandLogo"); 636 var brandName = GetString("Item.Area.TitleBrand"); 637 //string accUrl = System.Web.HttpContext.Current.Request.Url.AbsoluteUri; 638 639 string id = (string) @GetValue("Item.Link_To_Item_Type.Id"); 640 641 //Dynamicweb.Content.Items.Item it = Dynamicweb.Content.Items.ItemManager.Storage.GetById("Accommodation", id); 642 643 //string accId = it.Page.ID.ToString(); 644 645 //var pageId = @GetString("Global:Page.ID"); 646 string accDefaultURL = "Default.aspx?ID=" + GetInteger("DwPageID").ToString(); 647 string accUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(accDefaultURL); 648 accUrl = accUrl.Replace("&", "-"); 649 650 string tripName = ""; 651 652 if(System.Web.HttpContext.Current.Request.QueryString["trip"] != null) 653 tripName = System.Web.HttpContext.Current.Request.QueryString["trip"]; 654 655 string referrer = ""; 656 657 if(System.Web.HttpContext.Current.Request.UrlReferrer != null) 658 referrer = System.Web.HttpContext.Current.Request.UrlReferrer.ToString(); 659 660 } 661 662 @{ 663 var inspectionName = brandName; 664 string breadcrumbTripText = ""; 665 string breadcrumbTripLink = ""; 666 switch (brandName) 667 { 668 case "NST": 669 case "NST Ireland": 670 { 671 inspectionName = "NST's"; 672 breadcrumbTripText = "Trips"; 673 breadcrumbTripLink = "/trips"; 674 break; 675 } 676 case "Studylink": 677 { 678 inspectionName = "Studylink's"; 679 breadcrumbTripText = "Trips"; 680 breadcrumbTripLink = "/trips"; 681 break; 682 } 683 case "European Study Tours": 684 { 685 inspectionName = "EST's"; 686 breadcrumbTripText = ""; 687 breadcrumbTripLink = ""; 688 break; 689 } 690 default: 691 inspectionName = "NST's"; 692 breadcrumbTripText = "Trips"; 693 breadcrumbTripLink = "/trips"; 694 break; 695 } 696 } 697 698 <div class="masthead no-slider"> 699  700 <div class="background-image"> 701 <img src='@GetOptimisedImage(GetString("Item.Link_To_Item_Type.Banner_Image"))' alt=""> 702 </div> 703 @if (!String.IsNullOrWhiteSpace(brandLogo)) 704 { 705 <div class="clearfix logo"> 706 <div class="container"> 707 <a href="/"><img class="hide-on-scroll-50 no-mobile" src="@brandLogo" alt="@brandName"></a> 708 </div> 709 </div> 710 } 711 </div> 712 713 <section class="breadcrumbs clearfix container"> 714 <p><span class="bold">You are here:</span></p> 715 <ul class="breadcrumbtrail"> 716 <li> 717 <a href="/">Home</a> 718 </li> 719 720 721 @if (!String.IsNullOrWhiteSpace(breadcrumbTripLink)) 722 { 723 <li> 724 <a href="@breadcrumbTripLink">@breadcrumbTripText</a> 725 </li> 726 } 727 728 @if (tripName != "") 729 { 730 <li> 731 <a href="@referrer">@tripName</a> 732 </li> 733 } 734 <li> 735 <a href="@accUrl">@accName</a> 736 </li> 737 </ul> 738 <a href="#" class="go-back"><p>Go back</p></a> 739 </section> 740 741 <section id="standard" class="page-content"> 742 <div class="container clearfix"> 743  744 <div class="col col-width-9 content-with-sidebar right"> 745  746 <div class="row accomodation"> 747 <div class="heading col col-width-12"> 748 <h1>@GetValue("Item.Link_To_Item_Type.Title")</h1> 749 @if ((bool)@GetValue("Item.Link_To_Item_Type.NST_Safety") == true) 750 { 751 <p class="pink">Inspected as part of @inspectionName Safety Management System</p> 752 } 753 </div> 754 <div class="information"> 755 <div class="col col-width-7 equalise mpp-lazy"> 756 <span class="red-dots"> 757 @GetValue("Item.Link_To_Item_Type.Summary_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 758 </span> 759 <h3 class="margin-bottom-20">Location</h3> 760 <p>@GetValue("Item.Link_To_Item_Type.Location_Summary_Text").ToString().Replace("src", "data-original").Replace("class='", "class='lazy")</p> 761 </div> 762 @if (@GetValue("Item.Link_To_Item_Type.Google_Maps_URL") != "") 763 { 764 <div class="col col-width-5 equalise side-image"> 765 <div class="map" id="map"> 766 @GetValue("Item.Link_To_Item_Type.Google_Maps_URL") 767 </div> 768 </div> 769 } 770 </div> 771 </div> 772  773 <div class="row"> 774 <div class="col col-width-6"> 775 <h3 class="margin-bottom-20">Student rooms</h3> 776 <span class="red-dots"> 777 <div class="list-group mpp-lazy"> 778 @GetValue("Item.Link_To_Item_Type.Student_Room_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 779 </div> 780 </span> 781 </div> 782 783 <div class="col col-width-6"> 784 <h3 class="margin-bottom-20">Staff rooms</h3> 785 <span class="red-dots"> 786 <div class="list-group mpp-lazy"> 787 @GetValue("Item.Link_To_Item_Type.Staff_Room_Points").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 788 </div> 789 </span> 790 </div> 791 </div> 792 793 <div class="row" id="visits"> 794 <h3 class="margin-bottom-20">@GetValue("Item.Link_To_Item_Type.Image_Carousel_Title")</h3> 795 <div class="slick-container secondary-grey-background"> 796 <div class="slick centered"> 797 @foreach (LoopItem i in GetLoop("Item.Link_To_Item_Type.Image_Carousel")) 798 { 799 <div class="image-slide equalise"> 800 <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")"=""> 801 <div class="heading"> 802 <p>@i.GetString("Item.Link_To_Item_Type.Image_Carousel.Title")</p> 803 </div> 804 </div> 805 } 806 </div> 807 </div> 808 </div> 809  810 <div class="row"> 811 <h3 class="margin-bottom-20">Facilities</h3> 812 <span class="red-dots"> 813 <div class="list-group col col-width-4 mpp-lazy"> 814 @GetValue("Item.Link_To_Item_Type.Column1").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 815 </div> 816 <div class="list-group col col-width-4 mpp-lazy"> 817 @GetValue("Item.Link_To_Item_Type.Column_2").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 818 </div> 819 <div class="list-group col col-width-4 mpp-lazy"> 820 @GetValue("Item.Link_To_Item_Type.Column_3").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 821 </div> 822 </span> 823 </div> 824 825 826 </div> 827 828 <div class="col col-width-3 sidebar left"> 829  830 <div class="essentials secondary-grey-background"> 831 <h4 class="mobile-only">Essentials</h4> 832 @if (@GetValue("Item.Link_To_Item_Type.Link") != "") 833 { 834 <div class="link"> 835 <span class="icon-link"></span> 836 <a target="_blank" href='@GetValue("Item.Link_To_Item_Type.Link")'>@GetValue("Item.Link_To_Item_Type.Link")</a> 837 </div> 838 } 839 @if (@GetValue("Item.Link_To_Item_Type.Capacity_List") != "") 840 { 841 <div class="options mpp-lazy"> 842 <span class="icon-bed"></span> 843 <h5>Capacity</h5> 844 @GetValue("Item.Link_To_Item_Type.Capacity_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 845 </div> 846 } 847 @if (@GetValue("Item.Link_To_Item_Type.Disabled_Access_List") != "") 848 { 849 <div class="options mpp-lazy"> 850 <span class="icon-wheelchair"></span> 851 <h5>Disabled access</h5> 852 @GetValue("Item.Link_To_Item_Type.Disabled_Access_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 853 </div> 854 } 855 @if (@GetValue("Item.Link_To_Item_Type.Board_Basis_List") != "") 856 { 857 <div class="options mpp-lazy"> 858 <span class="icon-food"></span> 859 <h5>Board basis</h5> 860 @GetValue("Item.Link_To_Item_Type.Board_Basis_List").ToString().Replace("src", "data-original").Replace("class='", "class='lazy") 861 </div> 862 } 863 @if (@GetValue("Item.Link_To_Item_Type.MusicSubsection") != "") 864 { 865 <div class="options mpp-lazy"> 866 <span class="icon-music"></span> 867 <h5>Music</h5> 868 <p>@GetValue("Item.Link_To_Item_Type.MusicSubsection").ToString().Replace("src", "data-original").Replace("class='", "class='lazy")</p> 869 </div> 870 } 871 </div> 872 </div> 873 874 <div class="row"> 875 <a href="#" class="back-to-top scrolldown">Back to top</a> 876 </div> 877 </div> 878 <script defer=""> 879 setTimeout(function () { 880 loadScript('@Scripts.Url("~/bundles/mapescape")', function () { $('.map').mapescape(); }); 881 }, 2000); 882 </script> 883 <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> 884 </section> 885 886 887 </main> 888 889 <footer> 890 @if (feefoInformation != null && feefoInformation.NumberOfReviews > 0) 891 { 892 string userReviews = feefoInformation.NumberOfReviews > 1 ? "user reviews" : "user review"; 893 string userRatings = feefoInformation.NumberOfRatings > 1 ? "ratings" : "rating"; 894 string image = GetString("Item.Area.FeefoImage"); 895 <section class="preFooter"> 896 <div class="row container padding-bottom-0"> 897 <div class="col col-width-6 feefo-markup"> 898 <div> 899 <strong><span>@feefoInformation.CompanyName</span></strong><br> 900 <span> 901 <span>@feefoInformation.Score</span> out of <span>5</span> 902 </span> 903 based on <span>@feefoInformation.NumberOfRatings</span> @userRatings.<br> 904 <span>@feefoInformation.NumberOfReviews</span> @userReviews. 905 </div> 906 </div> 907 <div class="col col-width-6 feefo-badge"> 908 <a href="@feefoInformation.ReviewsUrl" target="_blank" rel="noopener"><img class="lazy" data-original="@image"></a> 909 </div> 910 </div> 911 </section> 912 } 913 <div class="upper row padding-bottom-0 container"> 914 915 <div class="col col-width-4 no-mobile"> 916 <img data-original='@GetString("Item.Area.FooterLogo")' class="footerLogo lazy" alt="@logoAltText"> 917 </div> 918 919 <div class="col col-width-4 margin-bottom-0 certificates"> 920 <img data-original='@GetString("Item.Area.AccreditationLogos")' alt="Certificates" class="footerCertificates lazy"> 921 922 @if (social) 923 { 924 <div class="clear margin-20 social-follow"> 925 @if (!string.IsNullOrWhiteSpace(twitterUN)) 926 { 927 <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> 928 } 929 @if (!string.IsNullOrWhiteSpace(facebookUN)) 930 { 931 <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> 932 } 933 @if (!string.IsNullOrWhiteSpace(flickrUN)) 934 { 935 <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> 936 } 937 @if (!string.IsNullOrWhiteSpace(youtubeUN)) 938 { 939 <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> 940 } 941 @if (!string.IsNullOrWhiteSpace(instagramUN)) 942 { 943 <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> 944 } 945 @if (!string.IsNullOrWhiteSpace(snapchatUN)) 946 { 947 <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> 948 } 949 @if (!string.IsNullOrWhiteSpace(tumblrUN)) 950 { 951 tumblrUN = tumblrUN + ".tumblr.com"; 952 <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> 953 } 954 </div> 955 } 956 </div> 957 958 959 960 961 <div class="col col-width-4 margin-bottom-20 contacts"> 962 <p class="bold">Tel <span class="regular"><a class="phone" href='tel:@GetString("Item.Area.TelephoneOther")'>@GetString("Item.Area.TelephoneOther")</a></span></p> 963 <p class="bold">Fax <span class="regular">@GetString("Item.Area.Fax")</span></p> 964 <p class="bold"> 965 Email <span class="regular"> 966 <a href='mailto:@GetString("Item.Area.Email")'>@GetString("Item.Area.Email")</a> 967 </span> 968 </p> 969 </div> 970 971 </div> 972 973 <div class="lower row centralise padding-top-40 container"> 974 <nav class="footer-nav"> 975 <ul class="clearfix"> 976 <li><a href="/about-us">About Us</a></li> 977 @if (theme == "est") 978 { 979 980 <li><a href="https://www.euro-study-tours.co.uk/work-for-us">Work for Us</a></li> 981 } 982 else 983 { 984 <li><a href="https://www.nstgroup.co.uk/work-for-us">Work for Us</a></li> 985 } 986 987 <li><a href="/cookie-policy">Cookie Policy</a></li> 988 <li><a href="/privacy-statement">Privacy Statement</a></li> 989 <li><a href="/legal-information">Legal Information</a></li> 990 <li><a href="/modern-slavery">Modern Slavery</a></li> 991 @if (theme == "uk" || theme == "slk" || theme == "est") 992 { 993 <li> 994 <a href="https://www.gov.uk/foreign-travel-advice" target="_blank" rel="noopener">Foreign Travel Advice</a> 995 </li> 996 } 997 else 998 { 999 <li> 1000 <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> 1001 </li> 1002 } 1003 1004 <li><a href="/sitemap">Sitemap</a></li> 1005 <li><a class="ot-sdk-show-settings" style="cursor:pointer;">Cookies Settings</a></li> 1006 </ul> 1007 </nav> 1008 <p class="company-disclaimer" style="padding-top: 25px;">@GetString("Item.Area.CompanyRegistration")</p> 1009  1010 <p> 1011 @GetString("Item.Area.CompanyAddress") 1012 </p> 1013 </div> 1014 @{ 1015 PageService affiliatepages = new PageService(); 1016 var allffiliatepages = affiliatepages.GetPagesByTitle("Affiliation Logos"); 1017 foreach (var page in allffiliatepages.Where(x => x.AreaId == Convert.ToInt32(GetGlobalValue("Global:Area.ID")))) 1018 { 1019 <div id="Affiliation-Logos">@RenderPageContent(page.ID)</div> 1020 } 1021 } 1022 </footer> 1023 <div class="beyond-footer-container"> 1024 <div class="beyond-footer-curved-edge">   </div> 1025 <div class="beyond-footer-padding"> 1026 <div class="beyond-footer-image-container "> 1027 <a href="https://pglbeyond.com" target="_blank"><img class="beyond-footer-beyond-image" src="/Files/Files/Footer-Images/PGL-Beyond.png"></a> 1028 </div> 1029 <div class="beyond-footer-image-container "> 1030 <a href="https://pglbeyond.com" target="_blank"><img class="beyond-footer-brand-image" src="/Files/Files/Footer-Images/All-Brands.png"></a> 1031 </div> 1032 </div> 1033 </div> 1034 @if (theme == "uk") 1035 { 1036 // @Scripts.Render("~/bundles/SEO") 1037 } 1038 </div> 1039 <div id="loadingOverlay"> 1040 <div style="width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-image: url('@loadingImage')"></div> 1041 </div> 1042 <script> 1043 function displayLoadingOverlay() { 1044 //var scrollposition = window.sc 1045 $("#loadingOverlay").css("top", window.scrollY); 1046 $("#loadingOverlay").fadeIn(); 1047 $("body").css("overflow-y", "hidden"); 1048 } 1049 1050 function hideLoadingOverlay() { 1051 $("#loadingOverlay").fadeOut(); 1052 $("body").css("overflow-y", "initial"); 1053 } 1054 1055 //$("img.lazy").each(function () { 1056 // $(this).attr("src", $(this).attr("data-original"); 1057 // //$(this).attr("data-original", $(this).attr("src")); 1058 // // $(this).attr("src", "/Files/Images/Loading/NST_loading.gif"); 1059 // //$(this).removeAttr("src"); 1060 //}); 1061 1062 //$(function() { 1063 // $('.tile-inner-content').hover(function () { 1064 // console.log("oooooh"); 1065 // $(this).fadeOut(); 1066 // }, function () { 1067 // $(this).fadeIn(); 1068 // }); 1069 //}); 1070 1071 </script> 1072 1073 <script src='@Scripts.Url("~/bundles/picker")'></script> 1074 <script src='@Scripts.Url("~/bundles/mainJS")'></script> @* dont put mainJS in async, it breaks FastClick and Slickify *@ 1075 <script type="text/javascript"> 1076 setTimeout(function () { 1077 var nodes = document.querySelectorAll('.mpp-lazy img'); 1078 var arr = Array.prototype.slice.call(nodes); 1079 arr.forEach(function (obj) { obj.classList.add('lazy'); }); 1080 }, 10); 1081 </script> 1082 1083  1084 @if (enableChat && !String.IsNullOrEmpty(ChatGuid)) 1085 { 1086 <script type="text/plain" class="optanon-category-C0003"> 1087 setTimeout(function () { 1088 loadScript('@Scripts.Url("~/bundles/snapengage")', function () { initSnapEnagage('@ChatGuid'); }); 1089 }, 2000); 1090 </script> 1091 } 1092  1093 </body> 1094 </html> 1095