Current directory: /var/www/vhosts/square1server.com/coastaleliterealty.square1server.com/config<link href="https://coastaleliterealty.square1server.com/styles.css" rel="stylesheet" type="text/css">
<style>
	.lb-outerContainer {
		height: 80% !important;
		width: 60% !important;
		object-fit: contain !important;
		background: #fff0 !important;
	}
	.lb-container{
		display: block ruby !important;
	}
	.lb-image{
		width: 100% !important;
		height: 100% !important;
	}
	.lightbox{
		width: 100% !important;
	}
	
	.sub_images {  
		gap: 10px;
		display:grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	
	.sub_images img{
	 	width: 100%;
		height: 200px;
		object-fit:cover;
	}
	.iframe{
		height: 400px;
	}
	.padd{
		padding: 3% 15%
	}
	
	.h3{
		font-size: 34px;
	}
	
	.p{
		font-size: 26px;
	}
	.gird_{
		display: grid;
		gap: 20px;
	}
 
		
		h4{
		font-size: 24px !important;
			color: grey;
	}
	
	@media  screen and (max-width: 860px){
		
		h2{
		font-size: 26px !important;
	}
		
		h4{
		font-size: 16px !important;
	}
	
	.p{
		font-size: 16px;
	}
		.padd{
		padding: 5%;
	}
		.iframe{
			height:auto;
		}
		.sub_images{ 
		grid-template-columns: 1fr;
			gap: 10px;
			display: grid;
		}
	}
</style>

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha384-KyZXEAg3QhqLMpG8r+Knujsl5+z5v6+I4RXfJOWa5RsBJ+caH+bYJK+JFbF4TCtc" crossorigin="anonymous"></script>
<script>
    // Function to handle custom video controls and close the video when the modal is closed
    document.addEventListener("DOMContentLoaded", function() {
        var video = document.querySelector('#myModal iframe');
        var closeButton = document.getElementById('close');
	 $("#close").click(function() {
		 $("#myModal").hide();
		  $("#myModal").css("display", "none");
	 });

        // Add event listeners to handle video events (e.g., play, pause, ended)
        video.addEventListener('play', function() {
            console.log('Video started playing');
        });

        video.addEventListener('pause', function() {
            console.log('Video paused');
        });

        video.addEventListener('ended', function() {
            console.log('Video ended');
        });


        // Add custom controls using JavaScript (e.g., play/pause buttons)
        var playButton = document.createElement('button');
        playButton.textContent = 'Play';
        playButton.addEventListener('click', function() {
            video.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*');
        });
        document.body.appendChild(playButton);

        var pauseButton = document.createElement('button');
        pauseButton.textContent = 'Pause';
        pauseButton.addEventListener('click', function() {
            video.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
        });
        document.body.appendChild(pauseButton);

        // Add event listener to close the video when the "Close" button is clicked
        closeButton.addEventListener('click', function() {
            // Pause the video if it's playing
            if (!video.paused) {
                video.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
            }
            // Hide the modal
            $('#myModal').modal('hide');
        });

        // Pause the video when the user navigates away from the page
        window.addEventListener('beforeunload', function() {
            // Pause the video if it's playing
            if (!video.paused) {
                video.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
            }
        });
    });

</script>

<style>
.cont_btns{
	width: 25%;
	padding: 15px 10px;
	text-align: center;
	font-family:'Barlow Condensed', sans-serif;
	color: #000;
}
	.cont_btns1{
		background-color: #000 ;
		color:#fff ;
	}
.cont_btns span{
font-family: 'Barlow Condensed', sans-serif;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}
 
.cont_btns button{
	width: 100% !important;
	border: none;
}
	.contss2{
		display: flex;justify-content: center;width: 80%;border-radius: 50px;overflow: hidden;border: 1px solid;
	}
	.columns-count{
		column-count: 2;
	}
    .video_div{
        width:100%;
        height:500px;
    }
    .col{
        column-count: 2;
    }
    .list_div{
    text-align:left; width:60%; font-size:19px;
    }
	@media  screen and (max-width: 860px) {
		.contss{
			display: grid; 
		}
		.contss2{
			width: 98%;
		}
		.columns-count{
			column-count: 1;
		}
		.width-100{
			width: 90% !important;
		}
        .video_div{
        width:100%;
        height:300px;
    }
    .close{
        position: absolute;
    right: 20px;
    font-size: 30px; 
    transform: rotate(0deg);  
    }
    .list_div{
        text-align:left; width:60%; font-size:19px;
    }
    .col{
        column-count: 1;
    }
	}
	
	#close{
		position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  border: 0;
	}
	#myModal{
		position: relative;
	}
