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.0, maximum-scale=1" /> 6 <title data-prerendered-seo="true">Par 3 Near Me â The Worldâs Best Par 3 Course Finder</title> 7 <meta name="robots" content="index, follow, max-image-preview:large" /> 8 <meta name="description" content="Browse par 3 and executive golf courses worldwide. Compare greens fees, hole counts, ratings, and course details to find a short course near you." data-prerendered-seo="true" /> 9 <link rel="canonical" href="https://par3nearme.com/" data-prerendered-seo="true" /> 10 <meta property="og:title" content="Par 3 Near Me â The Worldâs Best Par 3 Course Finder" data-prerendered-seo="true" /> 11 <meta property="og:description" content="Browse par 3 and executive golf courses worldwide. Compare greens fees, hole counts, ratings, and course details to find a short course near you." data-prerendered-seo="true" /> 12 <meta property="og:url" content="https://par3nearme.com/" data-prerendered-seo="true" /> 13 <meta property="og:type" content="website" data-prerendered-seo="true" /> 14 <meta property="og:image" content="https://par3nearme.com/hero/cliffhangers-desktop.webp" data-prerendered-seo="true" /> 15 <meta name="twitter:card" content="summary_large_image" data-prerendered-seo="true" /> 16 <meta name="twitter:title" content="Par 3 Near Me â The Worldâs Best Par 3 Course Finder" data-prerendered-seo="true" /> 17 <meta name="twitter:description" content="Browse par 3 and executive golf courses worldwide. Compare greens fees, hole counts, ratings, and course details to find a short course near you." data-prerendered-seo="true" /> 18 <meta name="twitter:image" content="https://par3nearme.com/hero/cliffhangers-desktop.webp" data-prerendered-seo="true" /> 19
19<script type="application/ld+json" data-prerendered-seo="true">[{"@context":"https://schema.org","@type":"WebPage","@id":"https://par3nearme.com/#webpage","url":"https://par3nearme.com/","name":"Par 3 Near Me â The Worldâs Best Par 3 Course Finder","description":"Browse par 3 and executive golf courses worldwide. Compare greens fees, hole counts, ratings, and course details to find a short course near you.","isPartOf":{"@id":"https://par3nearme.com/#website"},"primaryImageOfPage":{"@type":"ImageObject","@id":"https://par3nearme.com/#primaryimage","url":"https://par3nearme.com/hero/cliffhangers-desktop.webp","contentUrl":"https://par3nearme.com/hero/cliffhangers-desktop.webp","width":2400,"height":1200,"caption":"Cliffside par 3 golf course overlooking the ocean"},"inLanguage":"en"},{"@context":"https://schema.org","@type":"WebSite","@id":"https://par3nearme.com/#website","name":"Par 3 Near Me","url":"https://par3nearme.com","description":"Browse par 3 and executive golf courses worldwide. Compare greens fees, hole counts, ratings, and course details to find a short course near you.","inLanguage":"en"},{"@context":"https://schema.org","@type":"Organization","name":"Par 3 Near Me","url":"https://par3nearme.com","logo":"https://par3nearme.com/logo.svg","image":"https://par3nearme.com/hero/cliffhangers-desktop.webp"}]</script>
19 20 <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 21 <style> 22 /* 23 * First-paint styles keep the public landing shell readable while the 24 * eagerly linked application bundle and stylesheet initialize. 25 */ 26 :root { --app-font-sans: 'Figtree', sans-serif; --app-font-heading: 'Montserrat', sans-serif; --app-font-serif: 'Newsreader', Georgia, serif; --app-font-mono: 'DM Mono', monospace; --ink: #222222; --paper: #fff; --paper-deep: #f2f2f2; --pine: #222222; --clay: #222222; } 27 *, *::before, *::after { box-sizing: border-box; } 28 html { scroll-behavior: smooth; } 29 body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--app-font-sans); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } 30 button, input { font: inherit; } button { cursor: pointer; } 31 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } 32 .site-shell { min-height: 100dvh; overflow: hidden; } 33 .noise::after { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .028; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E"); } 34 .topbar { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid rgba(255,255,255,.1); background: #222222; } 35 .topbar-inner { display: flex; align-items: center; gap: 30px; height: 78px; max-width: 1380px; margin: auto; padding: 0 34px; } 36 .wordmark { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; letter-spacing: -.04em; } 37 .wordmark-logo { display: block; width: 196px; height: 35px; flex: 0 0 196px; } 38 .topnav { display: flex; align-items: center; gap: 25px; margin-left: auto; } 39 .topnav a { color: #fff; font-family: var(--app-font-sans); font-size: 14px; font-weight: 700; text-decoration: none; } 40 .topnav a:hover, .topnav a:focus-visible, .topnav a:active, .topnav a[aria-current='page'] { color: #91da87; } 41 .nav-button { padding: 10px 14px; border: 1px solid rgba(255,255,255,.28); border-radius: 3px; background: transparent; color: rgba(255,255,255,.88); font-family: var(--app-font-sans); font-size: 14px; font-weight: 700; letter-spacing: .03em; } 42 .nav-button:hover { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.14); color: #fff; } 43 .mobile-menu-toggle { display: none; margin-left: auto; padding: 4px; border: 0; background: none; line-height: 0; } 44 .mobile-menu { padding: 4px 24px 22px; border-top: 1px solid rgba(255,255,255,.1); background: #222222; } 45 .mobile-menu a { display: block; width: 100%; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.88); font-family: var(--app-font-sans); font-size: 14px; font-weight: 700; letter-spacing: -.03em; text-align: left; text-decoration: none; } 46 .mobile-menu a:last-child { border-bottom: 0; } 47 .page-wrap { max-width: 1380px; margin: auto; padding: 0 34px; } 48 .hero { display: grid; grid-template-columns: 1.02fr .98fr; gap: 58px; align-items: center; min-height: 530px; padding: 25px 0 58px; } 49 .eyebrow { color: #536058; font: 500 11px var(--app-font-mono); letter-spacing: .18em; text-transform: uppercase; } 50 .hero h1 { max-width: 660px; margin: 20px 0 26px; color: var(--ink); font: 800 clamp(52px, 6.7vw, 99px)/.88 var(--app-font-heading); letter-spacing: -.06em; } 51 .hero h1 em { color: var(--clay); font-style: italic; } 52 .hero-copy { margin: 0 0 31px; color: #666; font-size: 16px; line-height: 1.7; } 53 .hero-actions { display: flex; align-items: center; gap: 11px; } 54 .btn-primary, .btn-quiet { display: inline-flex; align-items: center; gap: 6px; padding: 13px 18px; border: 1px solid var(--ink); border-radius: 3px; font-size: 11px; font-weight: 800; letter-spacing: .02em; text-decoration: none; transition: transform .2s, background .2s, color .2s; white-space: nowrap; } 55 .btn-primary { background: var(--ink); color: var(--paper); } 56 .btn-primary:hover { background: var(--pine); transform: translateY(-2px); } 57 .btn-quiet { background: transparent; color: var(--ink); } 58 .btn-quiet:hover { background: var(--paper-deep); transform: translateY(-2px); } 59 .hero-visual { position: relative; min-height: 398px; } 60 .hero-image { display: block; width: 100%; height: 398px; border-radius: 2px; filter: saturate(.78) contrast(.96); object-fit: cover; } 61 .hero-visual::after { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; height: 55%; content: ''; background: linear-gradient(to top, rgba(0,0,0,.52) 0%, transparent 100%); pointer-events: none; } 62 .image-caption { position: absolute; bottom: 19px; left: 22px; z-index: 2;
62 color: #f8f2e5; font: 14px var(--app-font-mono); letter-spacing: .06em; text-shadow: 0 1px 7px rgba(0,0,0,.35); } 63 .image-caption b { display: block; margin-bottom: 4px; color: #91da87; font-size: 9px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; } 64 .landing-directory-hero { position: relative; display: flex; align-items: end; width: 100vw; min-height: 700px; margin-inline: calc(50% - 50vw); overflow: hidden; isolation: isolate; background: #222222; } 65 .landing-directory-hero::after { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(90deg, rgba(34,34,34,.88) 0%, rgba(34,34,34,.57) 48%, rgba(34,34,34,.24) 100%), linear-gradient(to top, rgba(34,34,34,.56), transparent 55%); } 66 .landing-directory-hero-media { position: absolute; z-index: -2; inset: 0; display: block; } 67 .landing-directory-hero-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.7) contrast(1.04); } 68 .landing-directory-hero-content { position: relative; z-index: 1; width: min(100%, 1380px); margin: 0 auto; padding: 78px 34px 58px; } 69 .landing-directory-kicker { display: block; margin-bottom: 17px; color: rgba(255,255,255,.82); font: 500 10px var(--app-font-mono); letter-spacing: .16em; text-transform: uppercase; } 70 .landing-directory-hero h1 { max-width: 920px; margin: 0 0 29px; color: #fff; font: 800 clamp(52px, 5.8vw, 88px)/.9 var(--app-font-heading); letter-spacing: -.06em; text-wrap: balance; text-shadow: 0 2px 18px rgba(0,0,0,.2); } 71 .landing-directory-finder { display: flex; gap: 10px; max-width: 870px; padding: 14px; border: 1px solid rgba(255,255,255,.35); border-radius: 5px; background: rgba(248,248,245,.95); box-shadow: 0 18px 48px rgba(0,0,0,.25); } 72 .landing-directory-finder input { flex: 1; min-width: 0; height: 44px; border: 1px solid #d4d4d4; border-radius: 2px; padding: 0 14px; color: var(--ink); font-size: 13px; } 73 .landing-directory-finder button { min-height: 44px; border: 1px solid var(--ink); border-radius: 3px; background: var(--ink); color: #fff; padding: 0 17px; font-size: 11px; font-weight: 800; letter-spacing: .02em; white-space: nowrap; } 74 .landing-directory-credit { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 7px; margin-top: 17px; color: rgba(255,255,255,.9); font: 12px/1.3 var(--app-font-mono); letter-spacing: .03em; text-decoration: none; text-shadow: 0 1px 7px rgba(0,0,0,.35); white-space: nowrap; } 75 .landing-directory-credit:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; } 76 .landing-directory-credit-kicker { color: #91da87; font-size: 9px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; } 77 .landing-directory-credit strong { color: #fff; font-weight: 700; } 78 @media (max-width: 900px) { 79 .topbar-inner, .page-wrap { padding-right: 21px; padding-left: 21px; } 80 .topbar-inner { height: 67px; } 81 .topnav { display: none; } 82 .mobile-menu-toggle { display: flex; align-items: center; justify-content: center; } 83 .hero { grid-template-columns: 1fr; gap: 34px; padding-top: 46px; } 84 .hero-visual { min-height: 340px; } 85 .hero-image { height: 340px; } 86 .landing-directory-hero { min-height: 620px; } 87 .landing-directory-hero-content { padding-right: 21px; padding-left: 21px; } 88 } 89 @media (min-width: 901px) { 90 .landing-directory-hero { min-height: 0; height: clamp(512px, 50vw, 720px); } 91 } 92 @media (max-width: 620px) { 93 .hero { min-height: auto; padding-top: 18px; padding-bottom: 60px; } 94 .hero h1 { font-size: 57px; } 95 .hero .eyebrow { display: none; } 96 .landing-directory-hero { min-height: 640px; align-items: center; background: linear-gradient(135deg, #222222 0%, #3a3a3a 62%, #91da87 100%); } 97 .landing-directory-hero-media { display: none; } 98 .landing-directory-credit { display: none; } 99 .landing-directory-hero-content { padding: 28px 21px; } 100 .landing-directory-hero h1 { font-size: clamp(45px, 13vw, 59px); } 101 .landing-directory-finder { display: block; } 102 .landing-directory-finder input { display: block; width: 100%; margin-bottom: 10px; } 103 .landing-directory-finder button { display: block; width: 100%; } 104 .landing-directory-credit { gap: 5px; margin-top: 14px; font-size: 10px; letter-spacing: .015em; } 105 .landing-directory-credit-kicker { font-size: 8px; letter-spacing: .11em; } 106 } 107 </style>
vendor: 68 bytes, lines 107-108
107 108 <script async src="https://www.googletagmanager.com/gtag/js?id=
108G-GS8JKJY76V
vendor: 16 bytes, lines 108-109
108"></script> 109
109<script> 110 window.dataLayer = window.dataLayer || []; 111 window.gtag = function(){dataLayer.push(arguments);} 112 window.gtag('js', new Date()); 113 window.gtag('config', 'G-GS8JKJY76V'); 114 </script>
114 115 <link rel="preconnect" href="https://fonts.googleapis.com"> 116 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 117 <link rel="preload" as="image" href="/par-3-near-me-logo.webp" type="image/webp" fetchpriority="high"> 118 <!-- homepage-hero-preload:start --> 119 <link rel="preload" as="image" href="/hero/cliffhangers-desktop.webp" type="image/webp" media="(min-width: 621px)" fetchpriority="high"> 120 <!-- homepage-hero-preload:end --> 121 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Figtree:wght@400;500;600;700;800&family=Montserrat:wght@800&family=Newsreader:opsz,[email protected],500;6..72,600;6..72,700&display=swap" onload="this.onload=null;this.rel='stylesheet'"> 122 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Figtree:wght@400;500;600;700;800&family=Montserrat:wght@800&family=Newsreader:opsz,[email protected],500;6..72,600;6..72,700&display=swap"></noscript> 123
123<script type="module" crossorigin src="/assets/index-DxrMcty8.js"></script>
123 124 <link rel="stylesheet" crossorigin href="/assets/index-CbWDyijC.css"> 125 </head> 126 <body> 127 <div id="root"> 128 <!-- initial-landing-shell:start --> 129 <div id="initial-landing-shell"> 130 <header class="topbar"> 131 <div class="topbar-inner"> 132 <a href="/" class="wordmark" aria-label="Par 3 Near Me home"> 133 <img class="wordmark-logo" src="/par-3-near-me-logo.webp" alt="Par 3 Near Me" width="202" height="32"> 134 </a> 135 <nav class="topnav" aria-label="Primary navigation"> 136 <a href="/courses">Find Courses</a> 137 <a href="/courses">The Par 3 Directory</a> 138 <a href="/locations">Browse by Location</a> 139 <a href="/blog">The Rough Draft</a> 140 <a href="/golf-team-name-generator">Fun Stuff</a> 141 <a href="/about">About</a> 142 <a href="/submit" class="nav-button nav-button--highlight">+ Add a Course</a> 143 <a href="/sign-in" class="nav-button">Sign in</a> 144 </nav> 145 <button type="button" class="mobile-menu-toggle" aria-label="Open navigation menu" aria-controls="initial-mobile-menu" aria-expanded="false" data-initial-menu-toggle> 146 <span style="color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em">MENU</span> 147 </button> 148 </div> 149 <nav class="mobile-menu" id="initial-mobile-menu" aria-label="Mobile navigation" hidden> 150 <a href="/courses">Find Courses</a> 151 <a href="/locations">Browse by Location</a> 152 <a href="/blog">The Rough Draft</a> 153 <a href="/golf-team-name-generator">Fun Stuff</a> 154 <a href="/about">About</a> 155 <a href="/submit">+ Add a Course</a> 156 <a href="/sign-in">Sign in</a> 157 </nav> 158 </header> 159 <main class="site-shell noise"> 160 <div class="page-wrap"> 161 <section class="landing-directory-hero"> 162 <picture class="landing-directory-hero-media"> 163 <source media="(min-width: 621px)" srcset="/hero/cliffhangers-desktop.webp"> 164 <img class="landing-directory-hero-image" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="" width="2400" height="1200" fetchpriority="high" decoding="async"> 165 </picture> 166 <div class="landing-directory-hero-content"> 167 <span class="landing-directory-kicker">The Course Directory</span> 168 <h1>Find a Par 3 Course Near You</h1> 169 <form class="landing-directory-finder" action="/courses" method="get"> 170 <label class="sr-only" for="initial-course-search">Search the course directory</label> 171 <input id="initial-course-search" name="q" type="search" placeholder="Search by course name, city, state, or ZIP"> 172 <button type="submit">Search courses <span aria-hidden="true">â</span></button> 173 </form> 174 <a class="landing-directory-credit" href="/course/cliffhangers"> 175 <span class="landing-directory-credit-kicker">Featured course</span> 176 <strong>Cliffhangers</strong><span> · Hollister, Missouri</span> 177 <span aria-hidden="true">â</span> 178 </a> 179 </div> 180 </section> 181 </div> 182 </main> 183 </div> 184 <!-- initial-landing-shell:end --> 185 </div> 186
186<script data-initial-landing-route-guard> 187 (function () { 188 var basePath = '/'.replace(/\/$/, ''); 189 var currentPath = window.location.pathname.replace(/\/$/, '') || '/'; 190 if (currentPath !== (basePath || '/')) { 191 var root = document.getElementById('root'); 192 if (root) root.replaceChildren(); 193 } 194 })(); 195 </script>
195 196
196<script type="text/javascript" src="https://js.codedrink.com/snippet.min.js" defer></script>
196 197
197<script type="text/javascript" defer> 198 document.addEventListener("LSAFFEventLoaded", function (e) { 199 e.detail.init(); 200 }); 201 </script>
201 202 </body> 203</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.