1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>NewportMommy | Connecting families</title> 7 <meta name="description" content="NewportMommy is a free community resource for families in Newport, Jersey City, connecting neighbors with guides, local resources, and the NewportMommy Facebook community."> 8 <style> 9 :root { 10 color-scheme: light; 11 --ink: #202124; 12 --muted: #5d6470; 13 --paper: #ffffff; 14 --soft: #f6fbfd; 15 --line: #d8e6ec; 16 --blue: #0079a8; 17 --deep-blue: #04496c; 18 --pink: #d3368a; 19 --teal: #31b7c8; 20 --gold: #f6c85f; 21 --green: #6aa84f; 22 --shadow: 0 18px 45px rgba(18, 59, 78, 0.12); 23 } 24 25 * { 26 box-sizing: border-box; 27 } 28 29 html { 30 scroll-behavior: smooth; 31 } 32 33 body { 34 margin: 0; 35 font-family: Arial, Helvetica, sans-serif; 36 color: var(--ink); 37 background: var(--paper); 38 line-height: 1.55; 39 } 40 41 a { 42 color: inherit; 43 } 44 45 img { 46 max-width: 100%; 47 display: block; 48 } 49 50 .skip-link { 51 position: absolute; 52 left: 1rem; 53 top: -4rem; 54 padding: 0.7rem 1rem; 55 background: var(--deep-blue); 56 color: #fff; 57 z-index: 20; 58 } 59 60 .skip-link:focus { 61 top: 1rem; 62 } 63 64 .topbar { 65 background: #071923; 66 color: #eaf9fd; 67 font-size: 0.88rem; 68 } 69 70 .topbar .wrap { 71 display: flex; 72 justify-content: space-between; 73 gap: 1rem; 74 align-items: center; 75 padding-block: 0.45rem; 76 } 77 78 .wrap { 79 width: min(1120px, calc(100% - 32px)); 80 margin-inline: auto; 81 } 82 83 .site-header { 84 position: sticky; 85 top: 0; 86 background: rgba(255, 255, 255, 0.96); 87 border-bottom: 1px solid var(--line); 88 z-index: 10; 89 backdrop-filter: blur(12px); 90 } 91 92 .nav-row { 93 min-height: 76px; 94 display: flex; 95 align-items: center; 96 justify-content: space-between; 97 gap: 1.25rem; 98 } 99 100 .brand { 101 display: flex; 102 align-items: center; 103 gap: 0.8rem; 104 text-decoration: none; 105 min-width: 180px; 106 } 107 108 .brand img { 109 width: 96px; 110 height: 54px; 111 object-fit: contain; 112 } 113 114 .brand-text { 115 display: grid; 116 line-height: 1.1; 117 } 118 119 .brand-title { 120 font-size: 1.05rem; 121 font-weight: 800; 122 color: var(--deep-blue); 123 } 124 125 .brand-tag { 126 font-size: 0.78rem; 127 color: var(--muted); 128 } 129 130 .nav-links { 131 display: flex; 132 align-items: center; 133 gap: 0.2rem; 134 flex-wrap: wrap; 135 justify-content: flex-end; 136 } 137 138 .nav-links a { 139 text-decoration: none; 140 padding: 0.65rem 0.75rem; 141 font-weight: 700; 142 font-size: 0.94rem; 143 color: var(--deep-blue); 144 border-radius: 4px; 145 } 146 147 .nav-links a:hover, 148 .nav-links a:focus-visible { 149 background: var(--soft); 150 outline: none; 151 } 152 153 .nav-links .facebook-link { 154 background: var(--pink); 155 color: #fff; 156 margin-left: 0.25rem; 157 } 158 159 .hero { 160 position: relative; 161 overflow: hidden; 162 background: 163 linear-gradient(125deg, rgba(0, 121, 168, 0.92), rgba(49, 183, 200, 0.74)), 164 url("assets/newportmommy-logo.jpg") center / 260px auto no-repeat; 165 color: #fff; 166 } 167 168 .hero::after { 169 content: ""; 170 position: absolute; 171 inset: auto 0 0 0; 172 height: 8px; 173 background: linear-gradient(90deg, var(--pink), var(--gold), var(--green), var(--teal)); 174 } 175 176 .hero-inner { 177 min-height: 340px; 178 display: grid; 179 align-content: center; 180 padding-block: 2.4rem; 181 max-width: 760px; 182 position: relative; 183 z-index: 1; 184 text-shadow: 0 1px 16px rgba(0, 0, 0, 0.25); 185 } 186 187 .eyebrow { 188 text-transform: uppercase; 189 letter-spacing: 0; 190 font-size: 0.8rem; 191 font-weight: 800; 192 color: #fff4c5; 193 margin: 0 0 0.75rem; 194 } 195 196 h1, 197 h2, 198 h3, 199 p { 200 margin-top: 0;
201 } 202 203 h1 { 204 font-size: clamp(2.6rem, 7vw, 5.3rem); 205 line-height: 0.96; 206 margin-bottom: 1rem; 207 } 208 209 .hero-copy { 210 font-size: clamp(1.05rem, 2.4vw, 1.35rem); 211 max-width: 680px; 212 margin-bottom: 1.2rem; 213 } 214 215 .button-row { 216 display: flex; 217 flex-wrap: wrap; 218 gap: 0.8rem; 219 } 220 221 .button { 222 display: inline-flex; 223 align-items: center; 224 justify-content: center; 225 gap: 0.45rem; 226 min-height: 46px; 227 padding: 0.7rem 1rem; 228 border-radius: 5px; 229 border: 2px solid transparent; 230 background: var(--pink); 231 color: #fff; 232 text-decoration: none; 233 font-weight: 800; 234 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16); 235 } 236 237 .button.secondary { 238 background: #fff; 239 color: var(--deep-blue); 240 } 241 242 .button.outline { 243 background: transparent; 244 border-color: currentColor; 245 box-shadow: none; 246 } 247 248 main section { 249 padding-block: 3rem; 250 } 251 252 .section-head { 253 max-width: 760px; 254 margin-bottom: 1.8rem; 255 } 256 257 .section-head h2 { 258 color: var(--deep-blue); 259 font-size: clamp(1.8rem, 4vw, 2.8rem); 260 line-height: 1.05; 261 margin-bottom: 0.65rem; 262 } 263 264 .section-head p { 265 color: var(--muted); 266 font-size: 1.05rem; 267 } 268 269 .intro-band { 270 background: var(--soft); 271 border-bottom: 1px solid var(--line); 272 } 273 274 .intro-grid { 275 display: grid; 276 grid-template-columns: 1.35fr 0.85fr; 277 gap: 1.5rem; 278 align-items: start; 279 } 280 281 .note-panel { 282 background: #fff; 283 border: 1px solid var(--line); 284 border-radius: 8px; 285 padding: 1.4rem; 286 box-shadow: var(--shadow); 287 } 288 289 .note-panel strong { 290 display: block; 291 color: var(--deep-blue); 292 font-size: 1.08rem; 293 margin-bottom: 0.4rem; 294 } 295 296 .ad-panel { 297 border: 2px solid #f0d58b; 298 background: #fff9e8; 299 } 300 301 .ad-panel .label { 302 display: inline-block; 303 background: var(--gold); 304 color: #3f3000; 305 font-weight: 800; 306 font-size: 0.78rem; 307 padding: 0.25rem 0.55rem; 308 border-radius: 4px; 309 margin-bottom: 0.75rem; 310 } 311 312 .ad-panel h3 { 313 margin-bottom: 0.4rem; 314 color: #704d00; 315 } 316 317 .ad-image-link { 318 display: block; 319 margin-top: 0.85rem; 320 border-radius: 6px; 321 overflow: hidden; 322 border: 1px solid #e8c763; 323 background: #fff; 324 } 325 326 .ad-image-link img { 327 width: 100%; 328 height: auto; 329 } 330 331 .quick-grid, 332 .guide-grid, 333 .directory-grid { 334 display: grid; 335 gap: 1rem; 336 } 337 338 .quick-grid { 339 grid-template-columns: repeat(4, 1fr); 340 margin-top: 1.8rem; 341 } 342 343 .quick-card, 344 .guide-card, 345 .directory-card { 346 border: 1px solid var(--line); 347 background: #fff; 348 border-radius: 8px; 349 padding: 1.2rem; 350 } 351 352 .quick-card { 353 min-height: 144px; 354 box-shadow: 0 10px 28px rgba(0, 80, 112, 0.08); 355 } 356 357 .quick-card .icon { 358 width: 38px; 359 height: 38px; 360 border-radius: 50%; 361 display: grid; 362 place-items: center; 363 color: #fff; 364 font-weight: 900; 365 margin-bottom: 0.7rem; 366 background: var(--blue); 367 } 368 369 .quick-card:nth-child(2) .icon { 370 background: var(--pink); 371 } 372 373 .quick-card:nth-child(3) .icon { 374 background: var(--green); 375 } 376 377 .quick-card:nth-child(4) .icon { 378 background: #8a5fbf; 379 } 380 381 .quick-card h3, 382 .guide-card h3, 383 .directory-card h3 { 384 color: var(--deep-blue); 385 margin-bottom: 0.45rem; 386 font-size: 1.08rem; 387 } 388 389 .guide-card h3 a, 390 .directory-card h3 a { 391 color: inherit; 392 text-decoration-thickness: 2px; 393 text-underline-offset: 4px; 394 } 395 396 .quick-card p, 397 .guide-card p, 398 .directory-card p { 399 color: var(--muted); 400 margin-bottom: 0; 401 font-size: 0.96rem; 402 } 403 404 .guides { 405 background: #fff; 406 } 407 408 .guide-grid { 409 grid-template-columns: repeat(3, 1fr); 410 } 411 412 .guide-card { 413 min-height: 214px; 414 border-top: 5px solid var(--teal); 415 } 416 417 .guide-card:nth-child(2) { 418 border-top-color: var(--pink); 419 } 420 421 .guide-card:nth-child(3) { 422 border-top-color: var(--green); 423 } 424 425 .guide-card:nth-child(4) { 426 border-top-color: var(--gold); 427 } 428 429 .guide-card:nth-child(5) { 430 border-top-color: #8a5fbf; 431 } 432 433 .guide-card:nth-child(6) { 434 border-top-color: var(--blue); 435 } 436 437 .guide-card ul, 438 .directory-card ul { 439 margin: 0.8rem 0 0; 440 padding-left: 1.1rem; 441 color: var(--muted); 442 } 443 444 .guide-card li, 445 .directory-card li { 446 margin-bottom: 0.32rem; 447 } 448 449 .directory { 450 background: var(--soft); 451 border-block: 1px solid var(--line); 452 } 453 454 .directory-grid { 455 grid-template-columns: repeat(2, 1fr); 456 } 457 458 .directory-card { 459 min-height: 188px; 460 } 461 462 .resource-note { 463 margin-top: 1.4rem; 464 color: var(--muted); 465 font-size: 0.95rem; 466 } 467 468 .facebook-section { 469 background: 470 linear-gradient(110deg, rgba(7, 25, 35, 0.94), rgba(4, 73, 108, 0.86)), 471 url("assets/newportmommy-logo.jpg") right 10% center / 230px auto no-repeat; 472 color: #fff; 473 } 474 475 .facebook-section .section-head h2, 476 .facebook-section .section-head p { 477 color: #fff; 478 } 479 480 .facebook-layout { 481 display: grid; 482 grid-template-columns: 1fr 0.8fr; 483 gap: 1.5rem; 484 align-items: center; 485 } 486 487 .facebook-list { 488 margin: 0; 489 padding: 0; 490 list-style: none; 491 display: grid; 492 gap: 0.75rem; 493 } 494 495 .facebook-list li { 496 padding-left: 1.6rem; 497 position: relative; 498 } 499 500 .facebook-list li::before { 501 content: "+"; 502 position: absolute; 503 left: 0; 504 color: var(--gold); 505 font-weight: 900; 506 } 507 508 .footer { 509 background: #071923; 510 color: #d8eef5; 511 padding-block: 2rem; 512 } 513 514 .footer-grid { 515 display: grid; 516 grid-template-columns: 1fr auto; 517 align-items: center; 518 gap: 1rem; 519 } 520 521 .footer a { 522 color: #fff; 523 font-weight: 700; 524 text-decoration-thickness: 2px; 525 text-underline-offset: 4px;
526 } 527 528 @media (max-width: 840px) { 529 .nav-row { 530 align-items: flex-start; 531 flex-direction: column; 532 padding-block: 0.9rem; 533 } 534 535 .nav-links { 536 justify-content: flex-start; 537 } 538 539 .hero-inner { 540 min-height: 340px; 541 } 542 543 .intro-grid, 544 .facebook-layout, 545 .footer-grid { 546 grid-template-columns: 1fr; 547 } 548 549 .quick-grid, 550 .guide-grid, 551 .directory-grid { 552 grid-template-columns: repeat(2, 1fr); 553 } 554 } 555 556 @media (max-width: 560px) { 557 .wrap { 558 width: min(100% - 24px, 1120px); 559 } 560 561 .topbar .wrap { 562 align-items: flex-start; 563 flex-direction: column; 564 gap: 0.1rem; 565 } 566 567 .brand img { 568 width: 86px; 569 } 570 571 .nav-links { 572 width: 100%; 573 display: grid; 574 grid-template-columns: 1fr 1fr; 575 } 576 577 .nav-links a { 578 padding: 0.65rem 0.45rem; 579 text-align: center; 580 } 581 582 .nav-links .facebook-link { 583 margin-left: 0; 584 grid-column: 1 / -1; 585 } 586 587 main section { 588 padding-block: 3rem; 589 } 590 591 .hero { 592 background: 593 linear-gradient(125deg, rgba(0, 121, 168, 0.94), rgba(49, 183, 200, 0.78)), 594 url("assets/newportmommy-logo.jpg") center bottom 2.5rem / 190px auto no-repeat; 595 } 596 597 .hero-inner { 598 min-height: 390px; 599 align-content: start; 600 padding-top: 2.4rem; 601 } 602 603 .button-row { 604 display: grid; 605 } 606 607 .quick-grid, 608 .guide-grid, 609 .directory-grid { 610 grid-template-columns: 1fr; 611 } 612 } 613 </style> 614</head> 615<body> 616 <a class="skip-link" href="#main">Skip to content</a> 617 <div class="topbar"> 618 <div class="wrap"> 619 <span>NewportMommy has connected local families for 16 years.</span>
620 <span>Free community resource for Newport, Jersey City.</span> 621 </div> 622 </div> 623 624 <header class="site-header"> 625 <div class="wrap nav-row"> 626 <a class="brand" href="#home" aria-label="NewportMommy home"> 627 <img src="assets/newportmommy-logo.jpg" alt="NewportMommy.com Connecting families logo"> 628 <span class="brand-text"> 629 <span class="brand-title">NewportMommy</span> 630 <span class="brand-tag">Connecting families</span> 631 </span> 632 </a> 633 <nav class="nav-links" aria-label="Main navigation"> 634 <a href="#home">Home</a> 635 <a href='/local-directory'>Local Directory</a> 636 <a class="facebook-link" href="https://www.facebook.com/groups/241366906491859" target="_blank" rel="noopener">Facebook Community</a> 637 </nav> 638 </div> 639 </header> 640 641 <main id="main"> 642 <section id="home" class="hero" aria-labelledby="hero-title"> 643 <div class="wrap hero-inner"> 644 <p class="eyebrow">Newport, Jersey City family resource</p> 645 <h1 id="hero-title">NewportMommy</h1> 646 <p class="hero-copy">A free community resource where Newport families can find local activity providers, birthday resources, and neighbor recommendations.</p> 647 <div class="button-row"> 648 <a class='button' href='/local-directory'>Browse Local Directory</a> 649 <a class="button outline" href="https://www.facebook.com/groups/241366906491859" target="_blank" rel="noopener">Facebook Group</a> 650 </div> 651 </div> 652 </section> 653 654 <section class="intro-band" aria-labelledby="welcome-title"> 655 <div class="wrap intro-grid"> 656 <div> 657 <div class="section-head"> 658 <h2 id="welcome-title">A welcoming place for Newport parents to find what they need.</h2> 659 <p>NewportMommy is serving families with information recommended by you all since 2010. Find local activity providers, birthday resources, and a direct path to the Facebook group where neighbors share recommendations.</p> 660 </div> 661 <div class="quick-grid" aria-label="Featured site areas"> 662 <article class="quick-card"> 663 <div class="icon" aria-hidden="true">D</div> 664 <h3>Directory</h3> 665 <p>Find categories of local services and resources that families often ask about.</p> 666 </article> 667 <article class="quick-card"> 668 <div class="icon" aria-hidden="true">F</div> 669 <h3>Facebook</h3> 670 <p>Post questions, recommendations, announcements, and neighborhood updates in the group.</p> 671 </article> 672 <article class="quick-card"> 673 <div class="icon" aria-hidden="true">16</div> 674 <h3>16 Years</h3> 675 <p>A family-centered resource built around neighbors helping neighbors.</p> 676 </article> 677 </div> 678 </div> 679 <aside class="note-panel ad-panel" aria-labelledby="ad-title"> 680 <span class="label">Advertisement</span> 681 <h3 id="ad-title">Richa Garg</h3> 682 <p><strong>NJ Suburbs Real Estate Expert</strong></p> 683 <a class="ad-image-link" href="https://garghomes.com/" target="_blank" rel="noopener" aria-label="Visit Richa Garg's real estate website"> 684 <img src="assets/richa-garg-ad.jpeg" alt="Richa Garg real estate advertisement"> 685 </a> 686 </aside> 687 </div> 688 </section> 689 690 <section id="directory" class="directory" aria-labelledby="directory-title"> 691 <div class="wrap"> 692 <div class="section-head"> 693 <h2 id="directory-title">Local Directory</h2> 694 <p>Use the activity directory to jump into real provider listings from the NewportMommy local directory.</p> 695 </div> 696 <div class="directory-grid"> 697 <article class="directory-card"> 698 <h3><a href='/local-directory#tennis'>Tennis</a></h3> 699 <p>Tennis and pickleball programs around Newport, downtown Jersey City, and Hoboken.</p> 700 <ul> 701 <li>Super Duper Tennis</li> 702 <li>TennisApproach</li> 703 </ul> 704 </article> 705 <article class="directory-card"> 706 <h3><a href='/local-directory#gymnastics-fitness'>Gymnastics & Fitness</a></h3> 707 <p>Gymnastics, youth fitness, and movement classes for preschoolers through teens.</p> 708 <ul> 709 <li>Diamond Gymnastics</li> 710 <li>
710CrossFit JC Kids</li> 711 <li>The Inner Athlete</li> 712 </ul> 713 </article> 714 <article class="directory-card"> 715 <h3><a href='/local-directory#martial-arts'>Martial Arts</a></h3> 716 <p>Taekwondo, karate, kickboxing, and martial arts studios in Jersey City and Hoboken.</p> 717 <ul> 718 <li>Jersey City Taekwondo</li> 719 <li>Family Fitness Karate</li> 720 <li>Tiger Schulmann's Hoboken</li> 721 </ul> 722 </article> 723 <article class="directory-card"> 724 <h3><a href='/local-directory#art-creative'>Art & Creative Classes</a></h3> 725 <p>Art studios, crafts, creative camps, and party-friendly workshops.</p> 726 <ul> 727 <li>Jersey City Art School</li> 728 <li>Luna de Papel</li> 729 <li>Tiny Greenhouse</li> 730 </ul> 731 </article> 732 <article class="directory-card"> 733 <h3><a href='/local-directory#dance-performing'>Dance & Performing Arts</a></h3> 734 <p>Dance, theater, music, and performance programs for kids and families.</p> 735 <ul> 736 <li>Nimbus</li> 737 <li>Next Step Broadway JC</li> 738 <li>Jersey City Dance Academy</li> 739 </ul> 740 </article> 741 <article class="directory-card"> 742 <h3><a href='/local-directory#steam-academic'>STEAM & Academic Enrichment</a></h3> 743 <p>STEM, tutoring, chess, languages, math, reading, and academic support.</p> 744 <ul> 745 <li>AlphaMinds Academy</li> 746 <li>Kumon</li> 747 <li>Mathnasium</li> 748 <li>STEAM Works Studio</li> 749 </ul> 750 </article> 751 <article class="directory-card"> 752 <h3><a href='/local-directory#birthday-venues'>Birthday Party Venues</a></h3> 753 <p>Indoor play, arts, science, gym, park, climbing, and activity party options.</p> 754 <ul> 755 <li>Funzy Play</li> 756 <li>Liberty Science Center</li> 757 <li>My Gym</li> 758 <li>Jersey Jungle</li> 759 </ul> 760 </article> 761 </div> 762 </div> 763 </section> 764 765 <section id="facebook" class="facebook-section" aria-labelledby="facebook-title"> 766 <div class="wrap facebook-layout"> 767 <div class="section-head"> 768 <h2 id="facebook-title">Facebook Community</h2> 769 <p>Discussion now belongs where the community already gathers. Use the NewportMommy Facebook group for questions, recommendations, announcements, and timely local updates.</p> 770 <div class="button-row"> 771 <a class="button" href="https://www.facebook.com/groups/241366906491859" target="_blank" rel="noopener">Open Facebook Group</a> 772 <a class="button outline" href="#home">Back to Top</a> 773 </div> 774 </div> 775 <ul class="facebook-list"> 776 <li>Ask neighbors for current recommendations.</li> 777 <li>Share community news, swaps, and family resources.</li> 778 <li>Find friendly help from parents who know Newport family life.</li> 779 </ul> 780 </div> 781 </section> 782 </main> 783 784 <footer class="footer"> 785 <div class="wrap footer-grid"> 786 <div> 787 <strong>NewportMommy</strong> 788 <p>Connecting families in Newport, Jersey City for 16 years.</p> 789 </div> 790 <a href="https://www.facebook.com/groups/241366906491859" target="_blank" rel="noopener">Facebook Community</a> 791 </div> 792 </footer>
793<script async src="/.netlify/scripts/ar" data-netlify-deploy-id="6a5a49c47b3bd5010a8a378f" data-netlify-site-id="6811f4ed-d18c-4b72-a66d-833b5c61b4d8" data-agent-runner-id="6a5a4977193f64f7dc75db73"></script>
793 794</body> 795</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.