</style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="robots" content="index, follow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Wildwood Happenings | Coastal Elite Realty</title>

<meta name="keywords" content="Coastal Elite Realty, Wildwood, NJ, Sales, Vacation Rentals, Wildwood Rentals, Properties For Sale, Wildwood Properties, Happenings, Wildwood New Jersey,">
<meta name="description" content="News and happenings in Wildwood New Jersey.">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="styles.css" rel="stylesheet" type="text/css">
<link rel="SHORTCUT ICON" href="images/coastalelite.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-W6FD7M1XZ6"></script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-NSY7JXWER3"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-NSY7JXWER3');
</script>
    
 
 <style>
.d_cont {
        background: #fff;
        padding: 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
 
 body{
   margin:0;
   padding:0;
  
 }
 .hol_div{  
 

 }
 .mob_header_div {
               display: none;
               grid-template-columns: 1fr 1fr;
               gap:5rem;
           }

           .mob_header_left {
               display: grid;
               place-items: center;
           }

           .mob_header_right {
               display: flex;
               align-items: center;
           }

           .mob_header_right img {
               width: 100%;
           }
           .sec1{
             display:none;
           }
          .first1{
             display:none;
           }
           .nav-links{
           display:none;
           }
          .head_div{
            display:flex;
  
      background: linear-gradient(to top, #fff0 0%, #fff 80%);
            grid-template-columns:1fr 1.5fr 1fr;
      gap: 5px;
            place-items: center;
        justify-content:center;
        position: absolute;
        top: 0;
        width:100%;
          }
          .head_about{
           display:flex;
           position:relative;
           place-items: center;
          }
          .head_ocean{
           display:flex;
           position:relative;
           width: max-content;
           place-items: center;
          }
         .mob_header_img{
           width:100%;
         }
 
 @media  screen and (max-width : 860px) {
  html,body{ overflow-x: hidden;
  }
   #paginationControlsTop, #paginationControlsBottom{
     display: grid !important;
     place-items: center !important;
     justify-content: center !important;
       gap: 20px !important; 
   }
   .body_content .gray9{
       display: grid !important;
     color: #fff0 !important;
     line-height: 25px !important;
   } 
   
   .contents_middle_left_price .details_cont{
     grid-template-columns: 1fr 1fr !important;
   }
   .hol_div {
    display: none;
    }
   .mob_header_div {
    display: grid;
    background: linear-gradient(to top, #fff0 , #fff);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
	width: 100%;
   }
   
   .menu-toggle {
     display: flex;
   }
   .nav-links.show {
     display: flex;
   }
   .nav-links {
     flex-direction: column;
     /* align-items: flex-start; */
     display: none;
     width: 100%;
   }
   .nav-links a {
     margin: 10px ;
     color:white;
     font-size:18px;
   }
   .first{
 display: flex;
 width: 100%;
 background-color:#066b9f;
 justify-content: space-between;
   place-items: center;
   padding:10px!important;
  }
  .sec{
 background-color:#067ab7;
 width: 100%;
 display: flex;
 justify-content: space-between;
 place-items: center;
 padding:10px!important;
  }
 .first1{
 width: 100%;
 background-color:#066b9f;
 display: flex;
 justify-content: space-between;
 place-items: center;
 padding:10px!important;
  }
  .para{
   color:#fff;
   padding-right: 30px;
   font-weight: bold;
  }
  /* mble dropdown */
  .nav{
   display:none;
   }
   .menu{
   color:#fff;
   padding-right: 30px;
   font-weight: bold;
  }
  .nav.show {
   display:block;
   width:100%;
   }
  .nav a{
   display:grid;
   margin:0;
   }
  .menu1{
  display: grid;
  width: 100%;
  background-color:#066b9f;
  padding:15px;
  border-bottom: .5px solid #ffffff3b;
  font-size:13px;
  }
  .menu2{
   background-color:#066b9f;
   display: grid;
   width: 100%;
   padding:15px;
   border-bottom: .5px solid #ffffff3b;
   font-size:18px;
  }
  .menu {
   cursor: pointer;
   display: inline-block;
   }
   .nav {
   display: none;
   }
   .nav.show {
   display: block;
   }
   .menuicon {
   cursor: pointer;
   display: inline-block;
   padding-right: 30px;
   }
   .nav1 {
   display: none;
   }

   .nav1.show {
     display: block;
     width:100%;
   }
   .nav1 a{
     display:grid;
     margin:0;
   }
   .nav2 {
   display: none;
   }

   .nav2.show {
     display: block;
     width:100%;
   }
   .nav2 a{
     display:grid;
     margin:0;
   }
   .menuicon1 {
   cursor: pointer;
   display: inline-block;
   padding-right: 30px;
   }
   .nav3 {
   display: none;
   }

   .nav3.show {
     display: block;
     width:100%;
   }
   .nav3 a{
     display:grid;
     margin:0;
   }
   .menuicon2 {
   cursor: pointer;
   display: inline-block;
   padding-right: 30px;
   }
   .nav4 {
   display: none;
   }

   .nav4.show {
     display: block;
     width:100%;
   }
   .nav4 a{
     display:grid;
     margin:0;
   }
   .menuicon3 {
   cursor: pointer;
   display: inline-block;
   padding-right: 30px;
   }
   .nav5 {
   display: none;
   }

   .nav5.show {
     display: block;
     width:100%;
   }
   .nav5 a{
     display:grid;
     margin:0;
   }
   .menuicon4 {
   cursor: pointer;
   display: inline-block;
   padding-right: 30px;
   }
   .menu img{
       width:20px;height:30px;transform: rotate(0deg);
   }
   .menuicon img{
       width:20px;height:30px;transform: rotate(0deg);
   }
.imaged_ico{
 filter: invert(1);
}
 }

/* drop down */

.dropdown {
 display: inline-block;
 width:max-content;
}
.dropdown-content {
 text-align: left;
 display: none;
 position: absolute;
 background-color: #fff0;
 min-width: 160px; 
 z-index: 111!important;
 width: max-content;
 transition: all 1s ease; 
 padding-top: 10px;  
}
.dropdown-content a {
 color: #025172 !important;
 padding: 7px 14px;
 text-decoration: none;
 display: block;
 border: 0;
 background: #fff;
 font-size:20px;
}
.dropdown-content a:hover {
 background-color:#025172 !important; 
 color: #fff !important;
}
.dropdown:hover .dropdown-content {
 
 display: block;  
}
.textshadowwhite1 {
 text-shadow: 1px 1px #FFFFFF;
 font-size: 26px;
 color: #00007c !important;
}
a strong{
color:#000 !important;
}
a strong:hover{
color:#0096B2!important;
}

</style>
<script>
 function toggleMenu() {
   const navLinks = document.querySelector('.nav-links');
   navLinks.classList.toggle('show');
 }
</script>
<script>
   function togglebar() {
     const nav = document.querySelector('.nav');
     nav.classList.toggle('show');
     

     const menuIcon = document.getElementById('menu-icon');
     if (nav.classList.contains('show')) {
       menuIcon.style.transform = 'rotate(180deg)';
     } else {
       menuIcon.style.transform = 'rotate(0deg)';
     }
   }
   function togglebar1() {
     const nav1 = document.querySelector('.nav1');
     nav1.classList.toggle('show');
   const menuIcons = document.getElementById('menu-icons');
     if (nav1.classList.contains('show')) {
       menuIcons.style.transform = 'rotate(180deg)';
     } else {
       menuIcons.style.transform = 'rotate(0deg)';
     }
   }
     function togglebar2() {
     const nav2 = document.querySelector('.nav2');
     nav2.classList.toggle('show');
   const menuIcon1 = document.getElementById('menu-icon1');
     if (nav2.classList.contains('show')) {
       menuIcon1.style.transform = 'rotate(180deg)';
     } else {
       menuIcon1.style.transform = 'rotate(0deg)';
     }
   }
   function togglebar3() {
     const nav3 = document.querySelector('.nav3');
     nav3.classList.toggle('show');
   const menuIcon2 = document.getElementById('menu-icon2');
     if (nav3.classList.contains('show')) {
       menuIcon2.style.transform = 'rotate(180deg)';
     } else {
       menuIcon2.style.transform = 'rotate(0deg)';
     }
   }
   function togglebar4() {
     const nav4 = document.querySelector('.nav4');
     nav4.classList.toggle('show');
   const menuIcon3 = document.getElementById('menu-icon3');
     if (nav4.classList.contains('show')) {
       menuIcon3.style.transform = 'rotate(180deg)';
     } else {
       menuIcon3.style.transform = 'rotate(0deg)';
     }
   }
   function togglebar5() {
     const nav5 = document.querySelector('.nav5');
     nav5.classList.toggle('show');
   const menuIcon4 = document.getElementById('menu-icon4');
     if (nav5.classList.contains('show')) {
       menuIcon4.style.transform = 'rotate(180deg)';
     } else {
       menuIcon4.style.transform = 'rotate(0deg)';
     }
   }
 
 </script>


<style>
 
 @media  screen and (max-width:860px) {
   .loop_div{
     grid-template-columns: repeat(1, 1fr) !important;
   }
   
   .mob_header_left img{
     width: 90% !important;
   }
   
  
   
 }
</style>

<style>
 .hol_footer{
   background-image:url('https://coastaleliterealty.square1server.com/images/footerbg.jpg');
   padding:20px 0;
   background-position: center;
  
 }
 .hol_footer_div{
   display: flex;
 padding: 2% 5%;
 justify-content: center;
 gap: 2rem;
 align-items: center;
 }
 .face_in{
   display:flex;
   gap:12px;
 }
 .ft_center{
   display:grid;
   gap:12px;
 }
 .ft_content{
   display: flex;
 justify-content: center;
 gap: 3.5rem;
 padding: 3%;
 line-height: 1.6rem;
 }
 .footer_des{
   padding: 20px;
 line-height: 32px;
 }
 .mbl_footer{
   display:none;
 }
 .mbl_foot_last{
   display:none;
 }
 .tely{
   color:#fff!important;
 }
 .tely:hover{
   color:#E5AF06!important;
 }
 @media  screen and (max-width: 860px) {
   .hol_footer {
       display: none !important;
   }
   .mbl_footer{
     background-image:url('https://coastaleliterealty.square1server.com/mobile/images/footerbg.jpg');
     display:block!important;
   }
   .mb_ft_index{
     padding: 10% 20%;
   }
   .mbl_center_ft{
     display:grid;
     text-align: center;
     padding:3% 5%;
     line-height: 2.5rem;
   }
   .tely{
     color:#fff!important;
   }
   .ft_face_in{
     display: flex;
 justify-content: center;
 padding: 3% 10%;
 gap: 3rem;
 align-items: center;
   }
   .mb_face_last{
     display: flex;
 gap: 20px;
   }
   .mbl_foot_last{
   display:block!important;
   display: block !important;
   font-size: 15px;
   padding: 6% 5%;
   line-height: 1.5rem;
 
 }
 .footer_des{
   display:none;
 }
 .random_image{
	 height: 12vh;
 }

}
.dropdown:hover .pass{
            display: inline;
        }
        .dropdown:hover .pass2{
            display: inline;
        }
        .dropdown:hover .pass3{
            display: inline;
        }
        .dropdown:hover .pass4{
            display: inline;
        }
        .pass,.pass2,.pass3,.pass4,.mob_pass,.mob_pass2,.mob_pass3,.mob_pass4{
            display: none;
        }
        #rentals_div a{
		 	border-top: 1px solid #008ba4;
		 }
		 #sales_div   a{
		 	border-top: 1px solid #0097b2;
		 }
     #team a{
		 	border-top: 1px solid #008ba4;
		 }
		 #meet a{
		 	border-top: 1px solid #0097b2;
		 }
