no-nav-landing-page.html
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" /> 6 <title>Test: No Nav Landing Page</title> 7 <style> 8 * { 9 margin: 0; 10 padding: 0; 11 box-sizing: border-box; 12 } 13 body { 14 font-family: Arial, sans-serif; 15 } 16 17 .hero { 18 height: 600px; 19 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); 20 color: white; 21 display: flex; 22 flex-direction: column; 23 align-items: center; 24 justify-content: center; 25 text-align: center; 26 padding: 40px; 27 } 28 29 h1 { 30 font-size: 48px; 31 margin-bottom: 20px; 32 } 33 .subtitle { 34 font-size: 24px; 35 margin-bottom: 30px; 36 } 37 38 .cta-button { 39 background: white; 40 color: #667eea; 41 padding: 16px 32px; 42 border: none; 43 border-radius: 8px; 44 font-size: 18px; 45 font-weight: bold; 46 cursor: pointer; 47 } 48 49 .content { 50 padding: 60px 40px; 51 max-width: 800px; 52 margin: 0 auto; 53 } 54 55 p { 56 font-size: 18px; 57 line-height: 1.6; 58 margin-bottom: 16px; 59 } 60 </style> 61 </head> 62 <body> 63 <div class="hero"> 64 <h1>Transform Your Business Today</h1> 65 <p class="subtitle">No navigation bar, just pure content</p> 66 <button class="cta-button">Get Started Free</button> 67 </div> 68 69 <div class="content"> 70 <p>This is a simple landing page with no navigation header.</p> 71 <p>Everything should be preserved since there's no nav to crop.</p> 72 </div> 73 </body> 74 </html>