sc1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>REVIVE</title>
    <link rel="stylesheet" href="sc1.css">
</head>
<body>
    <header>
        <h1>Practice Mindfulness</h1>
    </header>

    <main>
        <section class="instruction">
            <h2>Guided Breathing Exercise</h2>
            <p>Take a moment to practice mindfulness through controlled breathing. This exercise can help reduce stress and improve focus.</p>
        </section>

        <section class="steps">
            <h3>Instructions:</h3>
            <ol>
                <li>Find a quiet and comfortable place to sit or lie down.</li>
                <li>Close your eyes and take a deep breath in through your nose, counting to four as you inhale.</li>
                <li>Hold your breath for a count of four.</li>
                <li>Exhale slowly through your mouth for a count of six.</li>
                <li>Repeat this cycle for several breaths, focusing on the sensation of your breath and the counting.</li>
            </ol>
        </section>

        <section class="tips">
            <h3>Tips:</h3>
            <ul>
                <li>Practice this exercise for at least 5-10 minutes.</li>
                <li>If your mind starts to wander, gently bring your focus back to your breath and the counting.</li>
                <li>Use this exercise whenever you need to relax, regain focus, or reduce stress.</li>
            </ul>
        </section>

        <section class="benefits">
            <h3>Benefits of Mindful Breathing:</h3>
            <ul>
                <li>Reduces stress and anxiety.</li>
                <li>Enhances concentration and mental clarity.</li>
                <li>Promotes relaxation and a sense of calm.</li>
                <li>Improves emotional well-being and resilience.</li>
                <li>Can help lower blood pressure and heart rate.</li>
            </ul>
        </section>

        <section class="when-to-practice">
            <h3>When to Practice:</h3>
            <p>You can practice this breathing exercise:</p>
            <ul>
                <li>In the morning to start your day with focus.</li>
                <li>During work or study breaks to refresh your mind.</li>
                <li>Before bedtime to unwind and improve sleep quality.</li>
                <li>Anytime you feel overwhelmed or stressed.</li>
            </ul>
        </section>
        <section class="music-links">
            <h3>Calming Music:</h3>
            <ul>
                <li><a href="https://youtu.be/wdturEfdkUs?si=ohA2Pc1dv13qUAwp" target="_blank">Relaxing Music on YouTube</a></li>
                <li><a href="https://open.spotify.com/episode/7oLzGgvkeETiH7a9vWiZcT?si=t_g8J_yYSLGkNk_ZObNGGw" target="_blank">Calming Playlists on Spotify</a></li>
              
            </ul>
        </section>
    </main>

</body>
</html>