</style>
<div>
  <div><img src="https://coastaleliterealty.square1server.com/randomimages/random3.jpg" alt="" style="width: 100%" class="random_image"></div>
        <div class="hol_div">
<div class="head_div" style="">
<div class="head_about" style="">
<div class="dropdown"><a class="size24 textshadowwhite2" href="#">SALES</a>
<div class="dropdown-content">
<div class="d_cont hov_cont1"></div>
</div>
</div>
<img align="absmiddle" alt="Nav Dot" border="0" height="24" src="https://coastaleliterealty.square1server.com/images/navdot.png" style="margin-top: 9px;" width="62" />
<div class="dropdown"><a class="size24 textshadowwhite2" href="#">VACATION RENTALS</a>

<div class="dropdown-content">
<div class="d_cont hov_cont2"></div>
</div>
</div>
</div>
<img align="absmiddle" alt="Nav Dot" border="0" height="24" src="https://coastaleliterealty.square1server.com/images/navdot.png" style="margin-top: 9px;" width="62" />
<div><a href="index"><img align="absmiddle" alt="Coastal Elite Realty" border="0" height="170" src="https://coastaleliterealty.square1server.com/images/coastaleliterealty.png" width="230" /></a></div>
<img align="absmiddle" alt="Nav Dot" border="0" height="24" src="https://coastaleliterealty.square1server.com/images/navdot.png" style="margin-top: 9px;" width="62" />
<div class="head_ocean" style="">
<div class="dropdown"><a class="size24 textshadowwhite2" href="#">OUR TEAM</a>

<div class="dropdown-content">
<div class="d_cont hov_cont3"></div>
</div>
</div>
<img align="absmiddle" alt="Navigation Dot" border="0" height="20" src="https://coastaleliterealty.square1server.com/images/navdot.png" style="margin-top: 9px;" width="56" />
<div class="dropdown"><a class="size24 textshadowwhite2" href="#">WILDWOOD NJ</a>

<div class="dropdown-content">
<div class="d_cont hov_cont4">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<!-- responsive mbile -->

<div class="mob_header">
<div class="mob_header_div">
<div class="mob_header_left"><a href="https://coastaleliterealty.square1server.com/index"><img alt="" class="mob_header_img" src="https://coastaleliterealty.square1server.com/mobile/images/coastaleliterealty.png" /> </a></div>

<div class="mob_header_right">
<div><a href="tel:6095231112"><img alt="" src="https://coastaleliterealty.square1server.com/mobile/images/phone.png" /></a></div>

<div class="menu-toggle" onclick="toggleMenu()"><img alt="" src="https://coastaleliterealty.square1server.com/mobile/images/menu.png" /></div>
</div>
</div>

<div class="nav-links">
<div class="first1"><a href="https://coastaleliterealty.square1server.com/index" style="color: #fff;">HOME</a>

<div class="para" onclick="toggleMenu()">X</div>
</div>

