<script type="text/javascript">
//All links must be in quotes and seperated by a ,
//The first link will be used as the photo gallery thumbnail
//(It's best to use 3 images of similar size/orientation for the thumbnails)
//enter picture image URLs here
var photoSource = [
"https://www.selectvacationproperties.com/wp-content/uploads/2019/10/AdobeStock_285054200.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/08/AdobeStock_209040798.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/06/Jul4-c.jpeg"
];
//enter floor plan image URLs here
var floorPlanSource = [
"https://www.selectvacationproperties.com/wp-content/uploads/2019/10/AdobeStock_285054200.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/08/AdobeStock_209040798.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/06/Jul4-c.jpeg"
];
//enter site plan image URLs here
var sitePlanSource = [
"https://www.selectvacationproperties.com/wp-content/uploads/2019/10/AdobeStock_285054200.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/08/AdobeStock_209040798.jpeg",
"https://www.selectvacationproperties.com/wp-content/uploads/2019/06/Jul4-c.jpeg"
];
//Picture captions should be entered in order with photo source urls (First caption with be displayed with the first photo url),
//Captions must also be within quotes.
//If a caption needs to be blank just use empty quotes "" to fill the space. Captions should be seperated by a ,
//enter picture captions here
var photoCaptions = [
"A Picture","","Third Picture"
];
//enter floor plan captions here
var floorPlanCaptions = [
"A Picture","Another Picture",""
];
//enter site plan captions here
var sitePlanCaptions = [
"A Picture","",""
];
//------------------------------------------------
</script>
<style>
.row > .column {
padding: 0 10px;
}
.rentalThumbnail{
border-style:solid;
border-color:#11518a;
border-width:2px;
}
.row:after {
content: "";
display: table;
clear: both;
}
/* Create four equal columns that floats next to eachother */
.column {
float: left;
width: 100%;
}
/* The Modal (background) */
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 40px;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: black;
}
/* Modal Content */
.modal-content {
position: relative;
background-color: black;
margin: auto;
padding: 0;
width: 60%;
max-width: 1200px;
max-height: 800px;
}
/* The Close Button */
.close {
color: white;
position: absolute;
top: 10px;
right: 25px;
font-size: 35px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #999;
text-decoration: none;
cursor: pointer;
}
/* Hide the slides by default */
.mySlides {
display: none;
}
/* Next & previous buttons */
.prev,
.next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-family:"Shadows Into Light";
font-weight: bold;
font-size: 24px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.galleryHeader {
text-align: center;
}
/* Caption text */
.caption-container {
text-align: center;
background-color: black;
font-family:"Shadows Into Light";
padding: 2px 16px;
color: white;
}
img.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
img.hover-shadow {
transition: 0.3s;
}
.thumb {
height: 400px;
width: 400px;
border-style: solid;
border-color: black;
border-width:2px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
.hover-shadow:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
cursor: pointer;
opacity:.85;
}
</style>
<script type="text/javascript">
function closeModalOnEscape(event) {
var x = event.keyCode;
//37 left
//39 right
if(x == 37){
if(document.getElementById("photoModal").style.display == "block"){
plusSlides(-1,0);
} else if(document.getElementById("floorPlanModal").style.display == "block"){
plusSlides(-1,1);
} else if(document.getElementById("sitePlanModal").style.display == "block"){
plusSlides(-1,2);
}
}
if(x == 39){
if(document.getElementById("photoModal").style.display == "block"){
plusSlides(1,0);
} else if(document.getElementById("floorPlanModal").style.display == "block"){
plusSlides(1,1);
} else if(document.getElementById("sitePlanModal").style.display == "block"){
plusSlides(1,2);
}
}
if (x == 27) { //escape
document.getElementById("photoModal").style.display = "none";
document.getElementById("floorPlanModal").style.display = "none";
document.getElementById("sitePlanModal").style.display = "none";
}
}
function writePhotoThumbnail(){
document.write(
"<img class=\"thumb hover-shadow\" src=\""+photoSource[0]+"\" onclick=\"openModal(0);\" >"
);
}
function writeSitePlanThumbnail(){
document.write(
"<img class=\"thumb hover-shadow\" src=\""+sitePlanSource[0]+"\" onclick=\"openModal(1);\" >"
);
}
function writeFloorPlanThumbnail(){
document.write(
"<img class=\"thumb hover-shadow\" src=\""+floorPlanSource[0]+"\" onclick=\"openModal(2);\" >"
);
}
//write out modal objects to html
function writePhotosModal(){
for(i = 0; i < photoSource.length; i++){
document.write(
"<div class=\"photoSrcz\"><div class=\"numbertext\">"+(i+1)+" / "+photoSource.length+"</div><img src=\""+photoSource[i]+"\" style=\"width:100%;height:80%\"></div>"
);
}
}
function writeFloorPlansModal(){
for(i = 0; i < floorPlanSource.length; i++){
document.write(
"<div class=\"floorplan\"><div class=\"numbertext\">"+(i+1)+" / "+floorPlanSource.length+"</div><img src=\""+floorPlanSource[i]+"\" style=\"width:100%;height:80%\"></div>"
);
}
}
function writeSitePlansModal(){
for(i = 0; i < photoSource.length; i++){
document.write(
"<div class=\"siteplan\"><div class=\"numbertext\">"+(i+1)+" / "+sitePlanSource.length+"</div><img src=\""+sitePlanSource[i]+"\" style=\"width:100%;height:80%\"></div>"
);
}
}
var slideIndex = 1;
// Open the Modal
function openModal(x) {
switch(x){
case 0:
document.getElementById("photoModal").style.display = "block";
break;
case 1:
document.getElementById("floorPlanModal").style.display = "block";
break;
case 2:
document.getElementById("sitePlanModal").style.display = "block";
break;
}
var y = document.getElementsByClassName('full-container');
var title = y[0];
title.style.display = "none";
currentSlide(1,x);
}
// Close the Modal
function closeModal(x) {
switch(x){
case 0:
document.getElementById("photoModal").style.display = "none";
break;
case 1:
document.getElementById("floorPlanModal").style.display = "none";
break;
case 2:
document.getElementById("sitePlanModal").style.display = "none";
break;
}
var y = document.getElementsByClassName('full-container');
var title = y[0];
title.style.display = "block";
}
// Next/previous controls
function plusSlides(n,x) {
switch(x){
case 0:
showPhotosSlides(slideIndex += n);
break;
case 1:
showFloorPlanSlides(slideIndex += n);
break;
case 2:
showSitePlanSlides(slideIndex += n);
break;
}
}
// Thumbnail image controls
function currentSlide(n,x) {
switch(x){
case 0:
showPhotosSlides(slideIndex = n);
break;
case 1:
showFloorPlanSlides(slideIndex = n);
break;
case 2:
showSitePlanSlides(slideIndex = n);
break;
}
}
function showPhotosSlides(n) {
var i;
var slides = document.getElementsByClassName("photoSrcz");
var captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
console.log(slideIndex);
if(photoCaptions[slideIndex-1] != null){
captionText.innerHTML = photoCaptions[slideIndex-1];
} else {
captionText.innerHTML = "";
}
}
function showFloorPlanSlides(n) {
var i;
var slides = document.getElementsByClassName("floorplan");
var captionText = document.getElementById("floorPlanCaption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
console.log(slideIndex);
if(floorPlanCaptions[slideIndex-1] != null){
captionText.innerHTML = floorPlanCaptions[slideIndex-1];
} else {
captionText.innerHTML = "";
}
}
function showSitePlanSlides(n) {
var i;
var slides = document.getElementsByClassName("siteplan");
var captionText = document.getElementById("sitePlanCaption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
console.log(slideIndex);
if(sitePlanCaptions[slideIndex-1] != null){
captionText.innerHTML = sitePlanCaptions[slideIndex-1];
} else {
captionText.innerHTML = "";
}
}
</script>
Address: 2929 West Gulf Drive, Sanibel Island, Florida 33957
Island Location: West End
Size of Property: 3.86 Acres
Number of Units: 24
Year Build: 1978
Unit Types: Two and three-bedroom units up to,2,250 square feet.
Available Views: Beachfront & Beachview
Beaches: Directly on Gulf of Mexico, with over 300 linear feet of beach frontage
Amenities: Pool, Tennis, Covered Parking and Elevators
Pets: None Allowed
Minimum Stay: 14 nights
<script>
//Set condo location for pin here -----
var condoLocation = {lat: 26.435355, lng: -82.078995};
//Set condo name here -------
var condoName = "Condo Name Goes Here";
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: condoLocation,
zoom: 12,
disableDefaultUI: true
});
var marker = new google.maps.Marker({position: condoLocation, map: map,title:condoName});
}
</script>
<style>
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#map {
position: relative;
width:100%;
padding: 100% 50% 0;
margin:auto;
overflow: hidden;
z-index:1;
}
</style>
<body>
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBk-ZN6UjJtA3hfkcihfRW2uX5CgeeeV2g&callback=initMap"
async defer></script>
</body>
The Atrium is a condominium development located at 2929 West Gulf Drive, Sanibel Island, Florida 33957. This complex consists of approximately 3.86 acres located on the south side of West Gulf Drive, about 3,500 feet west of the intersection of Tarpon Bay Road and West Gulf Drive. Located at Sanibel’s desirable “West End” The Atrium is a comparatively small and exclusive development with just 24 spacious two-bedroom and three-bedroom units.
The atrium consists of a single large building designed around a central open-air “atrium”, which inspired the name of the complex. The property has over 300 feet of beachfront, which is much more than typically found in condo developments with significantly more units. Guests of the Atrium benefit from lots of space and privacy in the units and on the beach.
The Atrium common areas feature lush, mature tropical landscaping, tennis courts and a heated pool with pool deck and lounge chairs. There is covered parking underneath the building, and additional guest parking is provided at the northeast corner of the site. The pool is thoughtfully located at the southeasterly corner of the site, on the seaward side of the building, so guests can enjoy unobstructed views of the Gulf of Mexico from the pool and pool deck.
<body onkeydown="closeModalOnEscape(event)">
<div class="row">
<div class="column">
<script>writePhotoThumbnail()</script>
</div>
<h1 class="galleryHeader">
Pictures
</h1>
</div>
<!-- The Modal/Lightbox -->
<div id="photoModal" class="modal">
<span class="close cursor" onclick="closeModal(0)">×</span>
<div class="modal-content">
<script>writePhotosModal()</script>
<!-- Next/previous controls -->
<a class="prev" onclick="plusSlides(-1,0)">❮</a>
<a class="next" onclick="plusSlides(1,0)">❯</a>
<!-- Caption text -->
<div class="caption-container">
<p id="caption"></p>
</div>
</div>
</div>
</body>
<body>
<div class="row">
<div class="column">
<script>writeFloorPlanThumbnail()</script>
</div>
<h1 class="galleryHeader">
Floorplans
</h1>
</div>
<!-- The Modal/Lightbox -->
<div id="floorPlanModal" class="modal" onkeydown="closeModalOnEscape(event)">
<span class="close cursor" onclick="closeModal(1)">×</span>
<div class="modal-content">
<script>writeFloorPlansModal()</script>
<!-- Next/previous controls -->
<a class="prev" onclick="plusSlides(-1,1)">❮</a>
<a class="next" onclick="plusSlides(1,1)">❯</a>
<!-- Caption text -->
<div class="caption-container">
<p id="floorPlanCaption"></p>
</div>
</div>
</div>
</body>
<body>
<div class="row">
<div class="column">
<script>writeSitePlanThumbnail()</script>
</div>
<h1 class="galleryHeader">
Site Plans
</h1>
</div>
<!-- The Modal/Lightbox -->
<div id="sitePlanModal" class="modal" onkeydown="closeModalOnEscape(event)">
<span class="close cursor" onclick="closeModal(2)">×</span>
<div class="modal-content">
<script>writeSitePlansModal()</script>
<!-- Next/previous controls -->
<a class="prev" onclick="plusSlides(-1,2)">❮</a>
<a class="next" onclick="plusSlides(1,2)">❯</a>
<!-- Caption text -->
<div class="caption-container">
<p id="sitePlanCaption"></p>
</div>
</div>
</div>
</body>
The Atrium was originally constructed in 1978 and features three different floor plans identified as A, B & C.
- The “A’ Unit has three bedrooms and three bathrooms and is the largest floor plan at 1,939 square feet under air, and 2,250 square feet overall.
- The “B” unit is two-bedroom two-bath floor plan consisting of 1,600 square feet under air and 1,856 square feet overall.
- The “C” unit is a three-bedroom two-bathroom plan, consisting of 1,600 square feet under air, and 1,856 square feet overall.
Every unit at The Atrium benefits from direct views of the beach and the Gulf to varying degrees, with the “B” and “C” units being slightly closer to the shore than the “A” units, but every unit is within 200 to 300 feet of the high tide line. Every unit also features a screened lanai with over 250 square feet of space, and the lanai in all units is accessible from the living room and master bedroom areas.
The rental policy at the Atrium is geared towards guests who desire a more exclusive, quiet and private Island experience. All rentals at the Atrium are limited to a minimum stay of 14 nights. This policy eliminates the daily turnover and commotion, and significantly reduces the overall number of renters you would typically find at a condo with less regulated nightly check-in and checkout policies.
If you are interested in booking a unit at the Atrium, check out these great offerings available now!:
<div class="rental" style="display: block;">
<!-- Change this link to the rental listing page -->
<a href="https://www.selectvacationproperties.com/rental/sand-pointe-117/">
<div class="thumbnail">
<!-- Change src link to thumbnail image for listing -->
<img class="rentalThumbnail" src="https://pictures.escapia.com/SVP/18540/7360460135.jpg"/>
</div>
<!-- Change this text to the rental listing title -->
<h4 class="title">Sand Pointe #117</h4>
<!-- Change this text to the rental listing features -->
<span class="features">2 Beds / 2 Baths - Sleeps 6</span>
</a>
</div>
<div class="rental" style="display: block;">
<!-- Change this link to the rental listing page -->
<a href="https://www.selectvacationproperties.com/rental/sand-pointe-117/">
<div class="thumbnail">
<!-- Change src link to thumbnail image for listing -->
<img class="rentalThumbnail" src="https://pictures.escapia.com/SVP/18540/7360460135.jpg"/>
</div>
<!-- Change this text to the rental listing title -->
<h4 class="title">Sand Pointe #117</h4>
<!-- Change this text to the rental listing features -->
<span class="features">2 Beds / 2 Baths - Sleeps 6</span>
</a>
</div>