Josh Knapp
b511a6684d
Includes new page templates (fitness-gym, nonprofit, online-course, photography-studio, real-estate, startup-company, travel-blog, wedding-invitation) with thumbnail SVGs, test specs, documentation files, and minor updates to index.html, router.php, and playwright config. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
59 lines
5.5 KiB
HTML
59 lines
5.5 KiB
HTML
<nav style="display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background-color:#1c1917;position:sticky;top:0;z-index:100;">
|
|
<a href="#" style="font-family:'Playfair Display',serif;font-size:24px;color:#d4a574;text-decoration:none;font-weight:700;letter-spacing:1px;">Lens & Light Studio</a>
|
|
<div style="display:flex;gap:32px;align-items:center;">
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Gallery</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">About</a>
|
|
<a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Contact</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<section style="padding:100px 60px;background-color:#fafaf9;">
|
|
<div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;">
|
|
<div>
|
|
<img src="https://images.unsplash.com/photo-1554151228-14d9def656e4?w=600" alt="Elena Morales, photographer" style="width:100%;height:600px;object-fit:cover;display:block;">
|
|
</div>
|
|
<div>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#d4a574;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;">About the Artist</p>
|
|
<h1 style="font-family:'Playfair Display',serif;font-size:48px;color:#1c1917;margin:0 0 24px 0;font-weight:700;">Elena Morales</h1>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#57534e;line-height:1.8;margin:0 0 20px 0;">Photography found me before I found it. Growing up in a small coastal town, I was captivated by the way light danced on the ocean at golden hour. At sixteen, I picked up my first camera and never looked back.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#57534e;line-height:1.8;margin:0 0 20px 0;">After studying fine art photography at Parsons, I spent years traveling and documenting stories around the world. Today, I bring that same sense of wonder and authentic storytelling to every session.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:16px;color:#57534e;line-height:1.8;margin:0;">I believe that the most powerful photographs are the ones that feel true -- unscripted, unhurried, and deeply human. My goal is to make every client feel at ease so that what shines through is entirely, beautifully them.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section style="padding:80px 60px;background-color:#1c1917;">
|
|
<div style="max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center;">
|
|
<div>
|
|
<p style="font-family:'Playfair Display',serif;font-size:48px;color:#d4a574;margin:0 0 8px 0;font-weight:700;">12+</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#a8a29e;text-transform:uppercase;letter-spacing:2px;margin:0;">Years Experience</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-family:'Playfair Display',serif;font-size:48px;color:#d4a574;margin:0 0 8px 0;font-weight:700;">25K+</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#a8a29e;text-transform:uppercase;letter-spacing:2px;margin:0;">Photos Delivered</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-family:'Playfair Display',serif;font-size:48px;color:#d4a574;margin:0 0 8px 0;font-weight:700;">400+</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#a8a29e;text-transform:uppercase;letter-spacing:2px;margin:0;">Happy Clients</p>
|
|
</div>
|
|
<div>
|
|
<p style="font-family:'Playfair Display',serif;font-size:48px;color:#d4a574;margin:0 0 8px 0;font-weight:700;">15</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#a8a29e;text-transform:uppercase;letter-spacing:2px;margin:0;">Awards Won</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section style="padding:100px 60px;background-color:#fafaf9;">
|
|
<div style="max-width:800px;margin:0 auto;text-align:center;">
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#d4a574;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;">My Approach</p>
|
|
<h2 style="font-family:'Playfair Display',serif;font-size:42px;color:#1c1917;margin:0 0 32px 0;">Style & Philosophy</h2>
|
|
<p style="font-family:'Inter',sans-serif;font-size:17px;color:#57534e;line-height:1.8;margin:0 0 24px 0;">My work lives at the intersection of documentary and fine art. I favor natural light, muted tones, and compositions that feel effortless. I shoot primarily with mirrorless cameras and a collection of prime lenses that let me work quietly and move freely.</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:17px;color:#57534e;line-height:1.8;margin:0;">Every session begins with a conversation -- not about poses or props, but about what matters most to you. I want to understand the feeling you're after so the images we create together carry meaning long after the moment has passed.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<footer style="padding:48px 60px;background-color:#0c0a09;text-align:center;">
|
|
<p style="font-family:'Playfair Display',serif;font-size:20px;color:#d4a574;margin:0 0 8px 0;">Lens & Light Studio</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:14px;color:#78716c;margin:0 0 4px 0;">123 Artisan Way, Brooklyn, NY 11201</p>
|
|
<p style="font-family:'Inter',sans-serif;font-size:13px;color:#57534e;margin:16px 0 0 0;">© 2026 Lens & Light Studio. All rights reserved.</p>
|
|
</footer> |