<div class="sec" onclick="togglebar()"><a>SALES</a>

<div class="menu imaged_ico"><img alt="" class="d1" id="menu-icon" src="https://coastaleliterealty.square1server.com/images\drop.png" /></div>
</div>

<div id="sales_div"></div>

<div class="first" onclick="togglebar1()"><a>VACATION RENTALS</a>

<div class="menuicon imaged_ico"><img alt="" id="menu-icons" src="https://coastaleliterealty.square1server.com/images\drop.png" /></div>
</div>

<div id="rentals_div"></div>

<div class="sec" onclick="togglebar2()"><a>OUR TEAM</a>

<div class="menuicon1 imaged_ico"><img alt="" id="menu-icon1" src="https://coastaleliterealty.square1server.com/images\drop.png" style="width:20px;height:30px;transform: rotate(0deg);" /></div>
</div>

<div id="team"></div>

<div class="first" onclick="togglebar3()"><a>WILDWOOD NJ</a>

<div class="menuicon2 imaged_ico"><img alt="" id="menu-icon2" src="https://coastaleliterealty.square1server.com/images\drop.png" style="width:20px;height:30px;transform: rotate(0deg);" /></div>
</div>
</div>
</div>
    
	</div>
	


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    $(document).ready(function() {
        // Make sure the .pass div exists in the DOM before appending
        $('.hov_cont1').append($('.pass').clone());  // Cloning .pass before appending
        $('.hov_cont2').append($('.pass2').clone()); 
        $('.hov_cont3').append($('.pass3').clone()); 
        $('.hov_cont4').append($('.pass4').clone());  // Cloning .pass before appending
        $('#sales_div').append($('.mob_pass').clone());  // Cloning .pass before appending
        $('#rentals_div').append($('.mob_pass2').clone()); 
        $('#team').append($('.mob_pass3').clone()); 
        $('#meet').append($('.mob_pass4').clone());  // Cloning .pass before appending
    });
</script>
 

<div class=" pass">
            <a  href="https://coastaleliterealty.square1server.com/office">OFFICE LISTINGS</a>
            <a  href="https://coastaleliterealty.square1server.com/mls">SEARCH MLS</a>
            <a  href="https://coastaleliterealty.square1server.com/wildwoodproperties">WILDWOOD PROPERTIES</a>
            <a  href="https://coastaleliterealty.square1server.com/sold">RECENTLY SOLD</a>
            <a  href="https://coastaleliterealty.square1server.com/list">LIST WITH US</a>
    </div>
<div class=" pass2">
        <a href="https://coastaleliterealty.square1server.com/vacationrentals">RENTAL SEARCH</a>
        <a href="https://coastaleliterealty.square1server.com/wildwoodrentals">ALL RENTALS</a>
        <a href="https://coastaleliterealty.square1server.com/reviews">SUBMIT A REVIEW</a>
        <a href="https://coastaleliterealty.square1server.com/faq">FAQ</a>
        <a href="https://coastaleliterealty.square1server.com/policies">POLICIES</a>
        <a href="https://coastaleliterealty.square1server.com/listrental">LIST YOUR RENTAL</a>
        <a href="https://coastaleliterealty.square1server.com/ownersguests">OWNERS</a>
    </div>
