Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Name</title>
</head>
<body style="margin:0; font-family:Arial, sans-serif; background:linear-gradient(135deg, #1a1a2e, #16213e); color:white;">
    <header style="display: flex; flex-direction: column; align-items: center; padding: 40px; background: linear-gradient(135deg, #0f3460, #1a1a2e); border-bottom: 2px solid #0f3460; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);">
        <h1 style="margin: 0; color: #e94560; font-size: 48px; text-align: center; text-shadow: 0 0 10px #e94560, 0 0 20px #e94560;">Title</h1>
        <p style="margin: 0; color: #9c9cba; text-align: center; font-size: 18px;"><br>AAA BBB CCC | 111 222 333</p>
    </header>

    <section style="padding:40px; display:flex; flex-direction:column; align-items:center;">
        <div style="width:90%; display:flex; align-items:center; padding:20px; margin:20px; background:linear-gradient(135deg, #16213e, #0f3460); border-radius:10px; border:1px solid #e94560; box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);">
            <img src="ht tps://cdn.pixabay.com/photo/2024/05/17/14/50/ai-generated-8768468_1280.png" alt="AltName" style="width:150px; height:150px; border-radius:10px; margin-right:20px; background:#1a1a2e; border:2px solid #e94560;">
            <div style="text-align:left;">
                <h2 style="color:#e94560; text-shadow:0 0 4px #e94560; font-size:28px;">Section 1</h2>
                <p style="color:#9c9cba; font-size:18px;">Text: aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk lll mmm nnn ooo ppp qqq rrr sss ttt uuu vvv www xxx yyy zzz</p>
            </div>
        </div>
        <div style="width:90%; display:flex; align-items:center; padding:20px; margin:20px; background:linear-gradient(135deg, #16213e, #0f3460); border-radius:10px; border:1px solid #e94560; box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);">
            <div style="text-align:right; margin-right:20px; width:100%;">
                <h2 style="color:#e94560; text-shadow:0 0 4px #e94560; font-size:28px;">Section 2</h2>
                <p style="color:#9c9cba; font-size:18px;">Text: aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk lll mmm nnn ooo ppp qqq rrr sss ttt uuu vvv www xxx yyy zzz</p>
            </div>
            <img src="ht tps://cdn.pixabay.com/photo/2024/05/17/14/50/ai-generated-8768468_1280.png" alt="AltName" style="width:150px; height:150px; border-radius:10px; background:#1a1a2e; border:2px solid #e94560;">
        </div>
        <div style="width:90%; display:flex; align-items:center; padding:20px; margin:20px; background:linear-gradient(135deg, #16213e, #0f3460); border-radius:10px; border:1px solid #e94560; box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);">
            <img src="ht tps://cdn.pixabay.com/photo/2024/05/17/14/50/ai-generated-8768468_1280.png" alt="AltName" style="width:150px; height:150px; border-radius:10px; margin-right:20px; background:#1a1a2e; border:2px solid #e94560;">
            <div style="text-align:left;">
                <h2 style="color:#e94560; text-shadow:0 0 4px #e94560; font-size:28px;">Section 3</h2>
                <p style="color:#9c9cba; font-size:18px;">Text: aaa bbb ccc ddd eee fff ggg hhh iii jjj kkk lll mmm nnn ooo ppp qqq rrr sss ttt uuu vvv www xxx yyy zzz</p>
            </div>
        </div>
    </section>

    <section style="text-align:center; padding:40px; width:100%; background:linear-gradient(135deg, #0f3460, #1a1a2e); border-top:2px solid #e94560; box-shadow:0 -4px 8px rgba(0, 0, 0, 0.5);">
        <h2 style="color:#ffffff; text-shadow:0 0 4px #ffffff; font-size:32px;">Text</h2>
        <p style="color:#9c9cba; font-size:20px;">aaabbbccc AAABBBCCC</p>
        <button style="padding:15px 30px; font-size:18px; background:linear-gradient(135deg, #e94560, #d62976); color:white; border:none; border-radius:5px; cursor:pointer; box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);">Sign Up</button>
    </section>

    <!-- Footer Section -->
    <footer style="text-align:center; padding:20px; width:100%; background:linear-gradient(135deg, #1a1a2e, #16213e); border-top:1px solid #e94560;">
        <p style="margin:0; color:#9c9cba;">Изработено од <b><i>Александар Стојаноски</i></b> и <b><i>Мартин Ристевски</i></b> III-4</p>
    </footer>

</body>
</html>