1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 <title>Sea Isle City Beach Patrol - Photo Gallery</title> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 9 <meta name="AUTHOR" content="EvoGov.com"/> 10 <meta name="COPYRIGHT" content="Copyright "/> 11 <meta name="GENERATOR" content="Evo Cloud - www.evo.cloud"/> 12 <meta name="description" content=""/> 13
13<script src="https://cdn.evo.cloud/scripts/jquery/3.3.1/jquery-3.3.1.min.js"></script>
13 14 <style>.evo_background_random_from_slideshow_if_no_background_slideshow { 15 background-size: auto !important; 16} 17 18#evo_interior_content .evo_slideshow_slides_wrapper { 19 height: 530px; 20 position: relative; 21} 22.evo_slideshow_controls { 23 display: none; 24} 25 26html { 27 box-sizing: border-box; 28 font-family: 'Montserrat', sans-serif; 29 color: #333; 30 width: 100%; 31 height: auto; 32} 33body { 34 display: grid; 35 margin: 0; 36 width: 100%; 37 height: auto; 38 box-sizing: border-box; 39 font-family: 'Montserrat', sans-serif; 40} 41.btn { 42 color: #FFF; 43 background: #333; 44 padding: 0.6rem 1.3rem; 45 text-decoration: none; 46 border: 0; 47} 48a { 49 text-decoration: none; 50 color: #2675A6; 51} 52img { 53 max-width: 100%; 54} 55.evo_menu_mobile_visible { 56 left: 0px !important; 57 transition: left 0.5s ease !important; 58} 59.evo_menu_mobile_visible_content_wrapper { 60 margin-left: 100%; 61 transition: margin-left 0.5s ease !important; 62 overflow-x: hidden; 63} 64.evo_department_related_pages_level { 65 width: 100% !important; 66 display: inline-block; 67 padding: 0 !important; 68} 69.evo_department_related_page_link { 70 background: rgba(231, 231, 231, 1.0) !important; 71 padding: 5px !important; 72 width: 100% !important; 73} 74 75#evo_header { 76 height: 100px; 77 position: relative; 78 z-index: 5 !important; 79 box-sizing: border-box; 80 width: 100%; 81} 82#evo_top_strip { 83 background-color: #264425; 84 height: 30px; 85} 86 87#evo_search { 88 position: absolute; 89 top: 0px; 90 right: 50px; 91} 92#evo_search > form > div > span { 93 position: relative; 94 right: 30px; 95 cursor: pointer; 96} 97#evo_search input { 98 background-color: rgba(255, 255, 255, 0.8); 99 border-radius: 5px; 100 width: 250px; 101 height: 20px; 102} 103.evo_form_submit { 104 float: right; 105} 106#evo_overall_content_wrapper .evo_search_input { 107 width: 75%; 108} 109#evo_overall_content_wrapper .evo_search_button { 110 padding: 5px; 111} 112#evo_search button { 113 background-color: transparent; 114 border-width: 0px; 115 color: rgba(16, 94, 153, 1.0); 116} 117 118#evo_logo_primary { 119 position: absolute; 120 height: 160px; 121 margin-left: 70px; 122 margin-top: 35px; 123} 124#evo_logo_secondary { 125 position: absolute; 126 height: 120px; 127 margin-top: 5px; 128} 129#evo_title_logo span img { 130 height: 4em; 131 position: absolute; 132 margin-top: 1.5em; 133 margin-left: 2em; 134} 135#evo_header .title { 136 box-sizing: border-box; 137 max-width: 100%; 138 width: 100%; 139} 140#evo_header #evo_title_logo_div { 141 width: 100%; 142 box-sizing: border-box; 143 min-width: 90vw; 144} 145#evo_header .evo_title_prefix { 146 147} 148#evo_header .evo_title_main { 149 position: absolute; 150 color: #fff; 151 font-size: 55px; 152 top: 30px; 153 margin-left: 40px; 154} 155#evo_header .evo_title_suffix { 156 position: absolute; 157 color: #fff; 158 font-size: 18px; 159 top: 20px; 160 margin-left: 40px; 161 letter-spacing: 10.5px; 162} 163 164#evo_top_strip { 165 position: absolute; 166 display: inline-block; 167 top: 0; 168 width: 100%; 169} 170#evo_top_strip .nav { 171 margin: 3px; 172} 173#evo_top_strip li { 174 list-style: none; 175 display: inline-block; 176} 177#evo_top_strip a { 178 color: #fff; 179 padding: 10px 4px; 180} 181#evo_top_strip i { 182 font-size: 24px; 183} 184 185.menu_item_title { 186 font-style: italic; 187 color: #8ca800 !important; 188} 189#evo_main_menu_wrapper { 190 position: relative; 191 margin-top: -50px; 192 padding: 0 0 0 0; 193 z-index: 1000; 194 box-sizing: border-box; 195 height: auto; 196 margin-left: 15%; 197 margin-right: 30px; 198} 199#evo_main_menu { 200 margin-top: 10px; 201 z-index: 1000; 202 box-sizing: border-box; 203 max-width: 100%; 204 205} 206#evo_main_menu .evo_menu_inner_wrapper { 207 box-sizing: border-box; 208 max-width: 100%; 209} 210#evo_main_menu > div > ul { 211 display: grid; 212 grid-gap: 20px; 213 grid-template-columns: repeat(auto-fit, minmax(75px, 1fr)); 214 padding-left: 0px; 215 padding-right: 0px; 216 margin-left: 0px; 217 margin-right: 0px; 218 background-color: transparent !important; 219 max-width: 100%; 220 box-sizing: border-box; 221} 222#evo_main_menu > div > ul > li > a { 223 text-decoration: none; 224 padding-top: 5px; 225 padding-bottom: 5px; 226 text-align: center; 227 color: #FFF; 228 font-weight: 700; 229 font-size: 18px; 230 position: relative; 231 white-space: nowrap; 232 display: block; 233 background: #264425; 234} 235#evo_main_menu > div > ul > li > a:hover { 236 text-decoration: underline; 237} 238#evo_main_menu li { 239 list-style: none; 240} 241#evo_main_menu > div > ul > li:hover { 242 243} 244#evo_main_menu > div > ul { 245 background: rgba(30, 90, 30, 1.0); 246} 247#evo_main_menu.evo_desktop_mode > div > ul > li > ul { 248 background: rgba(0, 0, 0, 0.85); 249 display: none; 250 visibility: hidden; /* Do not display the menu under any headings not being hovered over */ 251} 252#evo_main_menu.evo_desktop_mode > div > ul > li:hover > ul {
253 /* Main Menu Dropdown Background Color */ 254 visibility: visible; /* Display the menu under any headings being hovered over */ 255 display: block !important; 256 position: absolute; 257 overflow-y: auto; /* Make the dropdown scrollable if it is longer than the height for any reason */ 258} 259#evo_main_menu > div > ul > li > ul.evo_display_block_important { 260 display: block !important; 261} 262#evo_main_menu > div > ul > li > ul a { 263 /* Align all span and link text to the left in the main menu that is not in the heading */ 264 text-align: left; 265} 266 267#evo_main_menu > div > ul > li > ul > li { 268 padding: 5px; 269} 270#evo_main_menu > div > ul > li > ul > li ul { 271 padding: 5px; 272} 273#evo_main_menu > div > ul > li > ul > li > ul > li { 274 margin-left: 10px; 275} 276#evo_main_menu > div > ul > li > ul > li > a { 277 font-size: 1.0rem; 278 padding-top: 0px; 279 color: #FFF; 280 text-decoration: none; 281 font-weight: bolder; 282 text-transform: uppercase; 283} 284#evo_main_menu > div > ul > li > ul > li > ul > li > a { 285 font-size: 0.95rem; 286 padding-top: 0px; 287 color: #FFF; 288 text-decoration: none; 289} 290#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > a { 291 font-size: 0.90rem; 292 padding-top: 0px; 293 color: #FFF; 294 text-decoration: none; 295} 296#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > a { 297 font-size: 0.85rem; 298 padding-top: 0px; 299 color: #FFF; 300 text-decoration: none; 301} 302#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { 303 font-size: 0.80rem; 304 padding-top: 0px; 305 color: #FFF; 306 text-decoration: none; 307} 308#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { 309 display: none; 310} 311#evo_menu_float a { 312 text-decoration: none; 313 color: #FFF; 314} 315 316#evohome { 317 width:100%; 318 height:auto; 319 display:grid; 320 margin-top: -85px; 321} 322 323#evo_bottom_action { 324 text-align: center; 325 box-sizing: border-box; 326 background-color: #FFF !important; 327} 328#evo_bottom_action ul { 329 list-style: none; 330 display: grid; 331 grid-gap: 20px; 332 padding: 0 25px; 333 grid-template-columns: repeat(6, 1fr); 334} 335#evo_bottom_action li { 336 font-size: 20px; 337 font-weight: bold; 338 cursor: pointer; 339} 340#evo_bottom_action a { 341 color: #555; 342 text-decoration: none; 343 font-size: 20px; 344} 345#evo_bottom_action i { 346 color: #264425; 347 text-align: center; 348 font-size: 52px; 349 display: block; 350} 351 352#below_picture_content { 353 background: #FFF; 354} 355 356.top_boxes { 357 /*background-color: rgba(38, 68, 37,0.4);*/ 358 grid-template-columns: 1fr 1fr 1fr; 359 display: grid; 360 grid-gap: 20px; 361 padding: 20px; 362 text-align: center; 363} 364.top_boxes img { 365 border-radius: 4px; 366 box-shadow: 2px 2px 5px rgba(0,0,0,0.5); 367} 368.top_boxes h2 { 369 color: #555; 370 font-size: 26px; 371 font-weight: 700; 372 margin-top: 0; 373} 374 375#evo_social_action { 376 padding: 0 50px; 377 background: #EEE; 378} 379#evo_social_action h2 { 380 color: #555; 381 font-size: 32px; 382 font-weight: 700; 383} 384#evo_social_action .wrapper { 385 display: grid; 386 grid-gap: 20px; 387 grid-template-columns: 1fr 1fr 1fr; 388} 389#evo_social_action .facebook { 390 height: 500px; 391 overflow: scroll; 392 text-align: center; 393} 394#evo_social_action .twitter { 395 height: 500px; 396 overflow: scroll; 397 text-align: center; 398} 399#evo_social_action .instagram { 400 height: 500px; 401 overflow: scroll; 402 text-align: center; 403} 404 405.news_post_columns { 406 display: grid; 407 grid-template-columns: 1fr 1fr 1fr 1fr; 408} 409.evo_news_posts { 410 top: 0; 411 bottom: 0; 412 z-index: 10; 413 padding: 0 50px; 414} 415.evo_news_posts h2 { 416 color: #555; 417 font-size: 32px; 418 font-weight: 700; 419} 420.evo_news_posts .item { 421 padding: 10px; 422} 423.evo_news_posts .news-headline { 424 padding: 5px 0; 425 font-size: 1.2rem; 426 margin: 3px; 427} 428.evo_news_posts .news-date { 429 margin: 3px; 430 color: #A6A6A6; 431} 432.evo_news_posts .news-summary { 433 margin: 3px; 434}
435.news_post_columns_inner_wrapper { 436 display: grid; 437 grid-gap: 20px; 438 grid-template-columns: 1fr 1fr 1fr 1fr; 439 max-width: 100% !important; 440 margin-left: auto; 441 margin-right: auto; 442} 443.news_post_column { 444 width: 100% !important; 445 padding: 0px !important; 446} 447.news_post_columns_inner_wrapper img { 448 height: 180px !important; 449} 450 451.events-month-year-content-wrapper { 452 display: grid; 453 grid-template-columns: 1fr 1fr; 454 padding: 0px !important; 455} 456.evo_upcoming_events { 457 top: 0; 458 bottom: 0; 459 z-index: 10; 460 padding: 0 50px; 461} 462.evo_upcoming_events h2 { 463 color: #555; 464 font-size: 32px; 465 font-weight: 700; 466} 467.events-headline { 468 margin-left: 120px; 469 margin-top: 10px; 470 position: absolute; 471} 472.events-container { 473 min-height: 100px; 474 position: relative; 475 margin: 20px; 476 background-color: #EEE; 477} 478.events-date { 479 display: none; 480 font-size: 16px; 481 font-weight: 100; 482 background-color: #2675A6; 483 border-radius: 5px 5px 0 0; 484 width: 50px; 485 box-shadow: 1px 1px 5px #999; 486 color: #fff; 487 text-align: center; 488 margin: 0; 489 position: absolute; 490} 491.events-day_wrapper { 492 display: none; 493 font-size: 24px; 494 font-weight: bold; 495 color: #2675A6; 496 background-color: #fff; 497 height: 40px; 498 width: 50px; 499 border-radius: 0 0 5px 5px; 500 box-shadow: 1px 1px 5px #999; 501 text-align: center; 502 position: absolute; 503 top: 19px; 504} 505.events-month-year-heading { 506 display: none; 507} 508.month { 509 display: none; 510} 511.events-time { 512 display: none; 513} 514.events-summary { 515 position: absolute; 516 margin-left: 120px; 517 margin-top: 30px; 518 padding: 5px 0; 519} 520.evo_more_information { 521 float: right; 522} 523.events-month-day { 524 display: block !important; 525 position: absolute; 526 background-color: #555; 527 color: #FFF; 528 height: 100px; 529 width: 100px; 530 font-weight: 700; 531 text-align: center; 532 font-size: 2rem; 533 line-height: 2px; 534} 535 536#evo_footer { 537 color: #FFF; 538 background-color: #264425; 539} 540#evo_footer .bottom_strip { 541 height: 30px; 542 background-color: #555; 543 text-align: center; 544} 545#evo_footer li { 546 list-style: none; 547} 548#evo_footer .footer-box { 549 padding: 20px; 550 text-align: center; 551} 552#evo_footer .footer-box ul { 553 padding: 0; 554} 555#evo_footer a { 556 color: #FFF; 557 text-decoration: none; 558} 559#evo_footer a:hover { 560 text-decoration: underline; 561} 562#evo_footer h3 { 563 color: #FFF; 564 text-decoration: underline; 565 font-size: 20px; 566 margin: 0; 567} 568#evo_footer .address { 569 font-size: 16px; 570 z-index: 12; 571 position: relative; 572} 573#evo_link_to_evogov_cms { 574 width: 100%; 575 text-align: center; 576 color: #FFF; 577 font-size: 0.8em; 578} 579 580#evo_background_slideshow { 581 height: 650px; 582 margin-top: -182px; 583 max-width: 100%; 584 box-sizing: border-box; 585} 586#evo_background_slideshow .item { 587 width: 100%; 588 height: 650px !important; 589} 590#evo_background_slideshow img { 591 object-fit: cover; 592 position: absolute; 593} 594#evo_background_slideshow .evo_slideshow { 595 height: 100%; 596} 597#evo_background_slideshow .evo_slideshow_slide { 598 height: 0px; 599} 600#evo_background_slideshow .evo_slideshow_slides_wrapper { 601 position: relative; 602 overflow: hidden; 603} 604.evo_slideshow_slides_wrapper .current_slide img { 605 opacity: 1; 606 z-index: -1; 607 transition: opacity 1.25s ease-in-out; 608} 609#evo_background_slideshow .evo_slideshow_indicators { 610 list-style-type: none; 611} 612#evo_background_slideshow .evo_slideshow_previous { 613 display: none; 614} 615#evo_background_slideshow .evo_slideshow_next { 616 display: none; 617} 618.evo_slideshow_slides_wrapper { 619 position: absolute; 620 top: 0px; 621 width: 100%; 622 border-top: 0px black solid; 623 height: 100%; 624} 625.evo_slideshow_slides_wrapper .item { 626 width: 100%; 627 height: 100%; 628} 629.evo_slideshow_slides_wrapper img { 630 object-fit: cover; 631 position: absolute; 632 opacity: 0; 633 transition: opacity 1.25s ease-in-out; 634 635} 636 637#evo_interior_content_wrapper { 638 padding: 10px; 639 display: grid; 640 grid-gap: 10px; 641 grid-template-columns: 3fr 9fr; 642 min-height: calc(100vh - 135px - 300px); 643 box-sizing: border-box; 644 background-color: rgba(255, 255, 255, 0.2); 645 margin: 0px 10%; 646} 647#evo_interior_content { 648 max-width: 100%; 649 box-sizing: border-box; 650 background-color: #fff; 651 padding: 10px 260px; 652} 653#evo_interior_application_content_wrapper { 654 padding: 0px; 655 box-sizing: border-box; 656 max-width: 100%; 657 margin-top: 300px; 658} 659#evo_page_side_menu_wrapper { 660 padding-right: 10px; 661 background-color: #fff; 662} 663#evo_page_side_menu_wrapper a { 664 text-decoration: none; 665 color: rgba(30, 30, 30, 1.0); 666} 667#evo_page_side_menu_wrapper ul { 668 list-style: none; 669 padding-left: 10px; 670} 671#evo_interior_title, #evo_application_title { 672 text-align: left; 673 color: #555; 674 margin-top: 15px; 675 margin-bottom: 10px; 676 font-weight: 700; 677 font-size: 2rem; 678} 679#evo_overall_content_wrapper { 680 min-height: 100vh; 681 display: grid; 682 grid-template-rows: auto 1fr auto; 683 grid-template-columns: 100%; 684 box-sizing: border-box; 685 max-width: 100%; 686 transition: margin-left 0.5s ease !important; 687} 688 689#evo_meetings_tabs ul { 690 list-style: none; 691 display: grid; 692 grid-gap: 20px; 693 grid-template-columns: 150px 150px; 694} 695#evo_calendar_select_all_checkboxes, #evo_calendar_clear_all_checkboxes { 696 border: 1px solid rgba(60, 60, 20, 1.0); 697 border-radius: 5px; 698 padding: 8px; 699 width: 100px; 700} 701.evo_meetings_calendar_selection_multiselect_wrapper { 702 display: grid;
703 grid-gap: 1px; 704 grid-template-columns: 1fr 1fr 1fr; 705 margin-left: 30px; 706 margin-top: 10px; 707 margin-bottom: 10px; 708} 709#evo_calendar_update { 710 padding: 2px; 711} 712.evo_calendar_selection_checkbox { 713 transform: translateY(2px); 714} 715#evo_meetings_monthview { 716 margin-top: 10px !important; 717} 718#evo_meetings_monthview .evo_calendar_row { 719 display: grid; 720 grid-gap: 0px; 721 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 722} 723#evo_listview_month_year_label { 724 display: inline-block; 725 width: 250px; 726} 727.evo_listview_control { 728 display: inline-block; 729} 730#evo_listview_control_today, #evo_calendar_control_today { 731 background-color: rgba(175, 175, 175, 1.0); 732 color: black; 733 cursor: pointer; 734 font-size: 1.0em; 735} 736#evo_listview_control_previous, #evo_listview_control_next, #evo_listview_control_month, #evo_listview_control_year, #evo_calendar_control_previous, #evo_calendar_control_next, #evo_calendar_control_month, #evo_calendar_control_year, #evo_calendar_control_showall, #evo_calendar_control_icalendar_subscriptions, #evo_calendar_control_link_other_events_page { 737 background: rgba(51, 122, 183, 1); 738 cursor: pointer; 739 font-size: 1.0em; 740} 741#evo_meetings_tabs a { 742 text-decoration: none; 743} 744.evo_calendar_box_content { 745 min-height: 150px; 746 position: relative; 747} 748.evo_calendar_box_content .evo_calendar_date_box { 749 750} 751.evo_calendar_box_content { 752 margin-top: -25px; 753 margin-bottom: 25px; 754} 755.evo_calendar_box_inner_content { 756 padding-top: 25px; 757} 758#listview_table > tbody > tr > td > ul { 759 display: block; 760 grid-gap: unset; 761 grid-template-columns: unset; 762} 763#listview_table > tbody > tr > td > a { 764 color: black; 765} 766 767#evo_map_popup.evo_map_popup_image_mode { 768 width: 41vw; 769} 770.evo_slider_image_mode_feature { 771 width: 150px; 772} 773#evo_popup_image_mode_description_wrapper .evo_map_popup_more_info_button { 774 font-size: 1.0em; 775} 776.evo_map_popup_more_info_button a { 777 text-decoration: none; 778} 779#evo_map_popup.evo_map_popup_image_mode .evo_popup_image_mode_image { 780 margin-top: 28px; 781} 782.place_map_row { 783 display: grid; 784 grid-gap: 10px; 785 grid-template-columns: 1fr 1fr; 786} 787.place_map_row .place_address { 788 display: grid; 789 grid-gap: 10px; 790 grid-template-columns: 1fr 2fr; 791} 792.place_map_row .place_directions { 793 display: grid; 794 grid-gap: 10px; 795 grid-template-columns: 1fr 2fr; 796} 797.place_map_row .place_display_layers { 798 display: grid; 799 grid-gap: 10px; 800 grid-template-columns: 1fr 2fr; 801} 802#evo_bookable_calendar { 803 max-width: 1600px; 804 margin-left: 50%; 805 transform: translateX(-50%); 806 font-size: 0.9em; 807} 808#evo_interior_application_content_wrapper #evo_bookable_calendar .fc-header-toolbar h2 { 809 font-size: 1.0em; 810} 811#evo_map_image_mode_slider { 812 box-sizing: border-box; 813} 814 815 816 817/* Media Queries */ 818 819/* Start Tablet View Media Queries */ 820 821@media (max-width: 1280px) { 822 #evo_main_menu > div > ul { 823 grid-gap: 0px; 824 } 825 #evo_main_menu_wrapper { 826 padding-left: 100px; 827 padding-right: 50px; 828 } 829 #evo_main_menu > div > ul > li > a { 830 font-size: 1.0em; 831 } 832 #evo_main_menu .evo_menu_inner_wrapper { 833 margin-right: 10px; 834 } 835} 836 837@media (max-width: 960px) { 838 #evo_main_menu_wrapper { 839 margin-left: 0px; 840 } 841 #evo_main_menu > div > ul > li > a { 842 font-size: 0.8rem; 843 } 844 #evo_main_menu > div > ul > li > ul > li > a { 845 font-size: 0.85rem; 846 } 847} 848 849/* End Tablet View */ 850 851 852/* Start Mobile View Media Queries */ 853@media (max-width: 768px) { 854 855 #evo_header { 856 height: 200px; 857 } 858 #evo_logo_primary { 859 860 } 861 #evo_search { 862 right: 0; 863 display: none; 864 } 865 866 .evo_menu_mobile_visible #evo_grid_main_menu_mobile_toggle_inside_menu_wrapper { 867 display: block !important; 868 position: absolute; 869 right: 20px; 870 top: 20px; 871 color: #FFF; 872 cursor: pointer; 873 transform: scale(2); 874 } 875 #evo_grid_main_menu_mobile_toggle { 876 display: block; 877 color: #264425; 878 right: 20px; 879 top: 70px; 880 transform: scale(2); 881 position: absolute; 882 cursor: pointer; 883 } 884 885 #evo_main_menu { 886 padding-right: 30px; 887 } 888 #evo_main_menu_wrapper { 889 left: -100%; 890 transition: left 0.5s ease !important; 891 position: fixed; 892 top: 0px; 893 width: 100%; 894 height: 100vh; 895 overflow-y: auto; 896 margin-top: 0px; 897 background: #264425; 898 padding-left: 0px; 899 padding-right: 0px; 900 margin-left: 0px; 901 padding-top: 30px; 902 margin-top: 0px; 903 max-width: 100%; 904 } 905 #evo_main_menu > div > ul > li > a { 906 font-size: 1.1em; 907 position: relative; 908 font-weight: bold; 909 } 910 #evo_main_menu > div > ul > li > ul { 911 height: auto !important; 912 } 913 #evo_main_menu > div > ul > li > ul > li { 914 padding-left: 25px; 915 } 916 #evo_main_menu .evo_main_menu_heading_caret { 917 left: unset; 918 } 919 #evo_main_menu .evo_menu_inner_wrapper { 920 margin-left: 25px; 921 } 922 923 #evohome { 924 display: none; 925 } 926 927 .top_boxes { 928 grid-template-columns: 1fr; 929 } 930 931 #evo_bottom_action { 932 margin-top: 0px; 933 height: 100%; 934 } 935 #evo_bottom_action ul { 936 grid-template-columns: 1fr 1fr; 937 } 938 #evo_bottom_action li { 939 height: 125px; 940 margin-top: 0;
941 } 942 #evo_bottom_action a { 943 top: 40%; 944 position: relative; 945 } 946 #evo_bottom_action i { 947 margin-top: 0; 948 } 949 950 #evo_footer .footer-box { 951 grid-template-columns: 1fr; 952 padding-right: 50px; 953 954 } 955 #evo_footer .evo_main_menu_heading_caret { 956 opacity: 0 !important; 957 } 958 959 #evo_interior_content { 960 padding: 10px !important; 961 } 962 #evo_interior_content_wrapper { 963 grid-template-columns: 1fr; 964 } 965 #evo_interior_application_content_wrapper { 966 margin: 0 !important; 967 } 968 969} 970/* End Mobile View */ 971 972/* ----- END ----- */</style> 973 <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> 974
975<script src="https://kit.fontawesome.com/337f840928.js" crossorigin="anonymous"></script>
975 976 977 <link href="https://cdn.evo.cloud/icons/icofont/1.0.1/icofont.css" rel="stylesheet" type="text/css"> 978
978<script>window.STATIC_URL = "https://evocloud-prod2-static.evogov.com/";</script>
978 979
979<script src="https://evocloud-prod2-static.evogov.com/evo_common.js"></script>
979 980<style>.evo_skip_link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}.evo_skip_link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;overflow:visible;padding:10px 16px;background:#ffffff;color:#0b3d91;font:600 16px/1.2 sans-serif;border:2px solid #0b3d91;border-radius:4px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:2147483647;}</style>
980<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://sicbp.com/#organization","name":"Sea Isle City Beach Patrol","url":"https://sicbp.com/","logo":"https://sicbp.com/media/Design Files/logo-1.png","image":"https://sicbp.com/media/Design Files/logo-1.png"}</script>
vendor: 1 bytes, line 980
980
981<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://sicbp.com/#website","name":"Sea Isle City Beach Patrol","url":"https://sicbp.com/","publisher":{"@id":"https://sicbp.com/#organization"}}</script>
981</head> 982 983<body data-evo-content-type-id="39" data-evo-object-id="90" class="evo_background_random_from_slideshow_if_no_background_slideshow"><a class="evo_skip_link" href="#evo_main_content">Skip to main content</a> 984<div class="evo_param_grid_alert_scroll evo_cloud_widget evo_param_alert_speed__1 evo_param_alert_title__Global evo_param_always_initially_open"></div> 985<div id="evo_overall_content_wrapper" class="evo_grid_based_theme"> 986 <div id="evo_header"> 987 <div id="evo_top_strip"> 988 <div class="evo_cloud_widget evo_param_cta_menu evo_param_menu_depth_down__1 evo_param_menu_name__Social_Action"></div> 989 </div> 990 <i id="evo_grid_main_menu_mobile_toggle" class="fa fa-bars" style="display:none;"></i> 991 <div class="title"> 992 <div id="evo_title_logo_div"> 993 <a href="/" id="evo_title_logo"> 994 <img id="evo_logo_primary" alt="Sea Isle City Beach Patrol logo" 995 src="/media/Design Files/logo-1.png"> 996 997 </a> 998 <a href="/"> 999 <span class="evo_title_prefix"></span> 1000 <span class="evo_title_main"></span> 1001 <span class="evo_title_suffix"></span> 1002 </a> 1003 </div> 1004 1005 </div> 1006 1007 <div id="evo_search" class="evo_cloud_widget evo_param_search_form"></div> 1008 </div> 1009 1010 1011 <!-- ***** BEGIN MAIN MENU ***** --> 1012 <div id="evo_main_menu_wrapper"> 1013 <i id="evo_grid_main_menu_mobile_toggle_inside_menu_wrapper" class="fa fa-bars" style="display: none;"></i> 1014 <div id="evo_main_menu" 1015 class="evo_cloud_widget 1016 evo_param_main_menu_name__Main_Menu 1017 evo_param_menu_depth_down__20 1018 evo_param_grid"><div class="wrapper wrapper-menu evo_menu_inner_wrapper" style="display: none"> 1019<ul class="nav navbar-nav" > 1020<li class=" evo_menu_heading " > 1021<a href="javascript:void(0)" >Employment</a> 1022</li> 1023<li class=" evo_menu_heading " > 1024<a href="javascript:void(0)" >Events/Programs</a> 1025</li> 1026<li class=" evo_menu_heading " > 1027<a href="javascript:void(0)" >Beach Info</a> 1028</li> 1029<li class=" evo_menu_heading " > 1030<a href="https://sicbp.com/GeneralBeachSafetyTips" >Beach Safety</a> 1031</li> 1032<li class=" evo_menu_heading " > 1033<a href="javascript:void(0)" >Forms</a> 1034</li> 1035<li class=" evo_menu_heading " > 1036<a href="https://sicbp.com/contact" >Contact</a> 1037</li> 1038<li class=" evo_menu_heading " > 1039<a href="/BeachPatrolFAQs" >FAQ's</a> 1040</li> 1041</ul> 1042</div></div> 1043 </div> 1044 <!-- ***** END MAIN MENU ***** --> 1045 1046 1047 <div id="evo_interior_application_content_wrapper"> 1048 <div id="evo_interior_content"> 1049 <div id="evo_interior_title">Photo Gallery</div> 1050 <span id="evo_main_content" tabindex="-1"></span> 1051 <link href="https://cdn.evo.cloud/lib/blueimp/css/blueimp-gallery.min.css" rel="stylesheet"> 1052
1052<script src="https://cdn.evo.cloud/lib/blueimp/js/blueimp-gallery.min.js"></script>
1052 1053 <div class="gallery_description_wrapper"></div> 1054 1055 <div id="evo_gallery_container__90" class="blueimp-gallery blueimp-gallery-carousel"> 1056 <div class="slides"></div> 1057 <h3 class="title"></h3> 1058 <a class="prev">‹</a> 1059 <a class="next">›</a> 1060 <a class="play-pause"></a> 1061 <ol class="indicator"></ol> 1062 </div> 1063 1064 1065 <div id="evo_gallery_links__90"> 1066 1067 <a href="https://sicbp.com/media/Gallery/20190805_SIC_10x8_sans%20logo.jpg?width=1024" title=""> 1068 <img src="https://sicbp.com/media/Gallery/20190805_SIC_10x8_sans%20logo.jpg?width=150" alt=""> 1069 </a> 1070 1071 <a href="https://sicbp.com/media/Gallery/Headquarters%20Picture.jpg?width=1024" title=""> 1072 <img src="https://sicbp.com/media/Gallery/Headquarters%20Picture.jpg?width=150" alt=""> 1073 </a> 1074 1075 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim1.jpg?width=1024" title="1 Mile Ocean Swim"> 1076 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim1.jpg?width=150" alt="1 Mile Ocean Swim"> 1077 </a> 1078 1079 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim2.jpg?width=1024" title="1 Mile Ocean Swim"> 1080 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim2.jpg?width=150" alt="1 Mile Ocean Swim"> 1081 </a> 1082 1083 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim3.jpg?width=1024" title="1 Mile Ocean Swim"> 1084 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim3.jpg?width=150" alt="1 Mile Ocean Swim"> 1085 </a> 1086 1087 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim4.jpg?width=1024" title="1 Mile Ocean Swim"> 1088 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim4.jpg?width=150" alt="1 Mile Ocean Swim"> 1089 </a> 1090 1091 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim7.jpg?width=1024" title="1 Mile Ocean Swim"> 1092 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim7.jpg?width=150" alt="1 Mile Ocean Swim"> 1093 </a> 1094 1095 <a href="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim8.jpg?width=1024" title="1 Mile Ocean Swim"> 1096 <img src="https://sicbp.com/media/1%20Mile%20Ocean%20Swim/swim8.jpg?width=150" alt="1 Mile Ocean Swim"> 1097 </a> 1098 1099 <a href="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run1.jpg?width=1024" title="10 Mile Island Run"> 1100 <img src="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run1.jpg?width=150" alt="10 Mile Island Run"> 1101 </a> 1102 1103 <a href="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run2.jpg?width=1024" title="10 Mile Island Run"> 1104 <img src="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run2.jpg?width=150" alt="10 Mile Island Run"> 1105 </a> 1106 1107 <a href="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run3.jpg?width=1024" title="10 Mile Island Run"> 1108 <img src="https://sicbp.com/media/50th%20Annual%20Captain%20Bill%20Gallagher%2010%20Mile%20Island%20Run/run3.jpg?width=150" alt="10 Mile Island Run"> 1109 </a> 1110 1111 <a href="https://sicbp.com/media/Junior%20Lifeguards/juniors1.jpg?width=1024" title="Junior Lifeguards"> 1112 <img src="https://sicbp.com/media/Junior%20Lifeguards/juniors1.jpg?width=150" alt="Junior Lifeguards"> 1113 </a> 1114 1115 <a href="https://sicbp.com/media/Junior%20Lifeguards/juniors2.jpg?width=1024" title="Junior Lifeguards"> 1116 <img src="https://sicbp.com/media/Junior%20Lifeguards/juniors2.jpg?width=150" alt="Junior Lifeguards"> 1117 </a> 1118
1119 <a href="https://sicbp.com/media/Junior%20Lifeguards/juniors4.jpg?width=1024" title="Junior Lifeguards"> 1120 <img src="https://sicbp.com/media/Junior%20Lifeguards/juniors4.jpg?width=150" alt="Junior Lifeguards"> 1121 </a> 1122 1123 <a href="https://sicbp.com/media/Junior%20Lifeguards/juniors5.jpg?width=1024" title="Junior Lifeguards"> 1124 <img src="https://sicbp.com/media/Junior%20Lifeguards/juniors5.jpg?width=150" alt="Junior Lifeguards"> 1125 </a> 1126 1127 <a href="https://sicbp.com/media/Junior%20Lifeguards/juniors6.jpg?width=1024" title="Junior Lifeguards"> 1128 <img src="https://sicbp.com/media/Junior%20Lifeguards/juniors6.jpg?width=150" alt="Junior Lifeguards"> 1129 </a> 1130 1131 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot1.jpg?width=1024" title="McCann Mascot School"> 1132 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot1.jpg?width=150" alt="McCann Mascot School"> 1133 </a> 1134 1135 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot2.jpg?width=1024" title="McCann Mascot School"> 1136 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot2.jpg?width=150" alt="McCann Mascot School"> 1137 </a> 1138 1139 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot3.jpg?width=1024" title="McCann Mascot School"> 1140 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot3.jpg?width=150" alt="McCann Mascot School"> 1141 </a> 1142 1143 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot4.jpg?width=1024" title="McCann Mascot School"> 1144 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot4.jpg?width=150" alt="McCann Mascot School"> 1145 </a> 1146 1147 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot5.jpg?width=1024" title="McCann Mascot School"> 1148 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot5.jpg?width=150" alt="McCann Mascot School"> 1149 </a> 1150 1151 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot6.jpg?width=1024" title="McCann Mascot School"> 1152 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot6.jpg?width=150" alt="McCann Mascot School"> 1153 </a> 1154 1155 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot7.jpg?width=1024" title="McCann Mascot School"> 1156 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot7.jpg?width=150" alt="McCann Mascot School"> 1157 </a> 1158 1159 <a href="https://sicbp.com/media/McCann%20Mascot%20School/mascot8.jpg?width=1024" title="McCann Mascot School"> 1160 <img src="https://sicbp.com/media/McCann%20Mascot%20School/mascot8.jpg?width=150" alt="McCann Mascot School"> 1161 </a> 1162 1163 <a href="https://sicbp.com/media/HomePageSlides/slide2.png?width=1024" title=""> 1164 <img src="https://sicbp.com/media/HomePageSlides/slide2.png?width=150" alt=""> 1165 </a> 1166 1167 <a href="https://sicbp.com/media/HomePageSlides/slide3.png?width=1024" title=""> 1168 <img src="https://sicbp.com/media/HomePageSlides/slide3.png?width=150" alt=""> 1169 </a> 1170 1171 <a href="https://sicbp.com/media/HomePageSlides/slide4.png?width=1024" title=""> 1172 <img src="https://sicbp.com/media/HomePageSlides/slide4.png?width=150" alt=""> 1173 </a> 1174 1175 <a href="https://sicbp.com/media/HomePageSlides/slide5.png?width=1024" title=""> 1176 <img src="https://sicbp.com/media/HomePageSlides/slide5.png?width=150" alt=""> 1177 </a> 1178 1179 <a href="https://sicbp.com/media/HomePageSlides/slide6.png?width=1024" title=""> 1180 <img src="https://sicbp.com/media/HomePageSlides/slide6.png?width=150" alt=""> 1181 </a> 1182 1183 <a href="https://sicbp.com/media/HomePageSlides/slide7.png?width=1024" title=""> 1184 <img src="https://sicbp.com/media/HomePageSlides/slide7.png?width=150" alt=""> 1185 </a> 1186 1187 <a href="https://sicbp.com/media/HomePageSlides/slide8.png?width=1024" title=""> 1188 <img src="https://sicbp.com/media/HomePageSlides/slide8.png?width=150" alt=""> 1189 </a> 1190 1191 <a href="https://sicbp.com/media/HomePageSlides/slide9.png?width=1024" title=""> 1192 <img src="https://sicbp.com/media/HomePageSlides/slide9.png?width=150" alt=""> 1193 </a> 1194 1195 </div> 1196 1197
1197<script> 1198 var click_on_blueimp_carousel = function() { 1199 var element_id = "evo_gallery_links__90"; 1200 document.getElementById(element_id).click(); 1201 }; 1202 1203 // See documentation at: https://github.com/blueimp/Gallery 1204 document.getElementById('evo_gallery_links__90').onclick = function (event) { 1205 var target = event.target; 1206 var link = target.src ? target.parentNode : target; 1207 var carousel_option = false; 1208 var startSlideshow = true; 1209 var container = '#evo_gallery_container__90'; 1210 1211 carousel_option = true; 1212 startSlideshow = true; 1213 1214 var options = {index: link, event: event, carousel: carousel_option, container: container, startSlideshow: startSlideshow}; 1215 var links = this.getElementsByTagName('a'); 1216 blueimp.Gallery(links, options); 1217 }; 1218 1219 window.setTimeout(click_on_blueimp_carousel, 5000); 1220 1221 1222 //window.document.getElementById('evo_gallery_links__90') 1223 </script>
1223 1224 1225 1226 1227<style> 1228 /* Gallery list layout -- self-contained, no Bootstrap. These lists 1229 used to depend on Bootstrap's .list-unstyled (bullet/padding reset) 1230 and .list-inline (horizontal item flow). Grid/V2 themes don't ship 1231 Bootstrap, so without these rules the grid thumbnails stacked in a 1232 single vertical column (Othello historic photos, 2026-07-22). */ 1233ul.list-gallery { 1234 list-style: none; 1235 margin: 0; 1236 padding: 0; 1237} 1238ul.list-gallery.list-grid { 1239 display: flex; 1240 flex-wrap: wrap; 1241 gap: 10px; 1242 align-items: flex-start; 1243} 1244ul.list-gallery.list-grid > li { 1245 flex: 0 0 auto; 1246} 1247ul.list-gallery.list-grid > li img { 1248 display: block; 1249} 1250ul.list-gallery.list-tiled { 1251 display: flex; 1252 flex-wrap: wrap; 1253 gap: 10px; 1254 align-items: flex-start; 1255} 1256ul.list-gallery.list-tiled > li { 1257 flex: 0 0 auto; 1258} 1259ul.list-gallery li { 1260 position: relative; 1261 cursor: pointer; 1262} 1263ul.list-gallery li span { 1264 display: none; 1265 position: absolute; 1266 text-align: center; 1267 bottom: 0; 1268 left: 0; 1269 width: 100%; 1270 color: #FFF; 1271 padding: 4px 8px; 1272 background-color: rgba(0, 0, 0, 0.8); 1273} 1274ul.list-gallery li:hover span { 1275 display: block; 1276} 1277/* The lightbox overlay is toggled by adding/removing the `hidden` 1278 class in twistcms-gallery JS. It historically relied on Bootstrap's 1279 `.hidden` utility to actually hide; grid/V2 themes (and Bootstrap 4+, 1280 which renamed it to .d-none) do not ship that rule, so the overlay 1281 rendered full-screen on page load and blacked out the whole gallery 1282 (Othello historic photos, 2026-07-22). Hide it self-contained here so 1283 the template no longer depends on a theme-provided .hidden. */ 1284#gallery-container.hidden { display: none !important; } 1285#gallery-container { 1286 z-index: 1000; 1287 position: fixed; 1288 top: 0; 1289 left: 0; 1290 width: 100%; 1291 height: 100%; 1292 background-color: rgba(0, 0, 0, 0.95); 1293} 1294#gallery-container .gallery-preview { 1295 width: 80%; 1296 position: absolute; 1297 top: 0; 1298 left: 0; 1299 height: 100%; 1300 line-height: 100%; 1301 text-align: center; 1302} 1303#gallery-container .gallery-preview img { 1304 max-height: 100%; 1305 max-width: 99%; 1306} 1307#gallery-container .gallery-preview .gallery-preview-helper { 1308 display: inline-block; 1309 height: 50%; 1310 width: 0; 1311} 1312#gallery-container .gallery-preview .gallery-preview-previous, 1313#gallery-container .gallery-preview .gallery-preview-next { 1314 background: rgba(255, 255, 255, 0.05); 1315 border: medium none; 1316 color: #FFFFFF; 1317 height: 100%; 1318 position: absolute; 1319 top: 0; 1320 width: 160px; 1321 max-width: 10%; 1322 font-size: 50px; 1323 font-weight: 700; 1324} 1325#gallery-container .gallery-preview .gallery-preview-previous:hover, 1326#gallery-container .gallery-preview .gallery-preview-next:hover { 1327 background: rgba(255, 255, 255, 0.3); 1328} 1329#gallery-container .gallery-preview .gallery-preview-previous { 1330 left: 0; 1331} 1332#gallery-container .gallery-preview .gallery-preview-next { 1333 right: 0; 1334} 1335#gallery-container .gallery-info { 1336 background-color: rgba(255, 255, 255, 0.1); 1337 color: #FFFFFF; 1338 position: absolute; 1339 top: 0; 1340 right: 0; 1341 height: 100%; 1342 padding: 20px; 1343 width: 20%; 1344} 1345#gallery-container .gallery-info .gallery-close { 1346 background-color: rgba(255, 255, 255, 0.2); 1347 border: #000; 1348 color: #FFF; 1349 width: 100%; 1350} 1351.gallery-carousel-container { 1352 text-align: center; 1353 background-color: rgba(0, 0, 0, 0.5); 1354 border: 1px solid rgba(0, 0, 0, 0.4); 1355} 1356.gallery-carousel-container .gallery-carousel-image-container { 1357 background-color: rgba(0, 0, 0, 0.5); 1358 height: 500px; 1359 width: 100%; 1360 text-align: center; 1361 position: relative; 1362} 1363.gallery-carousel-container .gallery-carousel-image-container .helper { 1364 display: inline-block; 1365 width: 0; 1366 height: 50%; 1367} 1368.gallery-carousel-container .gallery-carousel-image-container img { 1369 max-width: 95%; 1370 max-height: 100%; 1371} 1372.gallery-carousel-container .gallery-carousel-image-container .gallery-carousel-info { 1373 display: none; 1374 text-align: left; 1375 color: #FFF; 1376 position: absolute; 1377 bottom: 0; 1378 left: 0; 1379 width: 100%; 1380 background-color: rgba(0, 0, 0, 0.8); 1381} 1382.gallery-carousel-container .gallery-carousel-image-container .gallery-carousel-info h2 { 1383 margin: 0 4px; 1384} 1385.gallery-carousel-container .gallery-carousel-image-container .gallery-carousel-info div { 1386 margin: 0 4px; 1387} 1388.gallery-carousel-container .gallery-carousel-image-container:hover .gallery-carousel-info { 1389 display: block; 1390} 1391.gallery-carousel-container .list-carousel { 1392 margin: 0; 1393 border-top: 1px solid #000; 1394 height: 90px; 1395 width: 100%; 1396 overflow-x: auto; 1397 overflow-y: hidden; 1398 white-space: nowrap; 1399} 1400.gallery-carousel-container .list-carousel > li { 1401 display: inline-block; 1402 vertical-align: top; 1403 height: 80px; 1404 width: 80px; 1405 opacity: 0.5; 1406} 1407.gallery-carousel-container .list-carousel > li img { 1408 max-height: 100%; 1409 max-width: 100%; 1410} 1411.gallery-carousel-container .list-carousel > li.active { 1412 opacity: 1; 1413} 1414 1415</style> 1416 1417
1418<script> 1419(function(){ 1420 // Gallery interactions -- vanilla JS, no jQuery dependency (removed 1421 // 2026-07-22). Handles the grid/tiled lightbox and the carousel. The 1422 // legacy jQuery Nested masonry plugin (~560 lines) for the retired 1423 // tiled view was dropped; tiled galleries fall back to the flex grid. 1424 function lis(parent){ 1425 return Array.prototype.filter.call(parent.children, function(n){ return n.tagName === 'LI'; }); 1426 } 1427 1428 function init(){ 1429 // ---- Grid / tiled lightbox ---- 1430 var container = document.querySelector('#gallery-container'); 1431 if (container) { 1432 var previewImage = container.querySelector('.gallery-preview-image'); 1433 var infoTitle = container.querySelector('.gallery-info-title'); 1434 var infoDescription = container.querySelector('.gallery-info-description'); 1435 var closeBtn = container.querySelector('.gallery-close'); 1436 var prevBtn = container.querySelector('.gallery-preview-previous'); 1437 var nextBtn = container.querySelector('.gallery-preview-next'); 1438 var currentLi = null; 1439 1440 var hide = function(){ container.classList.add('hidden'); }; 1441 var show = function(li){ 1442 if (!li) return; 1443 currentLi = li; 1444 infoTitle.innerHTML = li.getAttribute('data-title') || ''; 1445 infoDescription.innerHTML = li.getAttribute('data-description') || ''; 1446 previewImage.setAttribute('src', li.getAttribute('data-image-large') || ''); 1447 container.classList.remove('hidden'); 1448 }; 1449 var step = function(dir){ 1450 if (!currentLi) return; 1451 var siblings = lis(currentLi.parentNode); 1452 var i = siblings.indexOf(currentLi); 1453 show(siblings[(i + dir + siblings.length) % siblings.length]); 1454 }; 1455 1456 container.addEventListener('click', function(e){ if (e.target === container) hide(); }); 1457 if (closeBtn) closeBtn.addEventListener('click', function(e){ e.stopPropagation(); hide(); }); 1458 if (prevBtn) prevBtn.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); step(-1); }); 1459 if (nextBtn) nextBtn.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); step(1); }); 1460 document.addEventListener('keydown', function(e){ 1461 if (container.classList.contains('hidden')) return; 1462 if (e.key === 'Escape') hide(); 1463 else if (e.key === 'ArrowLeft') step(-1); 1464 else if (e.key === 'ArrowRight') step(1); 1465 }); 1466 1467 var tiles = document.querySelectorAll('ul.list-grid > li, ul.list-tiled > li'); 1468 Array.prototype.forEach.call(tiles, function(li){ 1469 li.addEventListener('click', function(){ show(li); }); 1470 }); 1471 } 1472 1473 // ---- Carousel ---- 1474 var carousels = document.querySelectorAll('.gallery-carousel-container'); 1475 Array.prototype.forEach.call(carousels, function(carousel){ 1476 var previewImage = carousel.querySelector('.gallery-carousel-image'); 1477 var info = carousel.querySelector('.gallery-carousel-info'); 1478 var title = info ? info.querySelector('.gallery-info-title') : null; 1479 var description = info ? info.querySelector('.gallery-info-description') : null; 1480 var list = carousel.querySelector('.list-carousel'); 1481 if (!list) return; 1482 var items = lis(list); 1483 1484 var select = function(li){ 1485 if (previewImage) previewImage.setAttribute('src', li.getAttribute('data-image-large') || ''); 1486 if (title) title.innerHTML = li.getAttribute('data-title') || ''; 1487 if (description) description.innerHTML = li.getAttribute('data-description') || ''; 1488 items.forEach(function(n){ n.classList.remove('active'); }); 1489 li.classList.add('active'); 1490 var target = li.offsetLeft - (list.clientWidth / 2) + (li.clientWidth / 2); 1491 if (list.scrollTo) list.scrollTo({ left: target, behavior: 'smooth' }); 1492 else list.scrollLeft = target; 1493 }; 1494 items.forEach(function(li){ li.addEventListener('click', function(){ select(li); }); }); 1495 if (items.length) select(items[0]); 1496 }); 1497 } 1498 1499 if (document.readyState === 'loading') { 1500 document.addEventListener('DOMContentLoaded', init); 1501 } else { 1502 init(); 1503 } 1504})(); 1505</script>
1505 1506 1507 </div> 1508</div> 1509 1510 <div id="evo_footer"> 1511 <div class="footer-box"> 1512 <div class="footer_box_1"> 1513 <div class="address"> 1514 <ul> 1515 <li><h3>Sea Isle City Beach Patrol</h3><br>Chief Renny Steele<br>Captain John Temme<br>233 John F. Kennedy Boulevard<br>Sea Isle City, NJ 08243<br>Phone: 609-263-3655<br>Email: [email protected]</li> 1516 </ul> 1517 </div> 1518 </div> 1519 </div> 1520 <div class="bottom_strip"> 1521 <a id="evo_link_to_evogov_cms" href="http://www.evogov.com/" target="_blank" title="Municipal Content Management System CMS">Site By EvoGov</a> 1522 </div> 1523 </div> 1524</div>
1525<script>/* VERSION 05/29/2019 Theme: Grid */ 1526// evo_run_format_main_menu waits for the main menu widget to be defined and executes the code to format the main menu. 1527var evo_run_format_main_menu = function () { 1528 if (typeof (window.Evo.EvoCloudWidgetMenu) == "undefined") { 1529 setTimeout(evo_run_format_main_menu, 100); 1530 return undefined; 1531 } 1532 if (typeof (window.Evo.EvoCloudWidgetMenu.format_main_menu) == "undefined") { 1533 setTimeout(evo_run_format_main_menu, 100); 1534 return undefined; 1535 } 1536 window.Evo.EvoCloudWidgetMenu.format_main_menu(evo_main_menu_configuration); 1537 window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 500); 1538 window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 2000); 1539 window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 5000); 1540}; 1541/* evo_main_menu_configuration defines how the main menu should be formated 1542'main_menu_default': {'number_of_columns': [integer, typically 1-4], 'overall_height': [integer, height of the column box], 'side_margin': [integer, px width of the box side margins], 'additional_width': [integer], 'left_side': [integer], 'mobile_styling_max_width': [integer]}, 1543'integer [column number, starting with 0]': {'top': [integer, top px to start displaying the menu], 'bottom': [integer, bottom px to stop displaying the menu]} 1544'text in menu heading [lowercase, replace spaces with _]': {override main_menu_default values} 1545'text_in_menu_heading_[integer column number]': {override column default values} 1546*/ 1547var evo_main_menu_configuration = { 'main_menu_default': { 'number_of_columns': 3, 'overall_height': 440, 'side_margin': 10, 'additional_width': 0, 'left_side': 0, 'tablet_styling_max_width': 960, 'tablet_styling_minimum_x': 50 }, 1548 1549"employment": {'number_of_columns': 2, 'overall_height': 350}, 1550"employment_0": {'top': 10, 'bottom': 340}, 1551"employment_1": {'top': 10, 'bottom': 340}, 1552"employment_2": {'top': 10, 'bottom': 340}, 1553"employment_3": {'top': 10, 'bottom': 340}, 1554"events/programs": {'number_of_columns': 2, 'overall_height': 350}, 1555"events/programs_0": {'top': 10, 'bottom': 340}, 1556"events/programs_1": {'top': 10, 'bottom': 340}, 1557"events/programs_2": {'top': 10, 'bottom': 340}, 1558"events/programs_3": {'top': 10, 'bottom': 340}, 1559"beach_info": {'number_of_columns': 2, 'overall_height': 350}, 1560"beach_info_0": {'top': 10, 'bottom': 340}, 1561"beach_info_1": {'top': 10, 'bottom': 340}, 1562"beach_info_2": {'top': 10, 'bottom': 340}, 1563"beach_info_3": {'top': 10, 'bottom': 340}, 1564"forms": {'number_of_columns': 2, 'overall_height': 350}, 1565"forms_0": {'top': 10, 'bottom': 340}, 1566"forms_1": {'top': 10, 'bottom': 340}, 1567"forms_2": {'top': 10, 'bottom': 340}, 1568"forms_3": {'top': 10, 'bottom': 340}, 1569"faq's": {'number_of_columns': 2, 'overall_height': 350}, 1570"faq's_0": {'top': 10, 'bottom': 340}, 1571"faq's_1": {'top': 10, 'bottom': 340}, 1572"faq's_2": {'top': 10, 'bottom': 340}, 1573"faq's_3": {'top': 10, 'bottom': 340}, 1574 1575 1576 1577 1578 1579 1580}; 1581evo_widget_search_form_submit_html = '<button><i class="fa fa-search" aria-hidden="true"></i></button>'; // Defines the html in the search box button 1582menu_text_to_put_logo_after = undefined; // Set to undefined if not used, moves the logo to a specific spot on the menu 1583menu_logo_animate_on_mouseover = false; // Set to true for the logo to animate when mouse-over on menu items 1584evo_main_menu_pad_to_edge_of_view = false 1585evo_body_background = 'url("") no-repeat center center fixed'; 1586evo_main_menu_pad_to_edge_of_view = true; 1587evo_run_format_main_menu(); // Format the main menu (waits for any AJAX calls to complete) 1588 1589evo_bottom_cta_left_image_left_adjustment = -40 1590evo_bottom_cta_left_image_top_adjustment = 150 1591window.evo_alerts_body_transform = "translateY(20px)"; 1592window.evo_ol_foreground_font_size_offset = 0; 1593 1594window.evo_external_links_open_new_tab = false; 1595window.evo_external_links_warning_icon = ''; // EXAMPLE USAGE: <i class="fa fa-fire" aria-hidden="true" style="margin-left: 10px;color:red"></i>'; 1596window.evo_external_links_warning_popup = ""; 1597window.evo_external_links_warning_popup_domains_to_exclude = [];</script>
vendor: 1 bytes, line 1597
1597
1598<script>/* Requires the following Div to be added to the Page: <div id="fb-root"></div>*/ 1599/* code is from: https://developers.facebook.com/docs/plugins/page-plugin */ 1600 1601(function(d, s, id) { 1602 var js, fjs = d.getElementsByTagName(s)[0]; 1603 if (d.getElementById(id)) return; 1604 js = d.createElement(s); js.id = id; 1605 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10"; 1606 fjs.parentNode.insertBefore(js, fjs); 1607}(document, 'script', 'facebook-jssdk'));</script>
vendor: 2 bytes, line 1607
1607
1608<script src="https://evocloud-prod2-static.evogov.com/evo_misc/evo_page_view_beacon.js" async></script>
1608 1609</body> 1610</html>
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.