DS
Back to HTML

purple-body.html

html/components/purple-body.html
HTML

HTML snippet: purple-body.html

purple-body.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Thank You</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            background-color: #fff;
        }

        main {
            padding: 80px 120px;
            min-height: 300px;
        }

        main h1 {
            font-size: 2.8rem;
            font-weight: 300;
            color: #6b21a8;
            margin-bottom: 20px;
        }

        main p {
            font-size: 1rem;
            font-weight: 700;
            color: #6b21a8;
        }

        @media (max-width: 768px) {
            main {
                padding: 48px 24px;
            }

            main h1 {
                font-size: 2rem;
            }
        }

        @media (max-width: 480px) {
            main {
                padding: 36px 16px;
            }

            main h1 {
                font-size: 1.6rem;
            }

            main p {
                font-size: 0.9rem;
            }
        }
    </style>
</head>

<body>

    <main>
        <h1>Thank you!</h1>
        <p>We will keep sending you information.</p>
    </main>

</body>

</html>