<div class=" pass3">
    <a href="https://coastaleliterealty.square1server.com/agents">AGENTS</a>
    <a href="https://coastaleliterealty.square1server.com/about">ABOUT US</a>
    <a href="https://coastaleliterealty.square1server.com/testimonials">TESTIMONIALS</a>
  </div>
<div class=" pass4">
    <a href="https://coastaleliterealty.square1server.com/happenings">HAPPENINGS</a>
    <a href="https://coastaleliterealty.square1server.com/Calendarofevents">CALENDAR OF EVENTS</a>
    <a href="https://coastaleliterealty.square1server.com/community">COMMUNITY</a>
    <a href="https://coastaleliterealty.square1server.com/weather">LOCAL WEATHER</a>
  </div>

<div class="mob_pass nav">
            <a class="menu2" href="https://coastaleliterealty.square1server.com/office" style="color:#fff">OFFICE LISTINGS</a>
            <a class="menu2" href="https://coastaleliterealty.square1server.com/mls" style="color:#fff">SEARCH MLS</a>
            <a class="menu2" href="https://coastaleliterealty.square1server.com/wildwoodproperties" style="color:#fff">WILDWOOD PROPERTIES</a>
            <a class="menu2" href="https://coastaleliterealty.square1server.com/sold" style="color:#fff">RECENTLY SOLD</a>
            <a class="menu2" href="https://coastaleliterealty.square1server.com/list" style="color:#fff">LIST WITH US</a>
    </div>
<div class="mob_pass2 nav1">
        <a class="menu1" href="https://coastaleliterealty.square1server.com/vacationrentals" style="color:#fff">RENTAL SEARCH</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/wildwoodrentals" style="color:#fff">ALL RENTALS</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/reviews" style="color:#fff">SUBMIT A REVIEW</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/faq" style="color:#fff">FAQ</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/policies" style="color:#fff">POLICIES</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/listrental" style="color:#fff">LIST YOUR RENTAL</a>
        <a class="menu1" href="https://coastaleliterealty.square1server.com/ownersguests" style="color:#fff">OWNERS</a>
    </div>

<div class=" mob_pass3 nav2">
    <a class="menu2" href="https://coastaleliterealty.square1server.com/agents" style="color:#fff">AGENTS</a>
    <a class="menu2" href="https://coastaleliterealty.square1server.com/about" style="color:#fff">ABOUT US</a>
    <a class="menu2" href="https://coastaleliterealty.square1server.com/testimonials" style="color:#fff">TESTIMONIALS</a>
  </div>
<div class=" mob_pass4 nav3">
    <a class="menu2" href="https://coastaleliterealty.square1server.com/happenings" style="color:#fff">HAPPENINGS</a>
    <a class="menu2" href="https://coastaleliterealty.square1server.com/Calendarofevents" style="color:#fff">CALENDAR OF EVENTS</a>
    <a class="menu2" href="https://coastaleliterealty.square1server.com/community" style="color:#fff">COMMUNITY</a>
    <a class="menu2" href="https://coastaleliterealty.square1server.com/weather" style="color:#fff">LOCAL WEATHER</a>
  </div>
    

    <div class="body_content medspacing">

        <div>
            <div class="hol_contents_divv medspacing">
 
	
		
		<div>
        <div class="padd gird_">
             
			<div style="">   
				<h2 style="text-align: left;margin:10px 0">New Coastal Elite Realty Web Site</h2> 
				<h4 style="text-align: left;margin:10px 0; font-size: 20px !important;">
				 
 				<span>  Posted: February 3rd 2025</span>
				</h4> 
				</div> 
                <div>
					<img src="https://coastaleliterealty.square1server.com/galleries/newsite.jpg" alt="property image" style="width: 100%">
			</div> 
			<div>
				<p>
					<p>The new site is now live for Coastal Elite Realty!  Check out for additional features and helpful information for buyers, sellers, tenants and owners coming soon!</p> 				
				</p>
			</div>
 	<!--div>
	</div-->  
           
		   <!-- Modal -->
		 
   <style>
        
        #video-container {
            width: 600px;
            margin: 0 auto;
        }
    </style>
  
	
    <div id="details4" class="details" style="">

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
            <div class="modal-body">
           <div id="videoContainer"></div>

      </div>
    </div>
  </div>
