Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - dslbi.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Cache-Control: no-cache
Content-Type: text/html; charset=UTF-8
Location: https://www.dslbi.com/
Server:
X-Frame-Options: SAMEORIGIN
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
Referrer-Policy: no-referrer-when-downgrade
Date: Sat, 17 May 2025 20:17:41 GMT
Content-Length: 145
HTTP Code 301 Moved Permanently
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://dslbi.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Cache-Control: no-cache
Content-Type: text/html
Last-Modified: Mon, 12 May 2025 19:27:24 GMT
Accept-Ranges: bytes
ETag: "1267dfe373c3db1:0"
Server:
X-Frame-Options: SAMEORIGIN
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
Referrer-Policy: no-referrer-when-downgrade
Date: Sat, 17 May 2025 20:17:42 GMT
Content-Length: 145063
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: dslbi.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Long Beach Island, NJ Hotels Oceanfront | Drifting Sands Hotel</title>
<meta name="description" content="Surrounded by majestic beaches and all-ages fun, Drifting Sands Hotel offers oceanfront guestrooms at unbeatable prices. Stay with us for the best deals on LBI.">
<meta name="keywords" content="long beach island hotels, ship bottom nj hotels, ship bottom hotels, long beach island nj hotels, long beach island nj hotels oceanfront">
<!-- Open Graph data -->
<!-- Twitter Card -->
<link rel="canonical" href="https://www.dslbi.com/" />
<!-- bodyincludes -->
<meta property="og:title" content="Long Beach Island, NJ Hotels Oceanfront | Drifting Sands Hotel" />
<meta property="og:url" content="https://www.dslbi.com/" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Surrounded by majestic beaches and all-ages fun, Drifting Sands Hotel offers oceanfront guestrooms at unbeatable prices. Stay with us for the best deals on LBI." />
<meta property="og:image" content="https://www.dslbi.com/files/4448/2019_drifting_sands-0912-(1).jpg" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Long Beach Island, NJ Hotels Oceanfront | Drifting Sands Hotel">
<meta name="twitter:description" content="Surrounded by majestic beaches and all-ages fun, Drifting Sands Hotel offers oceanfront guestrooms at unbeatable prices. Stay with us for the best deals on LBI.">
<meta name="twitter:url" content="https://www.dslbi.com/">
<meta name="twitter:image" content="https://www.dslbi.com/files/4448/2019_drifting_sands-0912-(1).jpg">
<script>var WWPSiteProperties = { siteId: 4448, siteGuid: "48a433a1-458f-42c4-8c78-264aa999b601", siteCultureCode: "en-US", domainId: 4322, domain: "dslbi.com", domainSSLMandatory: true, mobileDomain: "", mobileDomainSSLMandatory: false, cdbeDomains: ["travelclick.com","mews.com","app.mews.com"], hasSecureResIBE: false, hasGoogleAnalytics: false, hasMobileSite: false, STFId: 1677, hasCDN: false, CMSDomainName: "cms.vizergy.com", inCMS: false, OmnitureReportSuiteId: "vizdslbi.com", TimeZoneName: "Eastern Standard Time"};</script>
<link href="https://www.dslbi.com/files/4448/combined-home.css?dt=202308080852" rel="stylesheet" type="text/css" media="screen">
<script src="https://www.dslbi.com/files/4448/combined-home.js?dt=202308080852" type="text/javascript"></script>
<!--/ bodyincludes -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700|Raleway:300,400,500,600" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="https://www.dslbi.com/files/templates/1569/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://www.dslbi.com/files/templates/1569/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://www.dslbi.com/files/templates/1569/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://www.dslbi.com/files/templates/1569/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://www.dslbi.com/files/templates/1569/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://www.dslbi.com/files/templates/1569/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://www.dslbi.com/files/templates/1569/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://www.dslbi.com/files/templates/1569/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.dslbi.com/files/templates/1569/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://www.dslbi.com/files/templates/1569/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.dslbi.com/files/templates/1569/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://www.dslbi.com/files/templates/1569/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.dslbi.com/files/templates/1569/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://www.dslbi.com/files/templates/1569/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href="https://www.dslbi.com/files/templates/1569/combined.css" rel="stylesheet" type="text/css" >
<script src="https://www.dslbi.com/files/templates/1569/combined.js" type="text/javascript"></script>
<link href="https://www.dslbi.com/files/templates/1569/print.css" rel="stylesheet" type="text/css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Hotel",
"@id": "https://www.dslbi.com/",
"name": "Drifting Sands",
"description": "Surrounded by majestic beaches and all-ages fun, Drifting Sands Hotel offers oceanfront guestrooms at unbeatable prices. Stay with us for the best deals on LBI.",
"logo": "https://www.dslbi.com/files/4448/Drifting_Sands_Logo.png",
"image": "https://www.dslbi.com/files/4448/2019_drifting_sands-0912-(1).jpg",
"url": "https://www.dslbi.com/",
"telephone": "+1-609-494-1123",
"priceRange": "$$",
"petsAllowed": true,
"checkinTime": "15:00",
"checkoutTime": "11:00",
"address": {
"@type": "PostalAddress",
"streetAddress": "119 E 9th St",
"addressLocality": "Ship Bottom",
"addressRegion": "NJ",
"postalCode": "08008",
"addressCountry": "US"
},
"amenityFeature": [
{
"@type": "LocationFeatureSpecification",
"name": "Oceanfront views",
"value": true
},
{
"@type": "LocationFeatureSpecification",
"name": "Free Wi-Fi",
"value": true
},
{
"@type": "LocationFeatureSpecification",
"name": "Complimentary beach chairs and towels",
"value": true
},
{
"@type": "LocationFeatureSpecification",
"name": "Private off-beach lounge area",
"value": true
},
{
"@type": "LocationFeatureSpecification",
"name": "On-site parking",
"value": true
}
],
"sameAs": [
"https://www.facebook.com/dslbi/",
"https://www.instagram.com/driftingsandshotel/?hl=en"
],
"hasOfferCatalog": {
"@type": "OfferCatalog",
"name": "Special Offers at Drifting Sands Hotel",
"itemListElement": [
{
"@type": "Offer",
"name": "Summer Stay & Save",
"description": "Save 15% when booking 3 or more nights in July and August.",
"url": "https://www.dslbi.com/special-offers",
"priceCurrency": "USD",
"eligibleRegion": {
"@type": "Place",
"name": "Ship Bottom, NJ"
},
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Midweek Escape",
"description": "Enjoy weekday discounts and quiet beachfront views.",
"url": "https://www.dslbi.com/special-offers",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
}
]
}
}
</script>
<!-- Start of Google Analytics -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-117914629-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-117914629-1');
</script>
<!-- End of Google Analytics -->
<!-- Start of D3Corp - Tracking -->
<script type="text/javascript">
var _ss = _ss || [];
_ss.push(['_setDomain', 'https://koi-3QND8VETUE.marketingautomation.services/net']);
_ss.push(['_setAccount', 'KOI-3ZCZT5S0IQ']);
_ss.push(['_trackPageView']);
(function() {
var ss = document.createElement('script');
ss.type = 'text/javascript'; ss.async = true;
ss.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'koi-3QND8VETUE.marketingautomation.services/client/ss.js?ver=1.1.1';
var scr = document.getElementsByTagName('script')[0];
scr.parentNode.insertBefore(ss, scr);
})();
</script>
<!-- End of D3Corp - Tracking -->
<!-- Start of Global Site Tag -->
<!--
Start of global snippet: Please do not remove
-->
<!-- Global site tag (gtag.js) - Google Marketing Platform -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-8842705"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'DC-8842705');
gtag('config', 'AW-792714131');
gtag('config', 'AW-792714133');
</script>
<!-- End of global snippet: Please do not remove -->
<!-- End of Global Site Tag -->
<!-- Start of Blue Water Development - GA Tag -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-556473-11"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-556473-11');
</script>
<!-- End of Blue Water Development - GA Tag -->
<!-- Start of Flip-to GTM -->
<!-- Flip.to Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N5NHCBD');</script>
<!-- End Flip.to Google Tag Manager -->
<!-- End of Flip-to GTM -->
<!-- Start of Facebook Pixels -->
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2300874760192130');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2300874760192130&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- End of Facebook Pixels -->
<!-- Start of GTM - Vizergy Requested (Head) -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T5ZDP3B');</script>
<!-- End Google Tag Manager -->
<!-- End of GTM - Vizergy Requested (Head) -->
<!-- Start of Facebook Verification -->
<meta name="facebook-domain-verification" content="hu663rjon0b6zehosp6njok720mmqi" />
<!-- End of Facebook Verification -->
<!-- Start of GTM Head (Client Provided) -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MQPKM5D');</script>
<!-- End Google Tag Manager -->
<!-- End of GTM Head (Client Provided) -->
</head>
<body id="pageid84137" class="homepage">
<!-- Start of Display Ads (SOJ) - Home Page -->
<!-- Sojern Tag v6_js, Pixel Version: 1 -->
<script src='https://static.sojern.com/utils/sjrn_autocx.js'></script>
<script>
(function () {
var params = {};
/* Please do not modify the below code. */
try{params = Object.assign({}, sjrn_params, params);}catch(e){}
var cid = [];
var paramsArr = [];
var cidParams = [];
var pl = document.createElement('iframe');
var defaultParams = {"vid":"hot"};
for(key in defaultParams) { params[key] = defaultParams[key]; };
for(key in cidParams) { cid.push(params[cidParams[key]]); };
params.cid = cid.join('|');
for(key in params) { paramsArr.push(key + '=' + encodeURIComponent(params[key])) };
pl.type = 'text/html';
pl.setAttribute('style','height:0; width: 0; display:none;');
pl.async = true;
pl.src = 'https://static.sojern.com/cip/w/s?id=299937&f_v=v6_js&p_v=1&' + paramsArr.join('&');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(pl);
})();
</script>
<!-- End Sojern Tag -->
<!-- End of Display Ads (SOJ) - Home Page -->
<!-- Start of GTM - Vizergy Requested (Body) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5ZDP3B"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- End of GTM - Vizergy Requested (Body) -->
<script>ActiveCDBETracking(WWPSiteProperties.cdbeDomains);</script>
<div id="shell" role="main">
<a href="#mainSiteContent" class="skip" >Skip to content</a>
<!-- Header
================================================== -->
<header>
<div class="container-fluid">
<div class="row">
<div class="col-xs-8 col-sm-6 col-md-4 vcenter">
<div id="logo">
<!-- logo --><div id="viz-logoWidget602339" class="customWidget viz-logoWidget pageWidgetId602339">
<style>
.fixed #viz-logoWidget602339 .inverted {
display: block !important;
visibility: visible !important;
}
.fixed #viz-logoWidget602339 a.logo {
display: none !important;
visibility: hidden !important;
}
a.inverted{cursor:pointer}
</style>
<a class="logo" href="https://www.dslbi.com/">
<img src="https://www.dslbi.com/files/4448/drifting-sands-logo-white.png" alt="Drifting Sands" />
</a>
<script>
$(function(){
$('a.inverted').on('click', function(e){
e.preventDefault();
var myLogoLink = $('a.logo').attr('href');
window.location.href = myLogoLink;
});
});
</script>
</div>
<!--/ logo -->
</div><!--end logo-->
</div><!--
--><div class="col-xs-4 col-sm-6 col-md-8 vcenter">
<div id="helpmenuShell">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div><!-- /.navbar-header-->
<!-- marketingphone -->
<div class="marketingPhoneShell"><span class="marketingPhoneMessage">Call Us Today: </span><span class="marketingPhoneNumber">609-494-1123</span></div><!--/ marketingphone --><!-- custom2 --><div id="codeWidget602262" class="codeWidget pageWidgetId602262"><!-- Trigger the modal with a button -->
<a id="bookButtonAnchor" type="button" class="btn btn-primary headerBtn booknow" data-toggle="modal" data-target="#myModal">Reserve</a>
<!-- Modal begin modal code below-->
<div id="myModal" class="modal fade bookingModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<h4>Choose Your Stay</h4>
<div class="row">
<div class="col-md-6 ctaCol1"> </div>
<div class="col-md-6 ctaCol2"> </div>
</div>
</div>
<div class="modal-footer">
<h4>Have a Question?</h4>
<h3><a class="mobilePhone" href="tel:+6094941123">609-494-1123</a></h3>
</div>
</div>
</div>
</div>
<style>
</style>
<script>
$(function() {
$('#vizADACTACarouselHoverContentWidget1520343').appendTo('.bookingModal .modal-body .ctaCol2').show();
$('#vizADACTACarouselHoverContentWidget1520410').appendTo('.bookingModal .modal-body .ctaCol1').show();
});
</script>
<!--
<script>
$(function()
{
//move modal to end of body so it can show on top of everything
$("body").append($("#myModal"));
//on modal show, move drsb into modal
$('#myModal').on('show.bs.modal', function (e) {
//move drsb
$('#myModal').find(".modal-body").append($("div#ibe").children());
//remove col classes so horizontal drsbs show stacked
$('#myModal').find(".modal-body").find("[class*='col-']").each(function()
{
$(this).attr("data-classbackup", $(this).attr("class"));
$(this).attr("class", $(this).attr("class").replace(/col-[a-z0-9\-]+/gi, " "));
});
});
//on modal close, move drsb back to drsb section
$('#myModal').on('hide.bs.modal', function (e) {
//move drsb back to drsb section
$("div#ibe").append($('#myModal').find(".modal-body").children());
//restore original col classes so the drsb has the right columns
$("div#ibe").find("[data-classbackup]").each(function()
{
$(this).attr("class", $(this).attr("data-classbackup"));
});
});
});
</script>
--></div>
<div id="codeWidget1482091" class="codeWidget pageWidgetId1482091"><a href="https://thesurfersview.com/cams_http/ship-bottom-embed.php" class="booknow btn btn-primary" target="_blank" >Beach Cam</a></div>
<div id="vizADACTACarouselHoverContentWidget1520410" class="customWidget vizADACTACarouselHoverContentWidget pageWidgetId1520410">
<style>
/* General
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 {
margin: 10px auto;
overflow: hidden;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img {
position: relative;
height: 400px;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img picture {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img picture img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: 50% 50%;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img picture img.lazysized {
opacity: 1;
}
/* Intro
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .ctaIntro {
margin: 0 auto;
padding: 0 15px;
text-align: center;
}
/* Carousel - General
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel {
margin: 30px -4px 0;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-slide {
margin: 0 4px;
}
.vizADACTACarouselHoverContentWidget1520410 .slickSlide {
position: relative;
}
/* Carousel - Navigation - Arrows
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .slideShowControls {
margin-top: 10px;
padding-bottom: 15px;
position: relative;
text-align: center;
}
.vizADACTACarouselHoverContentWidget1520410 .slickCounter {
display: none;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
font-size: 1.2rem;
line-height: normal;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow + .slickCounter {
display: block;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow {
position: relative;
top: auto;
left: auto;
right: auto;
z-index: 1;
height: auto;
width: auto;
display: inline-block;
transform: none;
vertical-align: middle;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow:before {
display: none;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow span,
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow span:before {
opacity: 1;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow:hover span,
.vizADACTACarouselHoverContentWidget1520410 .slick-arrow:hover span:before {
opacity: 0.65;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-next:focus .slick-next-icon,
.vizADACTACarouselHoverContentWidget1520410 .slick-next:focus .slick-prev-icon,
.vizADACTACarouselHoverContentWidget1520410 .slick-prev:focus .slick-next-icon,
.vizADACTACarouselHoverContentWidget1520410 .slick-prev:focus .slick-prev-icon {
margin: 0;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-next .slick-next-icon:before,
.vizADACTACarouselHoverContentWidget1520410 .slick-next .slick-prev-icon:before,
.vizADACTACarouselHoverContentWidget1520410 .slick-prev .slick-next-icon:before,
.vizADACTACarouselHoverContentWidget1520410 .slick-prev .slick-prev-icon:before {
color: #000;
font-size: 2rem;
vertical-align: middle;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-prev {
margin-right: 125px;
}
.vizADACTACarouselHoverContentWidget1520410 .slick-prev .slick-prev-icon:before {
content: "\f100";
}
.vizADACTACarouselHoverContentWidget1520410 .slick-next .slick-next-icon:before {
content: "\f101";
}
/* Carousel - Navigation - Dots
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .slick-dots {
position: relative;
bottom: 0;
margin-top: 10px;
padding-left: 0 !important;
}
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .slick-dots li:before {
display: none !important;
}
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .slick-dots li button .slick-dot-icon {
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .slick-dots li button .slick-dot-icon:before {
color: #000;
}
/* Carousel - wAutoplay
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel.wAutoplay {
margin-bottom: 60px;
}
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel.wAutoplay .slick-autoplay-toggle-button {
display: block;
bottom: -50px;
}
/* Content
========================================================================== */
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: rgba(14, 15, 14, .75);
color: #fff;
padding: 0 40px;
text-align: left;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer * {
color: inherit;
}
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer .ctaCarouselHeading {
margin-bottom: 0;
}
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer .ctaCarouselHeading + div {
margin-top: 45px;
}
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer .ctaCarouselContent + div {
margin-top: 10px;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-title {
display: none;
}
/* Media Queries
========================================================================== */
@media (min-width: 992px) {
.vizADACTACarouselHoverContentWidget1520410 .ctaIntro {
width: 80%;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img {
position:relative;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-img,
.vizADACTACarouselHoverContentWidget1520410 .feature-content {
height: 530px;
}
}
@media (min-width: 1200px) {
.vizADACTACarouselHoverContentWidget1520410 .featureContentContainer {
justify-content: center;
opacity: 0;
}
.vizADACTACarouselHoverContentWidget1520410 .slickSlide .feature-content.hovered .featureContentContainer {
opacity: 1;
}
.vizADACTACarouselHoverContentWidget1520410 .feature-title {
display: block;
margin: 40px 0;
}
}
</style>
<div class="vizADACTACarouselHoverContentWidget1520410 cta2">
<div class="ctaIntro visible">
<div class="row">
<div class="ctaIntroHeadingContainer col-xs-12">
<h1 class="ctaIntroHeading">
Drifting Sands Oceanfront Hotel
</h1>
</div>
<div class="col-xs-12 ctaIntroContent"><p style="text-align: center;">Oceanfront & Ocean View Rooms</p></div>
</div>
</div>
<div class="slickCarousel text-center">
<div class="slickSlide CTA1 CTALast " >
<div class="feature-img">
<picture>
<style>
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
@media (min-width: 768px) {
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
}
@media (min-width: 992px) {
.vizADACTACarouselHoverContentWidget1520410 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
}
</style>
<source type="image/avif" media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageLargeWidth.avif" >
<source type="image/avif" media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageMediumWidth.avif" >
<source type="image/avif" media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageSmallWidth.avif" >
<source type="image/webp" media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageLargeWidth.webp" >
<source type="image/webp" media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageMediumWidth.webp" >
<source type="image/webp" media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageSmallWidth.webp" >
<source media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageLargeWidth.jpg" >
<source media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageMediumWidth.jpg" >
<source media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26291432_ImageSmallWidth.jpg" >
<img data-orig="https://www.dslbi.com/files/4448/26291432_ImageLargeWidth.jpg" data-src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" decoding="async">
</picture>
</div>
<div class="feature-content" tabindex="-1">
<div class="featureContentContainer">
<div class="ctaCarouselContent"><h3 style="text-align: center;">Drifting Sands Oceanfront Hotel</h3></div>
<div class="btnContainer">
<a class="btn btn-primary CTAButton1 CTAButtonLast " href="https://app.mews.com/distributor/b7c02ec4-ba0e-4090-8f36-b29c01478745" target="_blank" >
Book Now
</a>
</div>
</div>
</div>
<div class="feature-title">
</div>
</div>
</div>
<div class="slideShowControls">
<div class="slickCounter"></div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
if (typeof(PersonalizationAPI) != "undefined") {
PersonalizationAPI.BindToCompleteEvent(LoadWidget);
} else {
LoadWidget();
}
function LoadWidget() {
//Remove intro if empty
$('.vizADACTACarouselHoverContentWidget1520410 .ctaIntro.hidden').remove();
//Counter data-attribute
for (var slideCount = 1; slideCount <= $('.vizADACTACarouselHoverContentWidget1520410 .slickSlide').length; slideCount++) {
$('.vizADACTACarouselHoverContentWidget1520410 .slickSlide:nth-child(' + slideCount + ')').attr('data-slidecount', slideCount);
}
//Lazyload
$('.vizADACTACarouselHoverContentWidget1520410 .slickCarousel').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
"onLoad": function(e, LLobj) {
var thisCTACarousel = LLobj.$element;
//Counter - must define the init event listener BEFORE the init slick
//https://stackoverflow.com/questions/25847297/slick-js-get-current-and-total-slides-ie-3-5
if ('counterHide' == 'counterShow') {
thisCTACarousel.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
var i = (currentSlide ? currentSlide : 0) + 1;
$('.vizADACTACarouselHoverContentWidget1520410 .slickCounter').text(i + '/' + slick.slideCount);
});
} else {
//do nothing
}
//SlickCarousel
thisCTACarousel.slickADA({
lazyLoad: 'ondemand', //Set lazy loading technique, accepts ondemand or progressive
arrows: true, //Prev/Next Arrows
appendArrows: '.vizADACTACarouselHoverContentWidget1520410 .slideShowControls',
dots: false, //Show dot indicators
autoplay: false,
adaptiveHeight: false,
slidesToShow: 1,
responsive: [
{
breakpoint: 1600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
//ADA
$(".vizADACTACarouselHoverContentWidget1520410 .slickCarousel.slick-initialized").attr('aria-label','vizADACTACarouselHoverContentWidget1520410 ' + $(".vizADACTACarouselHoverContentWidget1520410 .slickCarousel.slick-initialized").attr('aria-label'));
//Show active slides
thisCTACarousel.find('.slick-active img').addClass('lazysize');
thisCTACarousel.find('.slick-active').next().find('img').addClass('lazysize');
thisCTACarousel.find('.slick-active').prev().find('img').addClass('lazysize');
//Load next slide
thisCTACarousel.on('afterChange', function(event, slick, currentSlide){
thisCTACarousel.find('.slick-active').find('img:not(.lazysized)').addClass('lazysize');
thisCTACarousel.find('.slick-active').next().find('img:not(.lazysized)').addClass('lazysize');
thisCTACarousel.find('.slick-active').prev().find('img:not(.lazysized)').addClass('lazysize');
});
//add class if autoplay is enabled
if (thisCTACarousel.find('.slick-autoplay-toggle-button').length > 0) {
thisCTACarousel.addClass('wAutoplay');
}
//Show content on hover on desktop
$(".vizADACTACarouselHoverContentWidget1520410 .feature-content")
.focusin(function(){ $(this).addClass("hovered"); })
.focusout(function(){ $(this).removeClass("hovered"); })
.hover(
function() {
//hover over
$(this).addClass("hovered");
},
function() {
//hover off
$(this).removeClass("hovered");
}
);
//when slick slide is activated it rewraps the slide markup and ends up stripping any event handlers that had been bound to elements, like our CDRS tracking on booking links
//so now that slick slide is done being lazy loaded, remove the cdbe element class and re-call the CDBE tracking logic so it can re-bind to the booking links
$(".vizADACTACarouselHoverContentWidget1520410 .cdbeElement").removeClass("cdbeElement");
ActiveCDBETracking(WWPSiteProperties.cdbeDomains);
}
}); //end Lazyload
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
} //end LoadWidget function
}); //end doc ready
</script>
</div>
<div id="vizADACTACarouselHoverContentWidget1520343" class="customWidget vizADACTACarouselHoverContentWidget pageWidgetId1520343">
<style>
/* General
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 {
margin: 10px auto;
overflow: hidden;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img {
position: relative;
height: 400px;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img picture {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img picture img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: 50% 50%;
opacity: 0;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img picture img.lazysized {
opacity: 1;
}
/* Intro
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .ctaIntro {
margin: 0 auto;
padding: 0 15px;
text-align: center;
}
/* Carousel - General
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel {
margin: 30px -4px 0;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-slide {
margin: 0 4px;
}
.vizADACTACarouselHoverContentWidget1520343 .slickSlide {
position: relative;
}
/* Carousel - Navigation - Arrows
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .slideShowControls {
margin-top: 10px;
padding-bottom: 15px;
position: relative;
text-align: center;
}
.vizADACTACarouselHoverContentWidget1520343 .slickCounter {
display: none;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
font-size: 1.2rem;
line-height: normal;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow + .slickCounter {
display: block;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow {
position: relative;
top: auto;
left: auto;
right: auto;
z-index: 1;
height: auto;
width: auto;
display: inline-block;
transform: none;
vertical-align: middle;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow:before {
display: none;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow span,
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow span:before {
opacity: 1;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow:hover span,
.vizADACTACarouselHoverContentWidget1520343 .slick-arrow:hover span:before {
opacity: 0.65;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-next:focus .slick-next-icon,
.vizADACTACarouselHoverContentWidget1520343 .slick-next:focus .slick-prev-icon,
.vizADACTACarouselHoverContentWidget1520343 .slick-prev:focus .slick-next-icon,
.vizADACTACarouselHoverContentWidget1520343 .slick-prev:focus .slick-prev-icon {
margin: 0;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-next .slick-next-icon:before,
.vizADACTACarouselHoverContentWidget1520343 .slick-next .slick-prev-icon:before,
.vizADACTACarouselHoverContentWidget1520343 .slick-prev .slick-next-icon:before,
.vizADACTACarouselHoverContentWidget1520343 .slick-prev .slick-prev-icon:before {
color: #000;
font-size: 2rem;
vertical-align: middle;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-prev {
margin-right: 125px;
}
.vizADACTACarouselHoverContentWidget1520343 .slick-prev .slick-prev-icon:before {
content: "\f100";
}
.vizADACTACarouselHoverContentWidget1520343 .slick-next .slick-next-icon:before {
content: "\f101";
}
/* Carousel - Navigation - Dots
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .slick-dots {
position: relative;
bottom: 0;
margin-top: 10px;
padding-left: 0 !important;
}
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .slick-dots li:before {
display: none !important;
}
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .slick-dots li button .slick-dot-icon {
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .slick-dots li button .slick-dot-icon:before {
color: #000;
}
/* Carousel - wAutoplay
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel.wAutoplay {
margin-bottom: 60px;
}
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel.wAutoplay .slick-autoplay-toggle-button {
display: block;
bottom: -50px;
}
/* Content
========================================================================== */
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
background-color: rgba(14, 15, 14, .75);
color: #fff;
padding: 0 40px;
text-align: left;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer * {
color: inherit;
}
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer .ctaCarouselHeading {
margin-bottom: 0;
}
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer .ctaCarouselHeading + div {
margin-top: 45px;
}
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer .ctaCarouselContent + div {
margin-top: 10px;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-title {
display: none;
}
/* Media Queries
========================================================================== */
@media (min-width: 992px) {
.vizADACTACarouselHoverContentWidget1520343 .ctaIntro {
width: 80%;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img {
position:relative;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-content {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-img,
.vizADACTACarouselHoverContentWidget1520343 .feature-content {
height: 530px;
}
}
@media (min-width: 1200px) {
.vizADACTACarouselHoverContentWidget1520343 .featureContentContainer {
justify-content: center;
opacity: 0;
}
.vizADACTACarouselHoverContentWidget1520343 .slickSlide .feature-content.hovered .featureContentContainer {
opacity: 1;
}
.vizADACTACarouselHoverContentWidget1520343 .feature-title {
display: block;
margin: 40px 0;
}
}
</style>
<div class="vizADACTACarouselHoverContentWidget1520343 cta1">
<div class="ctaIntro visible">
<div class="row">
<div class="ctaIntroHeadingContainer col-xs-12">
<h1 class="ctaIntroHeading">
The Beach House at Drifting Sands
</h1>
</div>
<div class="col-xs-12 ctaIntroContent"><p style="text-align: center;">Affordable. Walk to the Beach. Suites Too!</p></div>
</div>
</div>
<div class="slickCarousel text-center">
<div class="slickSlide CTA1 CTALast " >
<div class="feature-img">
<picture>
<style>
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
@media (min-width: 768px) {
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
}
@media (min-width: 992px) {
.vizADACTACarouselHoverContentWidget1520343 .slickCarousel .CTA1 picture img { object-position: 50% 50%; }
}
</style>
<source type="image/avif" media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageLargeWidth.avif" >
<source type="image/avif" media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageMediumWidth.avif" >
<source type="image/avif" media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageSmallWidth.avif" >
<source type="image/webp" media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageLargeWidth.webp" >
<source type="image/webp" media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageMediumWidth.webp" >
<source type="image/webp" media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageSmallWidth.webp" >
<source media="(min-width:1200px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageLargeWidth.jpg" >
<source media="(min-width:768px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageMediumWidth.jpg" >
<source media="(max-width:767px)" data-srcset="https://www.dslbi.com/files/4448/26289027_ImageSmallWidth.jpg" >
<img alt="a building with a parking lot" data-orig="https://www.dslbi.com/files/4448/26289027_ImageLargeWidth.jpg" data-src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" decoding="async">
</picture>
</div>
<div class="feature-content" tabindex="-1">
<div class="featureContentContainer">
<div class="ctaCarouselContent"><h3 style="text-align: center;"></h3>
<h3 style="text-align: center;">The Beach House at Drifting Sands</h3>
<p style="text-align: center;"> </p></div>
<div class="btnContainer">
<a class="btn btn-primary CTAButton1 CTAButtonLast " href="https://app.mews.com/distributor/0627f81e-12c8-4805-82a1-b29c0144a407" target="_blank" >
Book Now
</a>
</div>
</div>
</div>
<div class="feature-title">
</div>
</div>
</div>
<div class="slideShowControls">
<div class="slickCounter"></div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(){
if (typeof(PersonalizationAPI) != "undefined") {
PersonalizationAPI.BindToCompleteEvent(LoadWidget);
} else {
LoadWidget();
}
function LoadWidget() {
//Remove intro if empty
$('.vizADACTACarouselHoverContentWidget1520343 .ctaIntro.hidden').remove();
//Counter data-attribute
for (var slideCount = 1; slideCount <= $('.vizADACTACarouselHoverContentWidget1520343 .slickSlide').length; slideCount++) {
$('.vizADACTACarouselHoverContentWidget1520343 .slickSlide:nth-child(' + slideCount + ')').attr('data-slidecount', slideCount);
}
//Lazyload
$('.vizADACTACarouselHoverContentWidget1520343 .slickCarousel').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
"onLoad": function(e, LLobj) {
var thisCTACarousel = LLobj.$element;
//Counter - must define the init event listener BEFORE the init slick
//https://stackoverflow.com/questions/25847297/slick-js-get-current-and-total-slides-ie-3-5
if ('counterHide' == 'counterShow') {
thisCTACarousel.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
var i = (currentSlide ? currentSlide : 0) + 1;
$('.vizADACTACarouselHoverContentWidget1520343 .slickCounter').text(i + '/' + slick.slideCount);
});
} else {
//do nothing
}
//SlickCarousel
thisCTACarousel.slickADA({
lazyLoad: 'ondemand', //Set lazy loading technique, accepts ondemand or progressive
arrows: true, //Prev/Next Arrows
appendArrows: '.vizADACTACarouselHoverContentWidget1520343 .slideShowControls',
dots: false, //Show dot indicators
autoplay: false,
adaptiveHeight: false,
slidesToShow: 1,
responsive: [
{
breakpoint: 1600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
//ADA
$(".vizADACTACarouselHoverContentWidget1520343 .slickCarousel.slick-initialized").attr('aria-label','vizADACTACarouselHoverContentWidget1520343 ' + $(".vizADACTACarouselHoverContentWidget1520343 .slickCarousel.slick-initialized").attr('aria-label'));
//Show active slides
thisCTACarousel.find('.slick-active img').addClass('lazysize');
thisCTACarousel.find('.slick-active').next().find('img').addClass('lazysize');
thisCTACarousel.find('.slick-active').prev().find('img').addClass('lazysize');
//Load next slide
thisCTACarousel.on('afterChange', function(event, slick, currentSlide){
thisCTACarousel.find('.slick-active').find('img:not(.lazysized)').addClass('lazysize');
thisCTACarousel.find('.slick-active').next().find('img:not(.lazysized)').addClass('lazysize');
thisCTACarousel.find('.slick-active').prev().find('img:not(.lazysized)').addClass('lazysize');
});
//add class if autoplay is enabled
if (thisCTACarousel.find('.slick-autoplay-toggle-button').length > 0) {
thisCTACarousel.addClass('wAutoplay');
}
//Show content on hover on desktop
$(".vizADACTACarouselHoverContentWidget1520343 .feature-content")
.focusin(function(){ $(this).addClass("hovered"); })
.focusout(function(){ $(this).removeClass("hovered"); })
.hover(
function() {
//hover over
$(this).addClass("hovered");
},
function() {
//hover off
$(this).removeClass("hovered");
}
);
//when slick slide is activated it rewraps the slide markup and ends up stripping any event handlers that had been bound to elements, like our CDRS tracking on booking links
//so now that slick slide is done being lazy loaded, remove the cdbe element class and re-call the CDBE tracking logic so it can re-bind to the booking links
$(".vizADACTACarouselHoverContentWidget1520343 .cdbeElement").removeClass("cdbeElement");
ActiveCDBETracking(WWPSiteProperties.cdbeDomains);
}
}); //end Lazyload
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
} //end LoadWidget function
}); //end doc ready
</script>
</div>
<!--/ custom2 -->
</div><!--end helpmenuShell-->
</div>
</div><!--/row-->
</div><!--/container-->
<!-- Main Navigation
================================================== -->
<nav id="mainNav" class="navbar navbar-static-top" aria-label="Main Navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse"><!-- nav -->
<ul id="mainNavLinks" class="highlightpages">
<li id="mpageid112643" ><a href="https://www.dslbi.com/accommodations.htm">Drifting Sands Oceanfront Hotel</a></li>
<li id="mpageid179168" ><a href="https://www.dslbi.com/the-beach-house-at-drifting-sands.htm">The Beach House at Drifting Sands</a></li>
<li id="mpageid84144" ><a href="https://www.dslbi.com/specials.htm">Specials</a></li>
<li id="mpageid84140" class="parent" ><a href="https://www.dslbi.com/amenities.htm" rel="pet-friendly-tips">Amenities</a>
<ul>
<li id="mpageid145583" class="lastItem" ><a href="https://www.dslbi.com/pet-friendly-tips.htm">Pet Friendly Tips</a></li>
</ul>
</li>
<li id="mpageid112570" ><a href="https://www.dslbi.com/groups-weddings.htm">Groups & Weddings</a></li>
<li id="mpageid84142" class="parent" ><a href="https://www.dslbi.com/area-guide.aspx" rel="dining,events,nightlife,shopping,family-friendly-activities,beach-camera">Explore the Area</a>
<ul>
<li id="mpageid84239" ><a href="https://www.dslbi.com/dining.htm">Dining</a></li>
<li id="mpageid169372" ><a href="https://www.dslbi.com/events.htm">Events</a></li>
<li id="mpageid84240" ><a href="https://www.dslbi.com/nightlife.htm">Nightlife</a></li>
<li id="mpageid84241" ><a href="https://www.dslbi.com/shopping.htm">Shopping</a></li>
<li id="mpageid84242" ><a href="https://www.dslbi.com/family-friendly-activities.htm">Family Friendly Activities</a></li>
<li id="mpageid127844" class="lastItem" ><a href="https://www.dslbi.com/beach-camera.htm">Beach Camera</a></li>
</ul>
</li>
<li id="mpageid84143" ><a href="https://www.dslbi.com/photo-gallery.htm">Photo Gallery</a></li>
<li id="mpageid84148" class="parent lastItem" ><a href="https://www.dslbi.com/contact-us.htm" rel="covid-policies,privacy-policy,cancellation-policy">Contact & Map</a>
<ul>
<li id="mpageid126502" ><a href="https://www.dslbi.com/covid-policies.htm">COVID-19 Safe Procedures</a></li>
<li id="mpageid119030" ><a href="https://www.dslbi.com/privacy-policy.htm">Privacy Policy</a></li>
<li id="mpageid124260" class="lastItem" ><a href="https://www.dslbi.com/cancellation-policy.htm">Cancellation Policy</a></li>
</ul>
</li>
</ul>
<!--/ nav -->
<ul class="nav navbar-nav navbar-right hidden-xs hidden-sm">
<li><!-- custom1 --><div id="viz-socialiconsWidget602326" class="customWidget viz-socialiconsWidget pageWidgetId602326">
<div >
<a class="facebook Icon1 " href="https://www.facebook.com/dslbi/" target="_blank">
<span class="fa fa-facebook fa-lg"></span>
<span class="sr-only">facebook</span>
</a>
<a class="instagram Icon2 IconLast" href="https://www.instagram.com/driftingsandshotel/?hl=en" target="_blank">
<span class="fa fa-instagram fa-lg"></span>
<span class="sr-only">instagram</span>
</a>
</div>
<style>
#viz-socialiconsWidget602326 {
text-align: right;
}
#viz-socialiconsWidget602326 a {
display: inline-block;
margin: 0 5px;
margin: 0 5px;
}
</style>
<script>
$(function() {
//Twitter X fix
$('#viz-socialiconsWidget602326 .fa.fa-x-twitter').removeClass('fa').addClass('fa-brands');
}); //doc ready
</script>
</div>
<!--/ custom1 --></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-->
</nav>
</header>
<!-- Full-Width Hero
================================================== -->
<div id="hero">
<!-- header --><div id="viz-herocarouselWidget602318" class="customWidget viz-herocarouselWidget pageWidgetId602318">
<style>
#viz-herocarouselWidget602318 .owl-carousel {
display: block;
}
#viz-herocarouselWidget602318 .owl-carousel > .item {
display: none;
}
#viz-herocarouselWidget602318 .owl-carousel > .item.Slide1 {
display: block;
}
#hero, #viz-herocarouselWidget602318 .item {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
height: 300px;
position: relative;
}
.viz-herocarouselWidget .hero-fade { display: none; }
#viz-herocarouselWidget602318 .owl-theme .owl-controls {
margin-top: 0;
}
/*** Controls - Buttons ***/
#viz-herocarouselWidget602318 .owl-theme .owl-controls .owl-buttons div {
border-radius: 0;
background: none;
}
#viz-herocarouselWidget602318 .owl-prev,
#viz-herocarouselWidget602318 .owl-next {
background: none;
position: absolute;
top: 50%;
margin-top: -15px; /* Half of the prev/next buttons height here in negatives to center them perfectly */
}
#viz-herocarouselWidget602318 .owl-prev {
position: absolute;
top: 50%;
left: 0;
background: none;
}
#viz-herocarouselWidget602318 .owl-next {
position: absolute;
top: 50%;
right: 0;
background: none;
}
/*** Controls - Pagination ***/
#viz-herocarouselWidget602318 .owl-pagination {
position: absolute;
bottom: 10px;
left: 50%;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
#viz-herocarouselWidget602318 .owl-theme .owl-controls .owl-page span {
background: #fff;
}
/* Small devices - Tablets, 768px and up
========================================================================== */
@media (min-width: 768px) {
#hero {
height: inherit;
}
#viz-herocarouselWidget602318 .item {
height: 400px;
}
}
/* Medium devices - Desktops, 992px and up
========================================================================== */
@media (min-width:992px) {
#hero {
height: inherit;
}
#viz-herocarouselWidget602318 .item {
height: 600px;
}
}
</style>
<div id="hero-carousel" class="owl-carousel">
<div class="item Slide1 " title="Hotel in Ship Bottom, NJ | Drifting Sands" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide1,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide1:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825949_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide1 {
background-position: 50% 50%;
}
#viz-herocarouselWidget602318 div.owl-item.load .Slide1,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide1:first-child {
background-image: url('https://www.dslbi.com/files/4448/sbh-beach-2.jpg');
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide1,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide1:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825949_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide1 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide1,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide1:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825949_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide1 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/5825949_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Beachfront Access in Ship Bottom, New Jersey</h3>
<p>Waves, sun, and fun are at your doorstep at our Long Beach Island Hotel.</p>
<a class="hide " ></a>
</div>
</div>
<div class="item Slide2 " title="Long Beach Island Hotel | Drifting Sands" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide2,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide2:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825959_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide2 {
background-position: 50% 50%;
}
#viz-herocarouselWidget602318 div.owl-item.load .Slide2,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide2:first-child {
background-image: url('https://www.dslbi.com/files/4448/Drifting_Sands_LBI_Hotel.jpg');
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide2,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide2:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825959_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide2 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide2,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide2:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825959_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide2 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/5825959_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Just Steps From the Beach</h3>
<p>Enjoy an effortless beach vacation at our oceanfront hotel.</p>
<a class="hide " ></a>
</div>
</div>
<div class="item Slide3 " title="" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide3,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide3:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736962_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide3 {
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide3,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide3:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736962_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide3 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide3,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide3:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736962_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide3 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/10736962_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Make yourself at home</h3>
<p>Our sunny, spacious rooms were made for relaxing.</p>
<a class="hide " ></a>
</div>
</div>
<div class="item Slide4 " title="" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide4,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide4:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736983_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide4 {
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide4,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide4:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736983_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide4 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide4,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide4:first-child {
background-image: url('https://www.dslbi.com/files/4448/10736983_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide4 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/10736983_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Unforgettable Experience</h3>
<p>Make memories that you'll never forget on the sands of Long Beach Island.</p>
<a class="hide " ></a>
</div>
</div>
<div class="item Slide5 " title="LBI Hotel | Drifting Sands" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide5,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide5:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825969_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide5 {
background-position: 50% 50%;
}
#viz-herocarouselWidget602318 div.owl-item.load .Slide5,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide5:first-child {
background-image: url('https://www.dslbi.com/files/4448/drifting-sands-0192_-_Rooms_and_Suites_1.jpg');
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide5,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide5:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825969_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide5 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide5,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide5:first-child {
background-image: url('https://www.dslbi.com/files/4448/5825969_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide5 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/5825969_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Beachfront Access in Ship Bottom, New Jersey</h3>
<p>Waves, sun, and fun are at your doorstep at our Long Beach Island Hotel.</p>
<a class="hide " ></a>
</div>
</div>
<div class="item Slide6 SlideLast " title="" >
<div class="hero-fade"></div>
<style>
#viz-herocarouselWidget602318 div.owl-item.load .Slide6,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide6:first-child {
background-image: url('https://www.dslbi.com/files/4448/22042672_ImageSmallWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide6 {
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide6,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide6:first-child {
background-image: url('https://www.dslbi.com/files/4448/22042672_ImageMediumWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide6 {
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-herocarouselWidget602318 div.owl-item.load .Slide6,
#viz-herocarouselWidget602318 div.owl-carousel > div.Slide6:first-child {
background-image: url('https://www.dslbi.com/files/4448/22042672_ImageLargeWidth.jpg');
}
#viz-herocarouselWidget602318 .item.Slide6 {
background-position: 50% 50%;
}
}
/*https://www.dslbi.com/files/4448/22042672_ImageLargeWidth.jpg*/
</style>
<div class="carousel-caption">
<h3>Pet-Friendly Accommodations</h3>
<p>Dogs are welcome, and there are lots of pet-friendly places to explore!</p>
<a class="hide " ></a>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function()
{
if (typeof(PersonalizationAPI) != "undefined")
{
PersonalizationAPI.BindToCompleteEvent(LoadWidget);
}
else
{
LoadWidget();
}
function LoadWidget()
{
$("#viz-herocarouselWidget602318 #hero-carousel").owlCarousel({
slideSpeed : 600, // Speed of slide transitions
autoPlay : true,
stopOnHover : true,
navigation : true, // Show next and prev arrows
rewindNav: true,
navigationText: ["<span class='fa fa-angle-left fa-5x'></span>","<span class='fa fa-angle-right fa-5x'></span>"],
pagination: true,
singleItem: true, // Single Image Slider
lazyLoad : false,
afterAction : function() {
for (var iVisibleItemsIndex = 0; iVisibleItemsIndex < this.owl.visibleItems.length; iVisibleItemsIndex++) {
var iItemIndex = this.owl.visibleItems[iVisibleItemsIndex];
// add load class to previous items to prevent blank spaces
var prevItem = iItemIndex - 1;
while (prevItem > 0) {
$(this.owl.owlItems[prevItem]).addClass("load").css('webkitTransform', 'scale(1)');
prevItem--;
}
// add load class to clicked item
$(this.owl.owlItems[iItemIndex]).addClass("load").css('webkitTransform', 'scale(1)');
// webkitTransform fix for mobile webkit repaint bug
// add load class to next immediate item
var nextItem = iItemIndex + 1;
if (nextItem <= this.owl.visibleItems.length + 1) {
$(this.owl.owlItems[nextItem]).addClass("load").css('webkitTransform', 'scale(1)');
}
}
}
}); // end owl carousel settings
//hide empty carousel caption
$("#viz-herocarouselWidget602318 .item").each(function() {
if ($(this).find('.carousel-caption').text().trim().length == 0) {
$(this).find('.carousel-caption').addClass('hidden');
}
});
//call function for h1 vs h3
createh1();
//functions to replace the first slide h3 with an h1 for SEO purposes
function createh1() {
$('#viz-herocarouselWidget602318 .Slide1 .carousel-caption h3').replaceWith(function () {
return "<h1>" + $(this).html() + "</h1>";
});
}
function keeph3() {
//do nothing
}
}//end of LoadWidget function
});
// find the image link within the item after owlcarousel does its thing on load and wrap the div with it.
$(window).load(function(){
$('#viz-herocarouselWidget602318 .owl-item .item').each(function(){
var imageLink = $(this).find('a.imageLink');
$(this).wrap(imageLink);
});
$('#viz-herocarouselWidget602318 .owl-item a.imageLink').each(function(){
var myLinkText = $(this).find('.item').attr('title');
$(this).prepend('<span class="sr-only">' + myLinkText + '</span>');
});
$('#viz-herocarouselWidget602318 .item a.imageLink').remove();
});
</script>
<script>
//this is at the bottom of the widget so it can run right away when the markup elements are available
//and not fire in the document.ready which would slow down the height of the carousel being applied
function ApplyHeight()
{
//functions for full viewport height option
function heightCalc() {
$fullViewport = true;
$iHeight = $(window).height() - $("header").height();
}
function heightCalcFalse() {
//do nothing
$fullViewport = false;
$iWidth = $('body').width();
}
//declare height variables, call height function
var $fullViewport;
var $iHeight;
var $iWidth;
heightCalcFalse();
//set heights
if ($fullViewport == true) {
//Hero
$("#hero").height($iHeight).addClass("full");
//Carousel and its items
$("#viz-herocarouselWidget602318, #viz-herocarouselWidget602318 .owl-carousel, #viz-herocarouselWidget602318 .item").height($iHeight);
}
//height settings on window resize
$(window).on('resize',function() {
heightCalcFalse();
if ($fullViewport == true) {
$("#hero, #viz-herocarouselWidget602318, #viz-herocarouselWidget602318 .owl-carousel, #viz-herocarouselWidget602318 .item").height($iHeight);
}
});
}
$(function()
{
ApplyHeight();
});
</script>
</div>
<!--/ header -->
</div>
<div id="ibe">
<!-- ibe --><div id="iQResBookingWidgetWidget1121914" class="customWidget iQResBookingWidgetWidget pageWidgetId1121914 BookingWidgetShell widgetDisabled">
</div>
<!--/ ibe -->
</div><!--end ibe-->
<!-- Breadcrumbs
================================================== -->
<nav id="breadcrumbs" class="container-fluid" aria-label="Breadcrumb Navigation">
<div class="container">
<!-- subnavup -->
<!--/ subnavup -->
</div>
</nav><!--end breadcrumbs -->
<!-- Main Content
================================================== -->
<span id="mainSiteContent" tabindex="-1"></span>
<div id="contentShell" class="container">
<div class="row">
<!-- Main Column
================================================== -->
<div class="col-xs-12 col-sm-12 col-md-10 col-md-push-1">
<article>
<!-- content -->
<!-- area1 -->
<div id="textWidget602221" class="textWidget pageWidgetId602221"><h1><strong><strong>Get Exceptional Value at our Long Beach Island Hotel</strong></strong></h1>
<p class="sr-only" style="text-align: center;"><strong>CYBER FLASH SALE:</strong> Our Biggest Sale of the Year! <br />
Save Up to 30% on select 2025 Stays with Code <strong>CYBER30</strong>!<br />
Ends December 3 @ 11:59 p.m. so <a href="https://www.dslbi.com/specials.htm">claim your savings today</a>!</p>
<p class="lead">Drifting Sands LBI Oceanfront Hotel is located right off the Route 72 Causeway in Ship Bottom, NJ.</p>
<p>You'll be just steps away from the beach when you stay in one of our comfortable, <a href="https://www.dslbi.com/accommodations.htm">coastal-inspired rooms</a>. Take in the stunning summer sunsets or catch a few waves right from our beautiful stretch of beach. You'll also have easy access to Surf City from our Ship Bottom hotel, Barnegat Lighthouse, and Beach Haven. We're <a href="https://www.dslbi.com/pet-friendly-tips.htm" target="_self">DOG FRIENDLY</a> too!</p>
<p><a href="https://www.dslbi.com/contact-us.htm">Contact us</a> for additional information or <a href="https://reservations.travelclick.com/102988#/guestsandrooms" target="_blank">book</a> your stay with us at our Ship Bottom hotel! </p></div>
<!--/ area1 --><!--/ content -->
</article>
</div><!--end col-md-8-->
</div>
</div><!--end contentShell-->
<div id="side">
<div class="container">
<!-- side --><div id="viz-ctaWidget1521173" class="customWidget viz-ctaWidget pageWidgetId1521173">
<style>
.viz-ctaWidget {
margin: 50px 0;
}
.viz-ctaWidget1521173.row {
padding-bottom: 25px;
}
.viz-ctaWidget1521173.row .col-md-4 {
margin-bottom: 40px;
}
.viz-ctaWidget1521173 .feature-icon a {
color: #fff;
background-color: #08B290;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
height: 80px;
line-height: 100px;
margin: 0 auto;
text-align: center;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
width: 80px;
}
.viz-ctaWidget1521173 .feature-icon a:hover {
background-color:#00D9AE;
}
.viz-ctaWidget1521173 .feature-icon span.fa {
font-size: 40px;
}
</style>
<div class="viz-ctaWidget1521173 cta-wrapper">
<div class="col-md-6 col-md-offset-0 text-center hiddenBanner">
<div class="feature-img">
<a target="_self" href="https://www.dslbi.com/accommodations.htm" >
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-originalsrc="https://www.dslbi.com/files/4448/EXTERIOR_SCENERY_DRIFTING_SANDS_LBI_OCTOBER1200.jpg" class="img-responsive media-object" alt="exterior of lbi hotel from beach" />
</a>
</div>
<div class="visible-xs"></div>
<div class="r-feature-content">
<h3>hidden</h3>
<h2 style="text-align: center;">Drifting Sands Oceanfront Hotel</h2>
<p style="text-align: center;">Oceanfront & Ocean View Rooms</p>
<a role="button" class="CTAButton1 btn btn-default" href="https://www.dslbi.com/accommodations.htm" target="_self">Learn More</a>
<a role="button" class="CTAButton2 CTAButtonLast btn btn-primary" href="https://app.mews.com/distributor/b7c02ec4-ba0e-4090-8f36-b29c01478745" target="_blank">Book Now</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.viz-ctaWidget1521173 .feature-img img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
});
</script>
</div>
<div id="viz-ctaWidget1521174" class="customWidget viz-ctaWidget pageWidgetId1521174">
<style>
.viz-ctaWidget {
margin: 50px 0;
}
.viz-ctaWidget1521174.row {
padding-bottom: 25px;
}
.viz-ctaWidget1521174.row .col-md-4 {
margin-bottom: 40px;
}
.viz-ctaWidget1521174 .feature-icon a {
color: #fff;
background-color: #08B290;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
height: 80px;
line-height: 100px;
margin: 0 auto;
text-align: center;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
width: 80px;
}
.viz-ctaWidget1521174 .feature-icon a:hover {
background-color:#00D9AE;
}
.viz-ctaWidget1521174 .feature-icon span.fa {
font-size: 40px;
}
</style>
<div class="viz-ctaWidget1521174 cta-wrapper">
<div class="col-md-6 col-md-offset-0 text-center hiddenBanner">
<div class="feature-img">
<a target="_self" href="https://www.dslbi.com/the-beach-house-at-drifting-sands.htm" >
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-originalsrc="https://www.dslbi.com/files/4448/The-Beach-House-at-Drifting-Sands1200.jpg" class="img-responsive media-object" alt="a building with a parking lot" />
</a>
</div>
<div class="visible-xs"></div>
<div class="r-feature-content">
<h3>remove me</h3>
<h2>The Beach House at Drifting Sands</h2>
<p>Affordable. Walk to the Beach. Suites too!</p>
<a role="button" class="CTAButton1 btn btn-default" href="https://www.dslbi.com/the-beach-house-at-drifting-sands.htm" target="_self">Learn More</a>
<a role="button" class="CTAButton2 CTAButtonLast btn btn-primary" href="https://app.mews.com/distributor/0627f81e-12c8-4805-82a1-b29c0144a407" target="_blank">Book Now</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.viz-ctaWidget1521174 .feature-img img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
});
</script>
</div>
<div id="fullWidthCTAGridWidget636191" class="customWidget fullWidthCTAGridWidget pageWidgetId636191">
<style>
/* General
===================================================================================
=================================================================================== */
.fullWidthCTAGridWidget h3 {
font-size: 24px;
margin-bottom: 20px;
}
.fullWidthCTAGridWidget .btn {
margin-top: 20px;
}
/* Full Width
===================================================================================
=================================================================================== */
.fullWidthSlide {
background-position: 50% 50%;
background-size: cover;
color: #fff;
min-height: 420px;
padding: 50px 0;
overflow-y: auto;
/* vertical align inner content */
display: flex;
align-items: center;
}
.fullWidthContent h3 {
color: inherit;
font-size: 24px;
}
.fullWidthContent {
text-align: center;
margin: 0 auto;
}
/* Media Queries
===================================================================================
=================================================================================== */
@media (min-width: 768px) {
.fullWidthCTAGridWidget h3 {
font-size: 30px;
}
}
@media (min-width: 992px) {
.fullWidthSlide {
height:420px;
}
.fullWidthCTAGridWidget h3 {
font-size: 26px;
}
}
@media (min-width: 1200px) {
.fullWidthCTAGridWidget h3 {
font-size: 30px;
}
}
</style>
<div class="fullWidthSlide marginTop50 marginBottom50">
<div class="fullWidthContent col-xs-12 col-md-4">
<h3>Still Perfect</h3>
<p><p><em>"We first visited Drifting Sands in 10/2007. We have been back once or twice every year until 2 1/2 years ago, due to illness. Returning this trip I was a little nervous. Had the property fallen into disrepair? Had their high standards slipped? Not to worry, it's as beautiful as ever!"</em></p>
<p><a class="btn btn-primary" href="https://www.tripadvisor.com/ShowUserReviews-g46818-d613912-r540165719-Drifting_Sands_Oceanfront_Motel-Ship_Bottom_Long_Beach_Island_New_Jersey.html#CHECK_RATES_CONT" target="_blank">Read Full Review</a></p></p>
</div>
</div>
<script>
$(function() {
// LazyLoadAnything - Full Width Slide
$('#fullWidthCTAGridWidget636191 .fullWidthSlide').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $a = LLobj.$element;
$a.css("background-image", "url('https://www.dslbi.com/files/4448/MG_8845.jpg')");
$a.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
}); // end doc ready
</script>
</div>
<div id="viz-ctaWidget602320" class="customWidget viz-ctaWidget pageWidgetId602320">
<style>
.viz-ctaWidget {
margin: 50px 0;
}
.viz-ctaWidget602320.row {
padding-bottom: 25px;
}
.viz-ctaWidget602320.row .col-md-4 {
margin-bottom: 40px;
}
.viz-ctaWidget602320 .feature-icon a {
color: #fff;
background-color: #08B290;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
height: 80px;
line-height: 100px;
margin: 0 auto;
text-align: center;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
width: 80px;
}
.viz-ctaWidget602320 .feature-icon a:hover {
background-color:#00D9AE;
}
.viz-ctaWidget602320 .feature-icon span.fa {
font-size: 40px;
}
</style>
<div class="viz-ctaWidget602320 cta-wrapper">
<div class="col-md-4 col-md-offset-0 text-center">
<div class="feature-img">
<a target="_self" href="https://www.dslbi.com/amenities.htm" >
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-originalsrc="https://www.dslbi.com/files/4448/drifting-sands-oceanfront-suite.jpg" class="img-responsive media-object" alt="interior of lbi oceanfront suite" />
</a>
</div>
<div class="visible-xs"></div>
<div class="r-feature-content">
<h3>Comfortable</h3>
<p>Our sunny, spacious rooms were made for relaxing. Private balconies and Jacuzzi tubs make your getaway even more luxurious. </p>
<a role="button" class="CTAButton1 CTAButtonLast btn btn-primary" href="https://www.dslbi.com/amenities.htm" target="_self">Learn More</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.viz-ctaWidget602320 .feature-img img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
});
</script>
</div>
<div id="viz-ctaWidget602321" class="customWidget viz-ctaWidget pageWidgetId602321">
<style>
.viz-ctaWidget {
margin: 50px 0;
}
.viz-ctaWidget602321.row {
padding-bottom: 25px;
}
.viz-ctaWidget602321.row .col-md-4 {
margin-bottom: 40px;
}
.viz-ctaWidget602321 .feature-icon a {
color: #fff;
background-color: #08B290;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
height: 80px;
line-height: 100px;
margin: 0 auto;
text-align: center;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
width: 80px;
}
.viz-ctaWidget602321 .feature-icon a:hover {
background-color:#00D9AE;
}
.viz-ctaWidget602321 .feature-icon span.fa {
font-size: 40px;
}
</style>
<div class="viz-ctaWidget602321 cta-wrapper">
<div class="col-md-4 col-md-offset-0 text-center">
<div class="feature-img">
<a target="_self" href="https://www.dslbi.com/accommodations-old.htm" >
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-originalsrc="https://www.dslbi.com/files/4448/hotelsideshot_gallery.jpg" class="img-responsive media-object" alt="Drifting Sands Hotel on Long Beach Island" />
</a>
</div>
<div class="visible-xs"></div>
<div class="r-feature-content">
<h3>Centrally Located</h3>
<p>The heart of Long Beach Island is within walking distance from Drifting Sands Hotel. Shopping, dining and nightlife are just a short stroll away.</p>
<a role="button" class="CTAButton1 CTAButtonLast btn btn-primary" href="https://www.dslbi.com/accommodations-old.htm" target="_self">Learn More</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.viz-ctaWidget602321 .feature-img img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
});
</script>
</div>
<div id="viz-ctaWidget602322" class="customWidget viz-ctaWidget pageWidgetId602322">
<style>
.viz-ctaWidget {
margin: 50px 0;
}
.viz-ctaWidget602322.row {
padding-bottom: 25px;
}
.viz-ctaWidget602322.row .col-md-4 {
margin-bottom: 40px;
}
.viz-ctaWidget602322 .feature-icon a {
color: #fff;
background-color: #08B290;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
display: block;
height: 80px;
line-height: 100px;
margin: 0 auto;
text-align: center;
-webkit-transition: background-color 500ms linear;
-moz-transition: background-color 500ms linear;
-o-transition: background-color 500ms linear;
-ms-transition: background-color 500ms linear;
transition: background-color 500ms linear;
width: 80px;
}
.viz-ctaWidget602322 .feature-icon a:hover {
background-color:#00D9AE;
}
.viz-ctaWidget602322 .feature-icon span.fa {
font-size: 40px;
}
</style>
<div class="viz-ctaWidget602322 cta-wrapper">
<div class="col-md-4 col-md-offset-0 text-center">
<div class="feature-img">
<a target="_self" href="https://www.dslbi.com/area-guide.aspx" >
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-originalsrc="https://www.dslbi.com/files/4448/beachpath_photogallery.jpg" class="img-responsive media-object" alt="Drifting Sands Long Beach Island Hotel" />
</a>
</div>
<div class="visible-xs"></div>
<div class="r-feature-content">
<h3>Oceanfront</h3>
<p>When you stay at Drifting Sands Hotel, beach days are simple. Just take a few steps down to the sand and you'll find surfing, sunbathing, and swimming at your doorstep.</p>
<a role="button" class="CTAButton1 CTAButtonLast btn btn-primary" href="https://www.dslbi.com/area-guide.aspx" target="_self">Learn More</a>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.viz-ctaWidget602322 .feature-img img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
});
</script>
</div>
<div id="textWidget-1" class="textWidget pageWidgetId-1"> </div>
<div id="textWidget-1" class="textWidget pageWidgetId-1"><hr /></div>
<div id="viz-photoCarousel4Widget636187" class="customWidget viz-photoCarousel4Widget pageWidgetId636187">
<style>
/* General
========================================================================== */
.viz-photoCarousel4Widget636187 .photoCarouselHeader {
margin-bottom: 30px;
text-align: center;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slickSlide {
background-size: cover;
background-position: 50% 50%;
height: 300px;
position: relative;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slickSlide .featured-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slideImageLink {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slideImageLink .slideImageCaption {
position: absolute;
bottom: 0;
padding: 20px;
width: 100%;
}
/* Navigation - Arrows
========================================================================== */
.viz-photoCarousel4Widget636187 .slickCarousel .slick-prev,
.viz-photoCarousel4Widget636187 .slickCarousel .slick-next {
height: auto;
top: 45%;
width: auto;
z-index: 1;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-prev { left: 20px; }
.viz-photoCarousel4Widget636187 .slickCarousel .slick-next { right: 20px; }
.viz-photoCarousel4Widget636187 .slickCarousel .slick-prev:before,
.viz-photoCarousel4Widget636187 .slickCarousel .slick-next:before {
font-family: 'Font Awesome 5 Pro','FontAwesome';
font-size: 65px;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-prev:before { content: "\f104"; }
.viz-photoCarousel4Widget636187 .slickCarousel .slick-next:before { content: "\f105"; }
/* Navigation - Dots
========================================================================== */
.viz-photoCarousel4Widget636187 .slick-dots {
display: none !important; /* show per site in template css */
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-dots {
bottom: 15px;
width: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-dots li:before {
display: none !important;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-dots li button:before {
font-family: 'Font Awesome 5 Pro','FontAwesome';
content: '\f111';
font-size: 15px;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.viz-photoCarousel4Widget636187 .slickCarousel .slick-dots li button:before,
.viz-photoCarousel4Widget636187 .slickCarousel .slick-dots li.slick-active button:before {
color: #fff;
}
/* Media Queries
========================================================================== */
@media (min-width: 768px) {
.viz-photoCarousel4Widget636187 .slickCarousel .slickSlide {
height: 400px;
}
} /* end 768px */
@media (min-width: 992px) {
.viz-photoCarousel4Widget636187 .slickCarousel .slickSlide {
height: 450px;
}
} /* end 992px */
</style>
<div class="viz-photoCarousel4Widget636187 hideCaption">
<div class="slickCarousel">
<div class="slickSlide Slide1 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide1 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447511_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide1 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447511_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide1 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447511_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447511_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Drifting Sands">
<span class="sr-only">Image Slide1 Link to Larger Image Drifting Sands</span>
</a>
</div>
<div class="slickSlide Slide2 " >
<div class="featured-img" role="img" aria-label="Oceanfront King Room">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide2 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447508_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide2 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447508_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide2 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447508_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447508_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Rooms">
<span class="sr-only">Image Slide2 Link to Larger Image Rooms</span>
</a>
</div>
<div class="slickSlide Slide3 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide3 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447505_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide3 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447505_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide3 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447505_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447505_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Beach">
<span class="sr-only">Image Slide3 Link to Larger Image Beach</span>
</a>
</div>
<div class="slickSlide Slide4 " >
<div class="featured-img" role="img" aria-label="Ocean Front Suite">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide4 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447514_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide4 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447514_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide4 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447514_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447514_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Rooms 1">
<span class="sr-only">Image Slide4 Link to Larger Image Rooms 1</span>
</a>
</div>
<div class="slickSlide Slide5 " >
<div class="featured-img" role="img" aria-label="Sun setting over the beach">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide5 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597587_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide5 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597587_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide5 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597587_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/26597587_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187">
<span class="sr-only">Image Slide5 Link to Larger Image </span>
</a>
</div>
<div class="slickSlide Slide6 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide6 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447523_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide6 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447523_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide6 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447523_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447523_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="LBI Hotel">
<span class="sr-only">Image Slide6 Link to Larger Image LBI Hotel</span>
</a>
</div>
<div class="slickSlide Slide7 " >
<div class="featured-img" role="img" aria-label="Barnegat Lighthouse State Park">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide7 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597533_ImageSmallWidth.png');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide7 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597533_ImageMediumWidth.png');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide7 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597533_ImageLargeWidth.png');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/26597533_ImageLargeWidth.png" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187">
<span class="sr-only">Image Slide7 Link to Larger Image </span>
</a>
</div>
<div class="slickSlide Slide8 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide8 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447526_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide8 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447526_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide8 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447526_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447526_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Exterior">
<span class="sr-only">Image Slide8 Link to Larger Image Exterior</span>
</a>
</div>
<div class="slickSlide Slide9 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide9 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447520_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide9 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447520_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide9 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447520_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447520_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="LBI Hotel">
<span class="sr-only">Image Slide9 Link to Larger Image LBI Hotel</span>
</a>
</div>
<div class="slickSlide Slide10 " >
<div class="featured-img" role="img" aria-label="Ocean View King Room">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide10 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597577_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide10 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597577_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide10 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597577_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/26597577_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187">
<span class="sr-only">Image Slide10 Link to Larger Image </span>
</a>
</div>
<div class="slickSlide Slide11 " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide11 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447529_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide11 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447529_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide11 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447529_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447529_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="LBI Hotel">
<span class="sr-only">Image Slide11 Link to Larger Image LBI Hotel</span>
</a>
</div>
<div class="slickSlide Slide12 " >
<div class="featured-img" role="img" aria-label="Giant Adirondack Chair by Entrance">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide12 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597572_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide12 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597572_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide12 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/26597572_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/26597572_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187">
<span class="sr-only">Image Slide12 Link to Larger Image </span>
</a>
</div>
<div class="slickSlide Slide13 SlideLast " >
<div class="featured-img" role="img" aria-label="">
<style>
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide13 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447502_ImageSmallWidth.jpg');
background-position: 50% 50%;
}
@media (min-width: 768px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide13 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447502_ImageMediumWidth.jpg');
background-position: 50% 50%;
}
}
@media (min-width: 992px) {
#viz-photoCarousel4Widget636187.lazyload .slickCarousel .slickSlide.Slide13 .featured-img {
background-image: url('https://www.dslbi.com/files/4448/6447502_ImageLargeWidth.jpg');
background-position: 50% 50%;
}
}
</style>
</div>
<a href="https://www.dslbi.com/files/4448/6447502_ImageLargeWidth.jpg" class="slideImageLink swipebox" rel="viz-photoCarousel4Widget636187" title="Sunset Beach">
<span class="sr-only">Image Slide13 Link to Larger Image Sunset Beach</span>
</a>
</div>
</div>
</div>
<script>
$(function(){
if (typeof(PersonalizationAPI) != "undefined") {
PersonalizationAPI.BindToCompleteEvent(PrepareToActivateTimeSensitiveWidgets);
} else {
PrepareToActivateTimeSensitiveWidgets();
}
function PrepareToActivateTimeSensitiveWidgets() {
$("#viz-photoCarousel4Widget636187").bind("datetimeSensitiveWidgetsProcessed", function()
{
if(typeof($.fn.lazyloadanything) !== 'undefined')
{
$("#viz-photoCarousel4Widget636187").lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
"onLoad": function(e, LLobj) {
var $div = LLobj.$element;
$div.addClass("lazyload");
LoadWidget();
}
});
//evaluate if div is visible right away
$.fn.lazyloadanything('load');
}
else
{
$("#viz-photoCarousel4Widget636187").addClass("lazyload");
LoadWidget();
}
});
ActivateTimeSensitiveWidgets({widgetShellId: "viz-photoCarousel4Widget636187"});
} //end PrepareToActivateTimeSensitiveWidgets function
//Detect if page is RTL and sets in slick
var htmlRTLDirection = false;
if($("html").attr("dir") == "rtl") {
htmlRTLDirection = true;
}
function LoadWidget() {
var slickSlidesShow = '3';
if (slickSlidesShow == '') {
slickSlidesShow = '3';
}
$("div.viz-photoCarousel4Widget636187 div.slickCarousel").slick({
dots: true,
slidesToShow: slickSlidesShow, //# of slides to show
//slidesToScroll: slickSlidesShow, //# of slides to scroll
autoplay: false, //Enables Autoplay
rtl: htmlRTLDirection,
centerMode: false,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 1,
//slidesToScroll: 1
}
},
{ //optional images to show
breakpoint: 992,
settings: {
slidesToShow: 3,
//slidesToScroll: 3
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
//slidesToScroll: 1
}
},
{ //optional images to show
breakpoint: 768,
settings: {
slidesToShow: 1,
//slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
//slidesToScroll: 1
}
},
{ //optional images to show
breakpoint: 480,
settings: {
slidesToShow: 1,
//slidesToScroll:1
}
}
]
}); //end slick settings
//Remove the swipebox class from cloned slides as long as CenterMode is not enabled
if ($("#viz-photoCarousel4Widget636187 .slick-center").length == 0) {
$("#viz-photoCarousel4Widget636187 .slick-cloned .swipebox").removeClass("swipebox");
}
//Swipebox
$( '#viz-photoCarousel4Widget636187 .slick-slide:not(.slick-cloned) .swipebox' ).swipebox({
hideBarsDelay: 0,
afterOpen: function(){
//keyboard trap
$.trapKeyboard("#swipebox-overlay #swipebox-container");
//focus
$("#swipebox-overlay #swipebox-close").focus();
//trigger click with enter key
$("#swipebox-overlay a").keydown(function (e) {
var thisAnchor = $(this);
if (e.keyCode == 13) {
thisAnchor.click();
}
});
},
afterClose: function(){
//keyboard trap
$.untrapKeyboard();
}
});
//swipebox does not allow for global variables
//change the focus from the body to the last clicked element when swipebox is closed
$('.viz-photoCarousel4Widget636187 .slickSlide a').click(function() {
var thisClicked = $(this);
setTimeout(function () {
$('#swipebox-close').click(function() {
thisClicked.focus();
});
}, 500);
});
//Caption
$('.viz-photoCarousel4Widget636187.showCaption .slideImageLink').each(function() {
$(this).find('.sr-only').remove();
$('<div class="slideImageCaption">' + $(this).attr('title') + '</div>').appendTo($(this));
});
} //end LoadWidget function
}); // end doc ready
</script>
</div>
<div id="textWidget-1" class="textWidget pageWidgetId-1"><hr /></div>
<!--/ side -->
</div>
</div><!--end side-->
<!-- Full-Width Content
================================================== -->
<div id="side2">
<div class="container">
<!-- side2 --><div id="codeWidget1395275" class="codeWidget pageWidgetId1395275"><div id="emailSignUp" class="row">
<form id="emailsignupform" action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding-UTF-8" method="POST">
<input name="oid" type="hidden" value="00D5f000007FGQe" />
<input name="retURL" type="hidden" value="www.dslbi.com" />
<div class="email-copy col-sm-6">
<h3 style="margin-top: 0;">Sign up for Specials</h3>
<p class="description">Enter your email address to be the first to receive emails about special offers and upcoming events.</p>
</div>
<div class="col-sm-6">
<label class="sr-only" for="email">Email</label>
<input id="email" maxlength="80" name="email" pattern="[a-z0-9] @[a-z] \.[a-z]{1-9}" required="required" size="20" type="email" />
<input id="00N5f00000g85Rn" name="00N5f00000g85Rn" style="height: 0; margin: 0; opacity: 0; width: 0;" checked="checked" type="checkbox" value="1" />
<input id="00N5f00000g851t" name="00N5f00000g851t" type="hidden" title="Contact Source" value="Website Subscriber">
<input id="submitbutton" name="submit" type="submit" value="Sign Me Up" />
</div>
</form>
</div>
<style>
#emailsignupform {
text-align: center;
}
#emailsignupform input {
display: block;
margin: 10px auto 0;
}
#email {
border: 1px solid #cbd6e2;
box-sizing: border-box;
color: #33475b;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: normal;
height: 40px;
line-height: 22px;
max-width: 500px;
padding: 3px 5px !important;
width: 60%;
}
#submitbutton {
background-color: #f7931e;
border: 1px solid #f7931e;
color: #f6e9d0;
cursor: pointer;
font-family: 'poppins',sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
margin-top: 10px;
padding: 5px 24px;
text-align: center;
text-transform: uppercase;
transition: all .15s linear;
}
#submitbutton:hover {
background-color: #36b3a1;
color: #000;
}
@media (min-width: 768px) {
#emailsignupform .email-copy {
text-align: left;
}
#emailsignupform label {
margin-right: 5px;
}
#emailsignupform input {
display: inline-block;
margin: 20px 0 0;
vertical-align: middle;
}
#submitbutton {
margin-top: 0;
}
}
</style></div>
<!--/ side2 -->
</div>
</div><!--end side2-->
<!-- Footer
================================================== -->
<footer>
<div class="container">
<div class="col-md-4 col-md-offset-4">
<!-- address_microformat -->
<div id="address">
<span class="fn org">Drifting Sands Oceanfront Hotel</span>
<span class="adr">
<span class="street-address">119 E 9th St</span>
<span class="locality">Ship Bottom,</span>
<span class="region">New Jersey</span>
<span class="postal-code">08008</span>
<span class="country-name">United States</span>
</span>
<span class="tel telPhoneNumber">
<span class="type"><span class="value-title" title="work"> </span>Reservations: </span>
<span class="value">609-360-6677</span>
</span>
<span class="tel telTollFreePhoneNumber">
<span class="type"><span class="value-title" title="work"> </span>Toll Free: </span>
<span class="value">609-494-1123</span>
</span>
</div>
<!--/ address_microformat -->
</div>
<div class="col-md-12 text-center">
<!-- footer --><div id="viz-socialiconsWidget1458906" class="customWidget viz-socialiconsWidget pageWidgetId1458906">
<div >
<a class="facebook Icon1 " href="https://www.facebook.com/dslbi/" target="_blank">
<span class="fa fa-facebook fa-lg"></span>
<span class="sr-only">facebook</span>
</a>
<a class="instagram Icon2 IconLast" href="https://www.instagram.com/driftingsandshotel/?hl=en" target="_blank">
<span class="fa fa-instagram fa-lg"></span>
<span class="sr-only">instagram</span>
</a>
</div>
<style>
#viz-socialiconsWidget1458906 {
text-align: center;
}
#viz-socialiconsWidget1458906 a {
display: inline-block;
margin: 0 5px;
margin: 0 5px;
}
</style>
<script>
$(function() {
//Twitter X fix
$('#viz-socialiconsWidget1458906 .fa.fa-x-twitter').removeClass('fa').addClass('fa-brands');
}); //doc ready
</script>
</div>
<div id="ResHorizontalNavWidget602313" class="customWidget ResHorizontalNavWidget pageWidgetId602313">
<style>
.responsive-nav select {
display: none;
max-width: 300px;
padding: 0 5px;
width: 90%;
}
.responsive-nav option {
padding: 5px;
}
.responsive-nav li a {
padding: 5px 10px;
}
@media (max-width: 991px) {
.responsive-nav ul { display: none; }
.responsive-nav select { display: inline-block; }
}
</style>
<div class="responsive-nav">
<ul class="list-inline highlightpages">
<li class=" Item1 ">
<a href="https://www.dslbi.com/" target="">Home</a>
</li>
<li class=" Item2 ">
<a href="https://www.dslbi.com/accommodations-old.htm" target="_self">Guest Rooms & Suites</a>
</li>
<li class=" Item3 ">
<a href="https://www.dslbi.com/photo-gallery.htm" target="_self">Photo Gallery</a>
</li>
<li class=" Item4 ">
<a href="https://www.dslbi.com/specials.htm" target="">Specials</a>
</li>
<li class=" Item5 ">
<a href="https://www.dslbi.com/contact-us.htm" target="_self">Contact & Map</a>
</li>
<li class=" Item6 ">
<a href="https://www.dslbi.com/ada-compliance.htm" target="_self">ADA Compliance</a>
</li>
<li class=" Item7 ItemLast">
<a href="https://www.dslbi.com/sitemap.htm" target="">Sitemap</a>
</li>
</ul>
</div>
<script>
$( document ).ready(function() {
// Create the dropdown base
$('<select id="menuSelect" />').appendTo('.responsive-nav');
$('<label class="sr-only" for="menuSelect">Footer Menu</label>').prependTo('.responsive-nav select');
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Go to..."
}).appendTo(".responsive-nav select");
// Populate dropdown with menu items
$(".responsive-nav a").each(function() {
var el = $(this);
$("<option />", {
"value" : el.attr("href"),
"text" : el.text()
}).appendTo(".responsive-nav select");
});
$(".responsive-nav select").change(function() {
window.location = $(this).find("option:selected").val();
});
});
</script>
</div>
<div id="textWidget1431176" class="textWidget pageWidgetId1431176"><a href="https://bwdc.com/">Professionally Managed By </a><a href="https://bwdc.com/">Blue Water Development</a>.</div>
<div class='signatureWidget pageWidgetId602260'><div id="vizsig"><span><a href="https://www.vizergy.com/hotel-website-design.htm " target="_blank">Hotel Website Design</a></span><span id="text2">by</span><span><a href="https://www.vizergy.com" target="_blank">Vizergy</a></span></div><!--end vizsig--></div>
<div id="simpleBannerWidget1136545" class="customWidget simpleBannerWidget pageWidgetId1136545">
<div id="simpleBanner" class="hidden positionBottom slideInUp scrollShow">
<div class="inner clearfix">
<span class="h2">COVID-19 Safe Procedures</span>
<span class="ctaButton"><a class="btn btn-default" href="https://www.dslbi.com/covid-policies.htm">Read More</a></span>
<span class="clickClose">X <span class="sr-only">click to close</span></span>
</div>
</div>
<style>
#simpleBannerWidget1136545 {display: none !important;}
.inner {position:relative;}
#simpleBanner {
background: rgba(0,0,0,0.9);
width: 100%;
left: 0px;
height: auto;
padding: 10px;
position: fixed;
top: 0px;
z-index: 999;
text-align:center;
}
#simpleBanner.positionTop {top:0;bottom:auto;}
#simpleBanner.positionBottom {top:auto;bottom:0}
#simpleBanner p {color:#ffffff; padding:0;font-weight:500;line-height:1.7em;display:inline-block }
#simpleBanner a:not(.btn) {color:#f8c9bc; }
#simpleBanner .ctaButton {display:inline-block;}
#simpleBanner .h2 {display:inline-block;font-size:18px;color:#fff;}
.scrolling #simpleBanner.scrollHide { display:none; }
.scrolling #simpleBanner.scrollShow { display:block; }
.clickClose {cursor:pointer; position:absolute; right:1px; top:1px;font-size:10px;color:#ccc;padding:1px 4px;border:1px solid #999; }
.clickClose:hover {background:#000}
@media (min-width:1200px){
#simpleBanner { width: 100%;
left: 0px;
}
}
</style>
<script>
$(function(){
$('#simpleBannerWidget1136545 .clickClose').on('click', function(){
$('#simpleBannerWidget1136545 #simpleBanner').hide();
});
setTimeout(function(){
$('#simpleBannerWidget1136545 #simpleBanner').addClass('animated').removeClass('hidden');
}, 1500);
});
</script>
</div>
<!--/ footer -->
</div>
</div><!--end container-->
</footer><!--end footerShell-->
<div id="mobileFooter" class="hidden-lg">
<!-- custom3 --><div id="viz-columnsWidget602325" class="customWidget viz-columnsWidget pageWidgetId602325">
<div class="row">
<div class="col-md-4 col-md-offset-0 Column1 col-xs-4 text " >
<p><a href="tel:+16094941123"><span class="fa fa-phone"></span>
Call Us Today</a></p>
</div>
<div class="col-md-4 col-md-offset-0 Column2 col-xs-4 text " >
<p><a href="https://www.google.com/maps/place/Drifting+Sands/@39.6490081,-74.1748388,15z/data=!4m5!3m4!1s0x0:0x919d1c262744c93b!8m2!3d39.6490081!4d-74.1748388" target="_blank"><span class="fa fa-map-marker"></span>
Map</a></p>
</div>
<div class="col-md-4 col-md-offset-0 Column3 ColumnLast col-xs-4 text " >
<p><a href="https://app.mews.com/distributor/9bdecc7a-0b01-4e98-a023-b0c10095fce9" target="_blank" data-toggle="modal" data-target="#myModal"><span class="fa fa-check-circle"></span>BOOK NOW</a></p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
if (typeof(PersonalizationAPI) != "undefined") {
PersonalizationAPI.BindToCompleteEvent(
function()
{
if ("LoadWidget1" == "LoadWidget2")
{
LoadWidget2();
}
else
{
LoadWidget1();
}
}
);
} else {
if ("LoadWidget1" == "LoadWidget2")
{
LoadWidget2();
}
else
{
LoadWidget1();
}
}
function LoadWidget1() {
// Removes an anchor tag from an element that does not have an href
$('#viz-columnsWidget602325 a').each(function (i) {
if (!this.href) {
$(this).children().unwrap();
}
});
//LazyLoadAnything
$('#viz-columnsWidget602325 .image img').lazyloadanything({
timeout: 0, /*fire onLoad as soon as something is seen*/
'onLoad': function(e, LLobj) {
var $img = LLobj.$element;
var src = $img.attr('data-originalsrc');
$img.attr('src', src);
$img.addClass("animated fadeIn");
}
});
//force the lazy load to evaluate elements on initial page load without waiting for scroll
//event so any elements above the page fold will show
$.fn.lazyloadanything('load');
}//end of LoadWidget1 function
function LoadWidget2() {
// Removes an anchor tag from an element that does not have an href
$('#viz-columnsWidget602325 a').each(function (i) {
if (!this.href) {
$(this).children().unwrap();
}
});
$('#viz-columnsWidget602325 .image img').each(function() {
var thisImg = $(this);
thisImg.attr('src', thisImg.attr('data-originalsrc'));
});
}//end of LoadWidget2 function
}); //end doc ready
</script>
</div>
<!--/ custom3 -->
</div>
<a href="#shell" class="scroll-to-top"><span class="sr-only">scroll up</span><span class="fa fa-chevron-up"></span></a>
</div><!--end shell-->
<!--[if lt IE 9]>
<![endif]-->
<div style="display: none;">
<!-- title --><!--/ title -->
</div>
<script>
$(document).ready(function() {
$(".imgLiquidFill").imgLiquid();
});
</script>
<!-- footerincludes -->
<!--/ footerincludes -->
<script>EnablePopupSubMenus();</script>
<script language='javascript'>highlightPages('highlightpages', 'prod')</script>
<!-- Start AppMeasurement -->
<script type="text/javascript" src="https://www.dslbi.com/visitorapi.js?dt=202305101600"></script>
<script type="text/javascript" src="https://www.dslbi.com/appmeasurement.js?dt=202305101600"></script>
<script type="text/javascript">
sViz.pageName="home";
sViz.channel="home";
sViz.hier1="home";
/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=sViz.t();if(s_code){document.write(s_code);}
</script>
<!-- End AppMeasurement -->
<!-- Start of Floodlight Tag -->
<!--
Event snippet for Drifting Sands Hotel Website BID 886052 on https://www.dslbi.com/: Please do not remove.
Place this snippet on pages with events you’re tracking.
Creation date: 08/17/2018
-->
<script>
gtag('event', 'conversion', {
'allow_custom_scripts': true,
'send_to': 'DC-8842705/websi886/drift123+unique'
});
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=8842705;type=websi886;cat=drift123;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1;num=1?" width="1" height="1" alt=""/>
</noscript>
<!-- End of event snippet: Please do not remove -->
<!-- End of Floodlight Tag -->
<!-- Start of HubSpot - Visitor Tracking -->
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/3376923.js"></script>
<!-- End of HubSpot Embed Code -->
<!-- End of HubSpot - Visitor Tracking -->
<!-- Start of Triptease integration script -->
<script src="https://static.triptease.io/paperboy/01DBDN6Z3DEBKDX3FDT.js?hotelKey=6c588600178d4652895d2eaa1fe606ab" defer></script>
<!-- End of Triptease integration script -->
<!-- Start of GTM Body (Client Provided) -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MQPKM5D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- End of GTM Body (Client Provided) -->
</body>
</html>
Whois info of domain
Domain Name: DSLBI.COM
Registry Domain ID: 81885873_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.networksolutions.com
Registrar URL: http://networksolutions.com
Updated Date: 2020-11-03T07:24:36Z
Creation Date: 2002-01-02T20:18:56Z
Registry Expiry Date: 2026-01-02T20:18:56Z
Registrar: Network Solutions, LLC
Registrar IANA ID: 2
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.8777228662
Domain Status: ok https://icann.org/epp#ok
Name Server: NS79.WORLDNIC.COM
Name Server: NS80.WORLDNIC.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-17T20:17:38Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass