index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Random Message Generator Extension</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="container">
            <h1>Random Message Generator</h1>
            <p>Your daily dose of positive messages!</p>
        </div>
    </header>

    <section class="about">
        <div class="container">
            <h2>About the Extension</h2>
            <p>This Chrome extension provides random inspirational and motivational messages at the click of a button. Perfect for keeping you motivated throughout your day! (Update every single week too!)</p>
            <ul>
                <li>Over 100+ motivational messages</li>
                <li>Simple and user-friendly interface</li>
                <li>Lightweight and easy to install</li>
            </ul>
        </div>
    </section>

    <section class="cta">
        <div class="container">
            <h2>Install the Extension</h2>
            <p>Get your daily inspiration by adding this extension to your browser.</p>
            <a href="https://mega.nz/folder/BX9XnBwQ#YweDdvy5g3db3AR8J75FPg" target="_blank" class="install-btn">Install Now</a>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>Made with ❤️ by [Alapipapi].</p>
            <p><a href="https://www.github.com/Alapipapi" target="_blank">GitHub</a> | <a href="mailto:m-11369051@moe-dl.edu.my">Contact</a></p>
        </div>
    </footer>
</body>
</html>