</div>


<script>
    $(document).ready(function() {
        // Embed video when page is loaded, if video link is available
        embedVideo("");

        // Close video when close button is clicked
        $('#closeButton').click(function() {
            closeVideo();
        });
    });

    function embedVideo(videoUrl) {
        var videoContainer = $('#videoContainer');
        videoContainer.empty(); // Clear previous content

        if (videoUrl && videoUrl.includes("youtube.com")) {
            var videoId = videoUrl.split("v=")[1];
            if (!videoId) {
                videoId = videoUrl.split("/").pop();
            }
            var embedUrl = "https://www.youtube.com/embed/" + videoId + "?autoplay=1";
            var iframeElement = $('<iframe class="video_div" src="' + embedUrl + '" frameborder="0" allowfullscreen></iframe>');
            videoContainer.append(iframeElement);
        } else {
            // For non-supported videos, display an alert or handle accordingly
           // alert("Currently only YouTube videos are supported.");
        }
    }

    function closeVideo() {
        $('#videoContainer').empty();
    }
</script>
<br><br>

		 <!-- Include Lightbox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css">

<!-- Gallery section -->
<div class="sub_images ">
    </div> 
<!-- Include Lightbox JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"></script>

<!-- Custom Script to initialize Lightbox -->
<script>
    document.addEventListener('DOMContentLoaded', function () {
        lightbox.option({
            'wrapAround': true,    // Allows looping through images
            'resizeDuration': 300, // Duration for resizing images
            'fadeDuration': 300,   // Duration for fading in/out
        });
    });
</script>

<!-- Custom Styles -->
<style>
.gallery {
    display: inline-block;
    cursor: crosshair; 
    overflow: hidden;
    position: relative;
}

.gallery img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.gallery::before {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
} 

.gallery:hover::before {
    opacity: 1;
}

.gallery:hover img {
    transform: scale(1.1); 
    filter: brightness(0.5); 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.gallery:hover .portfolio-overlay-icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
}
	.lb-caption{
		display:none !important;
	}
</style>

			  
			</div>
        </div>

        <script>
        $(document).ready(function() { 
            $('#search').on('keyup', function() {
                var searchText = $(this).val().toLowerCase();

                var resultCount = 0; 
                $('.grid_happen_cont').each(function() {
                    var description = $(this).data('description');
                    if (description.indexOf(searchText) !== -1) {
                        $(this).show();
                        resultCount++;
                    } else {
                        $(this).hide();
                    }
                });

                if (resultCount === 0 && searchText !== "") {
                    $('.no-results').show();  
                } else {
                    $('.no-results').hide();  
                }
            });
        });
        </script>

    </div> 
        </div>

    </div>
	        <div class="hol_footer">
<div class="hol_footer_div">
<div><img alt="Coastal Elite Realty - 33000 Pacific Avenue in Wildwood New Jersey" border="0" height="145" src="https://coastaleliterealty.square1server.com/images/coastaleliterelatywhite.png" width="226" /></div>

<div class="ft_center">
<div class="size24" colspan="2"><a class="whitelink2" href="https://coastaleliterealty.square1server.com/about">3300 Pacific Avenue, Wildwood New Jersey</a></div>

<div class="size36" width="59%">
<div style="display:flex;gap: 6rem;align-items:center;">
<div style="display: grid;gap:10px"><a class="whitelink" href="tel:6095231112"><strong class="tely">609-523-1112</strong></a>

<div class="face_in">
<div width="32"><a href="https://www.facebook.com/profile.php?id=100092461282213" target="_blank"><img alt="Facebook" border="0" height="32" src="https://coastaleliterealty.square1server.com/images/facebook.png" width="32" /></a></div>

<div width="32"><a href="https://www.instagram.com/coastaleliterealty/" target="_blank"><img alt="Instagram" border="0" height="32" src="https://coastaleliterealty.square1server.com/images/instagram.png" width="32" /></a></div>
</div>
</div>

<div rowspan="3" valign="middle" width="41%"><img alt="Realtor | MLS | Equal Housing Opportunity" border="0" height="82" src="https://coastaleliterealty.square1server.com/images/realtormls.png" width="242" /></div>
</div>
</div>
</div>
</div>

<div style="background-color:#00000047;">
<div class="ft_content">
<div align="left" class="size18 white2" valign="top" width="203"><strong>SALES</strong><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/office">Office Listings</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/mls">Search MLS</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/wildwoodproperties">Wildwood Properties</a></div>

