PageSourceSearch

https://newportmommy.com/

html newportmommy.com collected 2026-10-04 16:03:07 UTC 21,184 bytes, 795 lines download raw bytes

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 &amp; 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&#x27;s Hoboken</li>
721            </ul>
722          </article>
723          <article class="directory-card">
724            <h3><a href='/local-directory#art-creative'>Art &amp; 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 &amp; 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 &amp; 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.