melocore4/home.html at main · sexyexecutor/melocore4 · 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MELOCORE</title>
    <link rel="stylesheet" href="melo.css">
<link rel="stylesheet" href="home.css">

    <!-- Font Awesome for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</head>

<body>
    <header>
        <div class="container">
            <div class="logo">
                <img src="C:\Users\aniru\OneDrive\Documents\melo.jpg" alt="MELOCORE Logo" class="tree-logo">
                <div class="logo-text">
                    <h1>MELOCORE</h1>
                    <h5><i>A WAY TO YOUR INNER HARMONY</i></h5>
                </div>
            </div>
            <nav>
                <ul>
                    <li><a href="home.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="articles.html">Articles</a></li>
                    <li><a href="therapy.html">Therapy</a></li>
                    <li><a href="contact.html">Contact</a></li>
                    <li><a href="login.html">Login</a></li>
                    <li><a href="signup.html">Sign Up</a></li>
                </ul>
            </nav>
            <select id="language-selector">
                <option value="en">English</option>
                <option value="es">Spanish</option>
                <option value="fr">French</option>
                <option value="hy">Hindi</option>
                <option value="bn">Bengali</option>
            </select>
            <form class="search-form" action="search_results.html" method="get">
                <input type="text" name="query" placeholder="Search..." required>
                <button type="submit">Search</button>
            </form>
        </div>
    </header>
    <section class="hero">
        <div class="container">
            <h2>Welcome to MELOCORE</h2>
            <p>Providing support and guidance for your mental well-being.</p>
            <a href="services.html" class="button"><button>Get Started</a></button>
        </div>
    </section>

    <section class="intro">
        <div class="container">
            <h2>"Melocore: Helping You Find Harmony in Your Mental Health Journey"</h2>
            <p>MELOCORE is dedicated to helping individuals lead happier and healthier lives by providing comprehensive mental health support and resources. Melocore: A Multifaceted Approach to Well-being</p>
            <p>MELOCORE's strength lies in its multifaceted approach to mental wellness. It incorporates a variety of features designed to cater to your unique needs:</p>
            <ul>
                <li>Self-care practices: Melocore curates a collection of guided meditations, breathing exercises, and mindfulness techniques to help you manage stress, reduce anxiety, and improve sleep quality.</li>
                <li>Mood tracking: Monitor your emotional well-being by journaling your moods and tracking patterns over time. This self-awareness empowers you to identify triggers and develop coping mechanisms.</li>
                <li>Personalized recommendations: Melocore leverages intelligent algorithms to suggest personalized exercises and programs based on your mood, goals, and progress.</li>
                <li>Community support: Connect with a supportive community of like-minded individuals who are also on their mental wellness journeys. Share experiences, offer encouragement, and feel empowered by the collective strength.</li>
            </ul>
            <img src="http://blog.chicagoideas.com/wp-content/uploads/2020/04/blogimage4.png" alt="About Us Image">
        </div>
    </section>

    <section class="article">
        <div class="container">
            <h2>Reimagine Mental Wellness with Melocore: Your Mobile App for Inner Harmony</h2>
            <img src="https://hips.hearstapps.com/vader-prod.s3.amazonaws.com/1680637569-mental-health-apps-headspace-642c7e6263d68.png?crop=1xw:1xh;center,top&resize=980:*" alt="Mental Health Image">
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; 2024 MELOCORE. All rights reserved.</p>
            <div class="social-media">
                <a href="https://www.facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                <a href="https://www.twitter.com" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                <a href="https://www.instagram.com" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="https://www.youtube.com" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
            </div>
        </div>
    </footer>

</body>
</html>