PageSourceSearch

https://livethelakenj.com/

html livethelakenj.com collected 2026-10-08 10:01:19 UTC 32,497 bytes, 551 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    
5    <meta charset="utf-8">
6    <meta http-equiv="x-ua-compatible" content="ie=edge">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    
9  <title>Lake Hopatcong NJ Map - Live the Lake NJ</title>
10  <meta name='description' content='Check out a map of all that Lake Hopatcong has to offer! ' />
11  <meta name='keywords' content='' />
12
13    <link rel="stylesheet" href="https://use.typekit.net/bfh1lue.css">
14    <link rel="stylesheet" href="/css/app.css">
15    <link rel="stylesheet" href="/css/animate.css">
16    <link rel="stylesheet" href="/css/custom.css">
17    <link rel="stylesheet" href="/css/map-animation-map03-2025.css">
18    
18<script src="/js/modernizr.custom.js"></script>
18
19    
19<script type="text/javascript" src="/js/dragscroll.js"></script>
19
20    
21    <link rel="stylesheet" href="/js/owlcarousel/assets/owl.carousel.min.css">
22    <link rel="stylesheet" href="/js/owlcarousel/assets/owl.theme.default.min.css">
23	<link rel="apple-touch-icon" sizes="57x57" href="/images/favicon.ico/apple-icon-57x57.png">
24    <link rel="apple-touch-icon" sizes="60x60" href="/images/favicon.ico/apple-icon-60x60.png">
25    <link rel="apple-touch-icon" sizes="72x72" href="/images/favicon.ico/apple-icon-72x72.png">
26    <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon.ico/apple-icon-76x76.png">
27    <link rel="apple-touch-icon" sizes="114x114" href="/images/favicon.ico/apple-icon-114x114.png">
28    <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon.ico/apple-icon-120x120.png">
29    <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon.ico/apple-icon-144x144.png">
30    <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon.ico/apple-icon-152x152.png">
31    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon.ico/apple-icon-180x180.png">
32    <link rel="icon" type="image/png" sizes="192x192"  href="/images/favicon.ico/android-icon-192x192.png">
33    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.ico/favicon-32x32.png">
34    <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon.ico/favicon-96x96.png">
35    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.ico/favicon-16x16.png">
36    <link rel="manifest" href="/images/favicon.ico/manifest.json">
37    <meta name="msapplication-TileColor" content="#ffffff">
38    <meta name="msapplication-TileImage" content="/images/favicon.ico/ms-icon-144x144.png">
39    <meta name="theme-color" content="#ffffff">
40   	
41 
42 <!-- Facebook Meta Tags -->
43<meta property="og:type" content="website">
44<meta property="og:title" content="Live the Lake NJ">
45<meta property="og:description" content="Check out a map of all that Lake Hopatcong has to offer! ">
46<meta property="og:image" content="https://www.livethelakenj.com//images/siteimages/LTL_SM.jpg">
47   
48 
49 <!-- Twitter Meta Tags -->
50<meta name="twitter:card" content="summary_large_image">
51<meta name="twitter:title" content="Live the Lake NJ">
52<meta name="twitter:description" content="Check out a map of all that Lake Hopatcong has to offer! ">
53<meta name="twitter:image" content="https://www.livethelakenj.com//images/siteimages/LTL_SM.jpg">
54
55
56 
57    
58	<!-- Google Analytics --><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, line 58
58 <script async src="https://www.googletagmanager.com/gtag/js?id=
58UA-132805003-1
vendor: 12 bytes, line 58
58"></script> 
58<script>   
vendor: 134 bytes, line 58
58window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());    gtag('config', '
58UA-132805003-1
vendor: 4 bytes, line 58
58'); 
58</script>
58
59	
60	<!-- Schema Data -->
60<script type="application/ld+json"> {   "@context": "https://schema.org",   "@type": "LocalBusiness",   "name": "Live the Lake NJ",   "image": "https://www.livethelakenj.com/images/siteimages/Live-The-Lake-NJ.svg",   "@id": "https://www.livethelakenj.com/",   "url": "https://www.livethelakenj.com/",   "telephone": "+19736630580",   "address": {     "@type": "PostalAddress",     "streetAddress": "37 Nolans Point Park Rd",     "addressLocality": "Lake Hopatcong",     "addressRegion": "NJ",     "postalCode": "07849",     "addressCountry": "US"   },   "geo": {     "@type": "GeoCoordinates",     "latitude": 40.9478235,     "longitude": -74.62986419999999   }  } </script>
60
61	
62
63
64
65<!-- Google Tag Manager -->
66<script>
vendor: 327 bytes, lines 66-70
66(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
67new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
68j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
69'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
70})(window,document,'script','dataLayer','
70GTM-PLHVVGC
vendor: 3 bytes, line 70
70');
70</script>
70
71<!-- End Google Tag Manager -->
72<!-- Hotjar -->
73<script>
vendor: 116 bytes, lines 73-75
73
74    (function(h,o,t,j,a,r){h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
75        h._hjSettings={hjid:
753022077
vendor: 258 bytes, lines 75-80
75,hjsv:6};
76        a=o.getElementsByTagName('head')[0];
77        r=o.createElement('script');r.async=1;
78        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
79        a.appendChild(r);
80    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
81</script>
81
82<!-- End Hotjar -->
83  </head>
84  <body>
85  <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 85-86
85
86<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
86GTM-PLHVVGC
vendor: 83 bytes, lines 86-87
86"
87height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
88<!-- End Google Tag Manager (noscript) -->
89<!-- Meta Pixel Code -->
90<script>
vendor: 399 bytes, lines 90-99
90
91!function(f,b,e,v,n,t,s)
92{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
93n.callMethod.apply(n,arguments):n.queue.push(arguments)};
94if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
95n.queue=[];t=b.createElement(e);t.async=!0;
96t.src=v;s=b.getElementsByTagName(e)[0];
97s.parentNode.insertBefore(t,s)}(window, document,'script',
98'https://connect.facebook.net/en_US/fbevents.js');
99fbq('init', '
993288608787902797
vendor: 30 bytes, lines 99-100
99');
100fbq('track', 'PageView');
101</script>
101
102<noscript><img height="1" width="1" style="display:none"
103src="https://www.facebook.com/tr?id=3288608787902797&ev=PageView&noscript=1"
104/></noscript>
105<!-- End Meta Pixel Code -->
106  
107  <div class="off-canvas position-right" id="offCanvasRightOverlap" data-off-canvas data-transition="overlap">
108      <div class="grid-x grid-padding-x grid-padding-y align-middle">
109          <div class="cell"><button class="close-button" aria-label="Close menu" type="button" data-close>
110            <span aria-hidden="true">x</span> </button></div>
111          
112          <div class="cell self-align-middle"><div class="searchform align-middle">
113<form method="post" action="https://www.livethelakenj.com/"  >
114<div class='hiddenFields'>
115<input type="hidden" name="ACT" value="24" />
116<input type="hidden" name="RES" value="" />
117<input type="hidden" name="meta" value="cnRNw+7yfqE/FIcx2vNbLMsGwFfk3AMEOIfUw7Tkx/2AscpRDD463g/NbXsOckl9YU6Y8wMboOB9YWuQc9fkJko5fw6Rt69Dm9TDsRQBE+26VMRYa/4/5kD7iGomdgiVUG29XeAQjL9fSlxzOcuYsYYxgEFZeKnIi3xNzCeDm3FZhP0mV3flcdpPuCJVgGaDR7KIDMeJtnWb+mFaL3t3TBafjuhTurPWh+2Lv2dnGvxJbL8qrbMYPMMMQO5+K3AtnB54i6bdxJfC6D27nJb129VnO9hQSd1pXwwgSjciSRnkS/8vpgMKD9sLtEWtKT1dz5ng5SjnIQjPqt31DWAI8GfUsBN1kOISXsUcdNQkPGZPZv8NmktHWufHxSjIkVyUIja+kzhtm2nOIyzbpLwzVw==" />
118<input type="hidden" name="site_id" value="1" />
119<input type="hidden" name="csrf_token" value="a4bc8242fda5ffe0dde56e07dbb0b7d39d57fd4e" />
120</div>
121
122
123<input type="text" name="keywords" id="keywords" value="" maxlength="100" placeholder="Search...">
124<input type="image" value="submit" src="/images/layout/Icon_Search.svg" alt="search">
125</form>
126</div></div>
127      </div>
128      <div class="grid-x grid-padding-x grid-padding-y align-middle bg-texture-green">
129          <div class="cell">
130            <a href="https://www.livethelakenj.com/"><img src="/images/layout/Icon_ViewMap.svg" alt="Map of Nolans Point"> View Map</a>
131          </div>
132          <div class="cell">
133            <a href="/our-businesses"><img src="/images/layout/Icon_OurBusinesses.svg" alt="Businesses"> Our Businesses</a>
134          </div>
135          <div class="cell">
136            <a href="/news-events"><img src="/images/layout/Icon_Events.svg" alt="News"> News &amp; Events</a>
137          </div>
138          <div class="cell">
139            <a href="/about-us"><img src="/images/layout/Icon_AboutUs.svg" alt="About"> About Us</a>
140          </div>
141          <div class="cell">
142            <a href="/plan-your-events"><img src="/images/layout/Icon_PlanYourEvent.svg" alt="Plan Events"> Plan Your Events</a>
143          </div>
144          <div class="cell">
145            <a href="/contact-us"><img src="/images/layout/Icon_ContactUs.svg" alt="Contact"> Contact Us</a>
146          </div>
147          <div class="cell">
148            <a href="/job-opportunities"><img src="/images/layout/Icon_JobOpportunities.svg" alt="Job"> Job Opportunities</a>
149          </div>
150          <div class="cell">
151            <a href="#" data-open="camwindow"><img src="/images/layout/Icon_LiveCamera.svg" width="45" alt="Camera"> Lake LIVE</a>
152          </div>
153          <div class="cell">
154            <a href="/home"><img src="/images/layout/Icon_Home.svg" alt="Home"> Home</a>
155          </div>
156      </div>
157      <div class="grid-x grid-padding-x ptb2">
158          <div class="cell text-center">
159            <p>The Live the Lake NJ Family of businesses are a group of unique experiences and locations around Lake Hopatcong. </p>
160          </div>
161          <div class="cell text-center">
162              <ul class="social">
163                <li><a href="https://www.facebook.com/livethelakenj/" target="_blank"><img src="/images/layout/facebook.png" alt="facebook"></a></li>
164                <li><a href="https://www.instagram.com/livethelakenj/" target="_blank"><img src="/images/layout/instagram.png" alt="Instagram"></a></li>
165              </ul>
166          </div>
167      </div>
168    </div> 
169	 <!-- Tablet Mobile Menu --> 
170   <div class="overlay overlay-slidedown">
171    <div class="grid-container p0">
172        <div class="grid-x show-for-large">
173         	<div class="cell"><button type="button" class="overlay-close-desk">X</button></div>
174        </div>
175        <div class="grid-x grid-padding-x hide-for-large p1">
176            <div class="cell text-right"><button type="button" class="overlay-close">X</button></div>
177            <div class="cell plr1">
177<img src="/images/siteimages/Live-the-Lake-New-Jersey.png" alt="Live The Lake NJ"></div>
178            <div class="medium-6 cell plr1"><div class="searchform align-middle">
179<form method="post" action="https://www.livethelakenj.com/"  >
180<div class='hiddenFields'>
181<input type="hidden" name="ACT" value="24" />
182<input type="hidden" name="RES" value="" />
183<input type="hidden" name="meta" value="cnRNw+7yfqE/FIcx2vNbLMsGwFfk3AMEOIfUw7Tkx/2AscpRDD463g/NbXsOckl9YU6Y8wMboOB9YWuQc9fkJko5fw6Rt69Dm9TDsRQBE+26VMRYa/4/5kD7iGomdgiVUG29XeAQjL9fSlxzOcuYsYYxgEFZeKnIi3xNzCeDm3FZhP0mV3flcdpPuCJVgGaDR7KIDMeJtnWb+mFaL3t3TBafjuhTurPWh+2Lv2dnGvxJbL8qrbMYPMMMQO5+K3AtnB54i6bdxJfC6D27nJb129VnO9hQSd1pXwwgSjciSRnkS/8vpgMKD9sLtEWtKT1dz5ng5SjnIQjPqt31DWAI8GfUsBN1kOISXsUcdNQkPGZPZv8NmktHWufHxSjIkVyUIja+kzhtm2nOIyzbpLwzVw==" />
184<input type="hidden" name="site_id" value="1" />
185<input type="hidden" name="csrf_token" value="a4bc8242fda5ffe0dde56e07dbb0b7d39d57fd4e" />
186</div>
187
188
189<input type="text" name="keywords" id="keywords" value="" maxlength="100" placeholder="Search...">
190<input type="image" value="submit" src="/images/layout/Icon_Search.svg" alt="search">
191</form>
192</div></div>
193        </div>
194        <div class="grid-x small-up-1 medium-up-2 bg-texture-green align-middle hide-for-large">
195              <div class="cell">
196            <a href="https://www.livethelakenj.com/"><img src="/images/layout/Icon_ViewMap.svg" alt="Map of Nolans Point"> View Map</a>
197          </div>
198          <div class="cell">
199            <a href="/our-businesses"><img src="/images/layout/Icon_OurBusinesses.svg" alt="Businesses"> Our Businesses</a>
200          </div>
201          <div class="cell">
202            <a href="/news-events"><img src="/images/layout/Icon_Events.svg" alt="News"> News &amp; Events</a>
203          </div>
204          <div class="cell">
205            <a href="/about-us"><img src="/images/layout/Icon_AboutUs.svg" alt="About"> About Us</a>
206          </div>
207          <div class="cell">
208            <a href="/plan-your-events"><img src="/images/layout/Icon_PlanYourEvent.svg" alt="Plan Events"> Plan Your Events</a>
209          </div>
210          <div class="cell">
211            <a href="/contact-us"><img src="/images/layout/Icon_ContactUs.svg" alt="Contact"> Contact Us</a>
212          </div>
213          <div class="cell">
214            <a href="/job-opportunities"><img src="/images/layout/Icon_JobOpportunities.svg" alt="Job"> Job Opportunities</a>
215          </div>
216          <div class="cell">
217            <a href="#" data-open="camwindow"><img src="/images/layout/Icon_LiveCamera.svg" width="45" alt="Camera"> Lake LIVE</a>
218          </div>
219          <div class="cell">
220            <a href="/home"><img src="/images/layout/Icon_Home.svg" alt="Home"> Home</a>
221          </div>
222        </div>
223        <div class="grid-x">
224          <div class="large-8 large-offset-2 cell">
225            <div class="grid-x grid-padding-x small-up-2 medium-up-3 large-up-3 business-nav">
226            	<div class="cell"><a class="Track-Business" href="https://www.thewindlass.com/" target="_blank"><img src="/images/logo/windlass.svg" alt="The Windlass"></a></div>
227                  <div class="cell"><a class="Track-Business" href="https://www.mainlakemarket.com/" target="_blank"><img src="/images/logo/main-lake-market.svg" alt="Main Lake Market"></a></div>
228                  <div class="cell"><a class="Track-Business" href="https://www.nolanspoint.com/" target="_blank"><img src="/images/logo/nolanspoint.svg" alt="Nolan's Point"></a></div>
229                  <div class="cell"><a class="Track-Business" href="https://www.lhadventureco.com/"><img src="/images/logo/the_lake_hopatcong_adventure_co.svg"alt="Lake Hopatcong Adventure Company"></a></div>
230                  <div class="cell"><a class="Track-Business" href="https://www.livethelakenj.com/" target="_blank"><img src="/images/logo/live-the-lake.svg" alt="Live the Lake NJ"></a></div>
231                  <div class="cell"><a class="Track-Business" href="https://www.lhcruises.com/" target="_blank"><img src="/images/logo/lake-hopatcong-cruises.svg" alt="Lake Hopatcong Cruises"></a></div>
232                  <div class="cell"><a class="Track-Business" href="https://www.lhgolfclub.com/" target="_blank"><img src="/images/logo/lake-hopatcong-golf-club.svg" alt="Lake Hopatcong Golf Club"></a></div>
233                  <div class="cell"><a class="Track-Business" href="https://www.alicesrestaurantnj.com/" target="_blank"><img src="/images/logo/alices.svg" alt="Alice's"></a></div>
234                  <div class="cell"><a class="Track-Business" href="https://www.alicesrestaurantnj.com/" target="_blank"><img src="/images/logo/big-fish-lounge.svg" alt="Big Fish Lounge"></a></div>
235                  <div class="cell"><a class="Track-Business" href="https://hawkridgefarmnj.com/" target="_blank"><img src="/images/logo/hawk-ridge-farm.svg" alt="Hawk Ridge Farm"></a></div>
236                 
237                  <div class="cell"><a class="Track-Business" href="https://www.facebook.com/lakehopatcongtaxi/" target="_blank"><img src="/images/logo/lake-hopatcong-taxi.svg" alt="Lake Hopatcong Taxi"></a></div>
238                  <div class="cell hide-for-small-only"></div>
239            
240            </div>
241          </div>
242        </div>
243    </div>
244  </div>
245  
246 <div class="off-canvas-content" data-off-canvas-content> 
247 <div class="top-panel" style="z-index:1;">
248
249
250        <div class="grid-container pt1">
251          <div class="grid-x grid-padding-x align-middle">
252            <div class="medium-1 cell">
253             <span class="business-icon show-for-large text-center" id="trigger-overlay-desk"><img src="/images/layout/BusinessNav.png" alt="Business Menu"></span> 
254            </div> 
255            <div class="medium-4 small-8 cell"><a href="/home"><img src="/images/siteimages/Live-The-Lake-NJ-.svg" alt="Live The Lake NJ"></a></div>
256              <div class="medium-6 small-2 cell"  style="padding-left:0;">
257                 <ul class="menu">
258                  <li><a href="/our-businesses">Our Businesses</a></li>
259                  <li><a href="/news-events">News &amp; Events</a></li>
260                  
261                 </ul>
262              </div>
263              <div class="small-1 cell">
264                <div class="nav-menu show-for-large" data-toggle="offCanvasRightOverlap"><span class="menu-icon"></span></div>
265                <div class="nav-menu hide-for-large" id="trigger-overlay"><span class="menu-icon"></span></div>
266              </div>
267          </div>
268        </div>
269    </div>
270 
271 
272
273
274
275 <div class="parent">
276    <div class="auto-modal hide-for-small-only" id="expandbox">
277            <div class="grid-container">
278              <div class="grid-x grid-padding-x grid-padding-y align-middle">
279                  <div class="medium-5 cell cell-bg" style="padding: 2rem;">
280                    <h1 style="font-size: 18px;">Discover Live The Lake NJ Interactive Map</h1>
281                    <p><br><img src="/images/map/icon-move.png" alt="move icon" width="30"> Scroll or drag the map to explore
282                    <br><br><img src="/images/map/icon-click.png" alt="click icon" width="30"> Click on a business to learn more</p>
283                    
284                  </div>
285                  <div class="medium-7 cell"></div>
286                 
287              </div>
288            </div>
289        </div> 
290        <div class="auto-modal show-for-small-only">
291            <div class="grid-container">
292              <div class="grid-x grid-padding-x grid-padding-y align-middle">
293                  <div class="cell pb0">
294                    <h6>Touch a business to learn more.</h6>
295                  </div>
296              </div>
297            </div>
298        </div> 
299 
300 	<div class="mobile-map show-for-small-only">
301        <img src="https://www.livethelakenj.com/images/map/ltl_mobile_2503.jpg" alt="Live The Lake NJ Map">
302        <div class="mobile-marker">
303            <a href="/our-businesses/alices-and-big-fish-lounge" class="map-business-mobile"><div class="b1"> </div></a>
304            <a href="/our-businesses/the-windlass" class="map-business-mobile"><div class="b2"> </div></a>
305            <a href="/our-businesses/lake-hopatcong-golf-club" class="map-business-mobile"><div class="b3"> </div></a>
306            <a href="/our-businesses/lake-hopatcong-adventure-co" class="map-business-mobile"><div class="b4"> </div></a>
307            <a href="/our-businesses/nolans-point-events" class="map-business-mobile"><div class="b5"> </div></a> --}
308            <a href="/our-businesses/lake-hopatcong-cruises" class="map-business-mobile"><div class="b6"> </div></a>
309            <a href="/our-businesses/main-lake-market" class="map-business-mobile"><div class="b7"> </div></a>
310            <a href="/home" class="map-business-mobile"><div class="b8"> </div></a>
311            <a href="/our-businesses/hawk-ridge-farm" class="map-business-mobile"><div class="b9"> </div></a>
312        </div>
313      </div>
314      
315      <div class="container hide-for-small-only">
316          <div class="free dragscroll">  
317             <div class="dragmap"> 
318                <div class="marker-container">
319                  <div class="outer-div"> 
320                  		<div class="element-ducks"><img src="/images/map-animation/svg/ducks.svg" alt="ducks"></div>
321                  		<div class="element-boat-1"> <img src="/images/map-animation/svg/boat1.svg" alt="boat on water"></div>
322                      	<div class="element-swing"><img src="/images/map-animation/svg/swing.svg" alt="swings at the Windlass"></div>
323                        <div class="element-boat-2"><img src="/images/map-animation/svg/boat2.svg" alt="boat on water"></div>
324                      	<div class="element-pedalboards"><img src="/images/map-animation/svg/pedalboards.svg" alt="pedalboarders on water"></div>
325                      	<div class="element-biker"><img src="/images/map-animation/svg/LHAC_biker.svg" alt="biker riding on the docks"></div>  
326                        
327               <div id="r1" class="red-marker-1" onclick="showAlice()"><img src="/images/map-animation/svg/alices.svg" alt="Alice's"></div>
328                <div id="alice" class="pop-up-card">
329                  <div class="arrow"></div>
330                  <p class="bold">Things to Do</p>
331                  <h5 onclick="hideAlice()">X</h5>
332                   
333                  <img src="/images/siteimages/Map_Alice.jpg" alt="View of the outside of Alice's Restaurant and Big Fish Lounge.">
334                  <h4>Alice’s and Big Fish Lounge</h4>
335                  <p>Good Food, Comfortable Drink. There is more fun below deck!</p>
336                  <a href="/our-businesses/alices-and-big-fish-lounge" class="map-business">Read More</a>
337                  
338                </div>
339              <div id="r2" class="red-marker-2" onclick="showWindlass()"><img src="/images/map-animation/svg/windlass.svg" alt="People dining and chatting at the Windlass"></div>
340                <div id="windlass" class="pop-up-card">
341                  <div class="arrow"></div>
342                  <p class="bold">Things to Do</p>
343                  <h5 onclick="hideWindlass()">X</h5>
344                   
345                  <img src="/images/siteimages/Map_Windlass.jpg" alt="The Windlass's dining deck, as seen from the docks.">
346                  <h4>The Windlass</h4>
347                  <p>Enjoy casual indoor and outdoor dining with delicious year-round seasonal dishes and handcrafted drinks.</p>
348                  <a href="/our-businesses/the-windlass" class="map-business">Read More</a>
349                  
350                </div>
351              <div id="r3" class="red-marker-3" onclick="showGolfclub()"><img src="/images/map-animation/svg/golfclub.svg" alt="Lake Hopatcong Golf Club"></div>
352                <div id="golfclub" class="pop-up-card">
353                  <div class="arrow"></div>
354                  <p class="bold">Things to Do</p>
355                  <h5 onclick="hideGolfclub()">X</h5>
356                   
357                  <img src="/images/siteimages/Map_GolfClub.jpg" alt="Several replicas on the course at the Lake Hopatcong Golf Club.">
358                  <h4>Lake Hopatcong Golf Club</h4>
359                  <p>Family fun with an unbeatable view. 18-hole miniature golf course with a historic theme and snack kiosk.</p>
360                  <a href="/our-businesses/lake-hopatcong-golf-club" class="map-business">Read More</a>
361                  
362                </div>
363              <div id="r4" class="red-marker-4" onclick="showLhac()"><img src="/images/map-animation/svg/LHAC_arch.svg" alt="Man biking on the docks by the Lake Hopatcong Adventure Company sign"></div>
364                <div id="lhac" class="pop-up-card">
365                  <div class="arrow"></div>
366                  <p class="bold">Things to Do</p>
367                  <h5 onclick="hideLhac()">X</h5>
368                   
369                  <img src="/images/siteimages/Map_LHAC.jpg" alt="A group of adults riding hydrobikes on Lake Hopatcong.">
370                  <h4>Lake Hopatcong Adventure Co.</h4>
371                  <p>Pedal. Trek. Explore. Experience the lake and surrounding area&nbsp;with an adventure tour.</p>
372                  <a href="/our-businesses/lake-hopatcong-adventure-co" class="map-business">Read More</a>
373                  
374                </div>
375              <div id="r5" class="red-marker-5" onclick="showCruises()"><img src="/images/map-animation/svg/misslotta.svg" alt="Miss Lotta sailing on the lake"></div>
376                <div id="cruises" class="pop-up-card">
377                  <div class="arrow"></div>
378                  <p class="bold">Things to Do</p>
379                  <h5 onclick="hideCruises()">X</h5>
380                   
381                  <img src="/images/siteimages/Map_Cruise.jpg" alt="Lake Hopatcong Cruises's skipperliner on the lake at sunset.">
382                  <h4>Lake Hopatcong Cruises</h4>
383                  <p>Set sail on a beautiful lunch or dinner cruise aboard Miss Lotta, the 57 foot Skipperliner! You&rsquo;ll enjoy a delicious meal, full bar, and the best view on the water!&nbsp;</p>
384                  <a href="/our-businesses/lake-hopatcong-cruises" class="map-business">Read More</a>
385                  
386                </div>
387                
388              <div id="r6" class="" style="position: relative;clear: both;width: 380px;left: 540px;top: -130px;"><img src="/images/map-animation/svg/taxi.svg" alt="Lake Hopatcong Taxi"></div>
389              
390              <div id="r7" class="red-marker-7" onclick="showMarket()"><img src="/images/map-animation/svg/mainlakemarket.svg" alt="Main Lake Market"></div>
391                <div id="market" class="pop-up-card">
392                  <div class="arrow"></div>
393                  <p class="bold">Things to Do</p>
394                  <h5 onclick="hideMarket()">X</h5>
395                   
396                  <img src="/images/siteimages/Map_MainLakeMarket.jpg" alt="Main Lake Market building on Lake Hopatcong">
397                  <h4>Main Lake Market</h4>
398                  <p>The Main Lake Market offers everything you need for a day on the lake:&nbsp;dockside gas, marine supplies, a deli, an ice cream parlor, toys, gifts, and retail items-- simply a must see for all visitors to Lake Hopatcong!</p>
399                  <a href="/our-businesses/main-lake-market" class="map-business">Read More</a>
400                  
401                </div>
402                <div id="r8" class="red-marker-8" onclick="showLTLE()"><img src="/images/map-animation/svg/ltlevents.svg" alt="A group of employees playing tug of war by the lake."></div>
403                <div id="ltle" class="pop-up-card">
404                  <div class="arrow" style="transform: rotate(180deg); right: 0; margin-right: -0.95em;"></div>
405                  <p class="bold">Things to Do</p>
406                  <h5 onclick="hideLTLE()">X</h5>
407                   
408                  <img src="/images/siteimages/LTLNJEVENTS_TEAMBUILDING.jpg" alt="">
409                  <h4>LivetheLakeNJ Events</h4>
410                  <p><em><strong>Nolan&rsquo;s Point Events is now Live the Lake NJ Events!</strong></em><br />
411Planning an event doesn&rsquo;t have to be stressful. At Live the Lake NJ Events, we make it easy and fun. Whether you&#39;re organizing a team-building day, company outing, or private celebration, we&rsquo;ve got you covered. Think old-school field day games, water activities like hydrobiking and kayaking, and even private events aboard the Miss Lotta on Lake Hopatcong. With flexible venues and plenty of add-ons, we&rsquo;ll help you create an experience your group won&rsquo;t forget.</p>
412                  <a href="/our-businesses/live-the-lake-events" class="map-business">Read More</a>
413                  
414                </div>
415                <div id="r9" class="red-marker-9" onclick="showHRF()"><img src="/images/map-animation/svg/hrf.svg" alt="Hawk Ridge Farm"></div>
416                <div id="hrf" class="pop-up-card">
417                  <div class="arrow"></div>
418                  <p class="bold">Things to Do</p>
419                  <h5 onclick="hideHRF()">X</h5>
420                   
421                  <img src="/images/siteimages/Map_HRF.jpg" alt="A basket of assorted fresh-picked vegetables from Hawk Ridge Farm">
422                  <h4>Hawk Ridge Farm</h4>
423                  <p>Proudly serving the Lake Hopatcong region, Hawk Ridge Farm provides the local community with organic produce and distinctive farm experiences including a rescue animal center, farm stand, and farm-to-table meals.</p>
424                  <a href="/our-businesses/hawk-ridge-farm" class="map-business">Read More</a>
425                  
426                </div>
427          </div>
428                </div>
429              <div class="map-container"><img src="/images/map-animation/svg/ltl_map_1975x1775_03-2025.svg" alt="Nolan's Point at Lake Hopatcong"></div>
430             </div>
431          </div>
432    </div>
433</div>
434      
435 
436
437
438<div class="reveal map-message" id="mapModal" data-reveal>
439  <button class="close-button" data-close aria-label="Close modal" type="button"><span aria-hidden="true">X</span></button>
440     <div class="grid-container p2">
441          <div class="grid-x grid-padding-x pb2">
442            <div class="cell pb2">
443                <h3>Discover Live the Lake NJ</h3>
444                <h4>Interactive Map</h4>
445            </div>
446          </div>
447          <div class="grid-x grid-padding-x pb2">
448            <div class="medium-6 cell">
449                <p><img src="/images/map/icon-move.png" alt="move icon"></p>
450                <p>Click and drag the map to explore Live the Lake NJ</p>
451            </div>
452            <div class="medium-6 cell">
453                 <p><img src="/images/map/icon-click.png" alt="click icon"></p>
454                <p>Click on red circles to learn more about a business</p>
455            </div>
456          </div>
457          <div class="grid-x grid-padding-x pb2">
458            <div class="cell pb2">
459                <p><a href="#"  data-close aria-label="Close modal" aria-hidden="true" class="button">Start Exploring</a></p>
460            </div>
461          </div>
462    </div> 
463</div> 
464
465
466 
467 <div class="reveal" id="camwindow" data-reveal>
468  <div class="">
469    <div class="cell">
470      <button class="close-button" data-close aria-label="Close modal" type="button">
471        <span aria-hidden="true">X</span>
472      </button> 
473    </div>
474    <div class="cell"><h4>Lake Live View</h4></div>
475    <div class="cell">
476    <iframe type="text/html" frameborder="0" width="550" height="394" src="//video.nest.com/embedded/live/jsGLkPzjTH?autoplay=1" allowfullscreen></iframe>
477   
478    </div>
479  </div>
480</div>
481
482
483 </div> 
484 
485  <div class="full reveal" id="homeModal"data-reveal>
486    <div class="grid-container">
487     <div class="grid-x align-center align-middle">
488     
489      <div class="large-8 medium-8 small-12 cell">
490       <div class="grid-x align-center popup-bg">
491     	<div class="cell text-right p1">
492         	<button data-close aria-label="Close modal" type="button"><span aria-hidden="true"><img src="/images/siteimages/ltl-popup-x.svg" alt="Click X to close" width="40"></span> </button>
493       </div>
494        <div class="medium-8 cell textblock">
495          <p><img src="/images/siteimages/ltl-attention.svg" alt="attention" width="35"></p>
496          <p style="text-align: center;"><strong>The LivetheLakeNJ Family is hiring for the 2026 Season!</strong></p>
497
498<p style="text-align: center;"><a href="https://livethelakenj.com/job-opportunities"><u><strong>Learn More Here</strong></u></a></p>
499
500<p style="text-align: center;">&nbsp;</p>
501        </div>
502      </div>
503    </div>
504    <div class="medium-12 cell anim-image">
505        	<img src="/images/siteimages/ltl-popup-animation.svg" alt="a boat on water" class="hide-for-small-only">
506            <img src="/images/siteimages/ltl-popup-mobile.png" alt="a boat on water" class="show-for-small-only">
507        </div>
508    
509   </div>
510  </div>
511</div>
512
513 
513<script src="/node_modules/jquery/dist/jquery.js"></script>
513
514    
514<script src="/node_modules/what-input/dist/what-input.js"></script>
514
515    
515<script src="/node_modules/foundation-sites/dist/js/foundation.js"></script>
515
516    
516<script src="/js/min/app-min.js"></script>
516
517    
517<script src="/js/classie.js"></script>
517
518    
518<script src="/js/demo1.js"></script>
518
519   
520    
520<script src="/js/custom.js"></script>
520
521    
521<script src="/js/map-animation.js"></script>
521
522    
522<script type="text/javascript">
523    	$(document).ready(function(){
524          $('#expandbox').fadeIn(1500).delay(9000).fadeOut(2000);
525          $('.auto-modal-close').click(function(){$('#expandNews').hide();});
526         $("#toggleNews").click(function() { 
527              $("#expandNews").toggle('slow');
528              $(".swap img").toggleClass('swap-on');
529          });
530        
531        });
532    </script>
532
533    
533<script type="text/javascript">
534    	$(document).ready(function() {
535            var image = new Array ();
536            image[0] = "/images/layout/guyBike.png";
537            image[1] = "/images/layout/guyCoffee.png";
538            image[2] = "/images/layout/guyGolf.png";
539            image[3] = "/images/layout/guyHydrobike.png";
540            image[4] = "/images/layout/guyRWB.png";
541            var size = image.length
542            var x = Math.floor(size*Math.random())
543            $('#fiveGuys').attr('src',image[x]);
544        });
545    </script>
545
546     
547    
548  </body>
549</html>
550
551 

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.