<div align="left" class="size18 white" valign="top" width="162"><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/sold">Recently Sold</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/list">List With Us</a></div>

<div align="left" class="size18 white" valign="top" width="179"><strong>VACATION RENTALS</strong><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/vacationrentals">Rental Search</a><br />
<a class="whitelink2" href="https://coastaleliterealty.square1server.com/wildwoodrentals">All Rentals</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/reviews">Submit A Review</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/faq">FAQ</a></div>

<div align="left" class="size18 white" valign="top" width="162"><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/policies">Policies</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/listrental">listrental</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/ownersguests">Owners</a></div>

<div align="left" class="size18 white2" valign="top" width="165"><strong>OUR TEAM</strong><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/agents">Agents</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/about">About Us</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/testimonials">Testimonials</a></div>

<div align="left" class="size18 white2" valign="top" width="180"><strong>WILDWOOD NJ</strong><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/happenings">Happenings</a><br />
<a class="whitelink2 size17" href="community">Community</a><br />
<a class="whitelink2 size17" href="https://coastaleliterealty.square1server.com/weather">Local Weather</a></div>
</div>
</div>
</div>

<div class="footer_des">
<div align="center" class="size17 copyright" valign="middle">&copy; Coastal Elite Realty - All Rights Reserved. &nbsp; Featuring Wildwood Rentals and Properties For Sale</div>

<div align="center" class="size17 copyright" valign="middle">Web Site Designed By: <a class="copyrightlink" href="https://designsquare1.com" target="_blank">Square 1 Design</a> &nbsp; | &nbsp; <a class="copyrightlink" href="https://coastaleliterealty.square1server.com/sitemap">Site Map</a> &nbsp; | &nbsp; <a class="copyrightlink" href="https://coastaleliterealty.square1server.com/login">Admin</a></div>
</div>

<div class="mbl_footer">
<div class="mb_ft_index"><img alt="" src="https://coastaleliterealty.square1server.com/mobile/images/coastaleliterealtywhite.png" style="width:100%;" /></div>

<div style="background-color:#00000047">
<div class="mbl_center_ft" style="display:grid;justify-content:center;">
<div><a class="whitelink2" href="https://coastaleliterealty.square1server.com/about" style="font-size:18px;">3300 Pacific Avenue, Wildwood New Jersey</a></div>

<div><a class="whitelink" href="tel:6095231112"><strong class="tely">609-523-1112</strong></a></div>
</div>
</div>

<div class="ft_face_in">
<div class="mb_face_last"><a href="https://www.facebook.com/profile.php?id=100092461282213" target="_blank"><img alt="Facebook" src="https://coastaleliterealty.square1server.com/mobile/images/facebook.png" style="width:100%" /></a> <a href="https://www.instagram.com/coastaleliterealty/" target="_blank"><img alt="Instagram" src="https://coastaleliterealty.square1server.com/mobile/images/instagram.png" style="width:100%" /></a></div>

<div><img alt="Realtor | MLS | Equal Housing Opportunity" src="https://coastaleliterealty.square1server.com/mobile/images/realtorequalhousing.png" style="width:100%" /></div>
</div>
</div>

<div class="mbl_foot_last">
<div align="center" class="copyright" valign="middle"><span class="size38">&copy; Coastal Elite Realty - All Rights Reserved.<br />
Featuring Wildwood Rentals &amp; Properties For Sale </span></div>

<div align="center" class="copyright" valign="middle"><span class="size38"><a class="copyrightlink" href="https://coastaleliterealty.square1server.com/sitemap">Site Map</a> &nbsp; | &nbsp; Web Site Designed By: <a class="copyrightlink size38" href="https://designsquare1.com" target="_blank">Square 1 Design</a></span></div>
</div>
    	
  <script>
        function sales() {
        $('#sales_div').toggle();
        $('.mob_pass').toggle();
        var d1 = $('.d1').css('transform');
        var r1 = (d1 === 'matrix(1, 0, 0, 1, 0, 0)') ? 'rotate(180deg)' : 'rotate(0deg)';
        $('.d1').css('transform', r1);
    }

    function rentals() {
        $('#rentals_div').toggle();
        $('.mob_pass2').toggle();
        var d2 = $('.d2').css('transform');
        var r2 = (d2 === 'matrix(1, 0, 0, 1, 0, 0)') ? 'rotate(180deg)' : 'rotate(0deg)';
        $('.d2').css('transform', r2);
    } 
  </script>


</body>
</html>