test/index.html at main · robpalmer99/test · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Free Woodworking Plans</title>
    <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }
        .container { max-width: 800px; margin: auto; background: white; padding: 20px; text-align: center; }
        h1 { font-size: 2.5em; color: #2e3d2b; }
        p { font-size: 1.2em; color: #444; }
        .hero { background: url('https://images.unsplash.com/photo-1517423440428-a5a00ad493e8') no-repeat center; background-size: cover; padding: 80px 20px; color: white; }
        .hero h1 { color: white; }
        .cta { margin-top: 20px; }
        input[type="email"] { padding: 12px; width: 70%; font-size: 1em; }
        button { padding: 14px 20px; font-size: 1.1em; background: #4CAF50; color: white; border: none; cursor: pointer; }
        button:hover { background: #45a049; }
        .footer { margin-top: 30px; font-size: 0.9em; color: #666; }
    </style>
</head>
<body>
    <div class="hero">
        <h1>Get 50 Free Woodworking Plans!</h1>
        <p>Step-by-step projects for every skill level.</p>
    </div>
    <div class="container">
        <p>Discover easy-to-follow woodworking plans you can start today. Whether you're a beginner or a seasoned pro, these projects are designed to help you build beautiful, functional pieces without wasting time or money.</p>
        <div class="cta">
            <input type="email" placeholder="Enter your email">
            <button>Get My Free Plans</button>
        </div>
        <p class="footer">Your email is safe. No spam. Unsubscribe anytime.</p>
    </div>
</body>
</html>