melocore4/articles.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Melocre Articles</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap">
    <link rel="stylesheet" href="article.css">
</head>
<body>
    <!-- Header -->
    <header>
        <div class="container">
            <div class="logo">
                <img src="C:\Users\aniru\OneDrive\Documents\melo.jpg" alt="Melocre 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>
        </div>
    </header>

    <!-- Page Content -->
    <div class="container">
        <!-- Article 1 -->
        <div class="page-content">
            <h2>The Impact of Anxiety Disorders</h2>
            <p>By Dr. Jane Smith | April 20, 2024</p>
            <img src="C:\Users\aniru\OneDrive\Documents\anxiety.jpg" alt="Anxiety Image">
            <p>Anxiety disorders are among the most common mental health conditions worldwide. They affect how individuals feel and behave, creating significant challenges in daily life. Understanding the various types of anxiety disorders and their impact is essential for effective management and treatment.</p>
        </div>

        <!-- Article 2 -->
        <div class="page-content">
            <h2>Understanding Depression and Its Effects</h2>
            <p>By Dr. John Doe | May 15, 2024</p>
            <img src="C:\Users\aniru\OneDrive\Documents\depression.jpg" alt="Depression Image"><img src="C:\Users\aniru\OneDrive\Documents\depression1.jpg" alt="Depression1 image">
            <p>Depression is a serious mental health condition that affects millions of people globally. It is more than just feeling sad or going through a rough patch. Depression can lead to a variety of emotional and physical problems, impacting the quality of life. This article delves into the symptoms, causes, and treatment options for depression.</p>
        </div>

        <!-- Article 3 -->
        <div class="page-content">
            <h2>Coping with Post-Traumatic Stress Disorder (PTSD)</h2>
            <p>By Dr. Emily Taylor | June 5, 2024</p>
            <img src="C:\Users\aniru\OneDrive\Documents\ptsd.jpg" alt="PTSD Image">
<img src="C:\Users\aniru\OneDrive\Documents\ptsd1.jpg" alt="PTSD1 Image">
            <p>PTSD is a mental health condition triggered by experiencing or witnessing a traumatic event. Individuals with PTSD may relive the event through flashbacks and nightmares, leading to severe anxiety and uncontrollable thoughts about the event. Understanding PTSD and learning coping mechanisms can help manage symptoms and improve quality of life.</p>
        </div>

        <!-- User Article Input Section -->
        <div class="article-input">
            <h2>Submit Your Own Article</h2>
            <form>
                <label for="title">Article Title</label>
                <input type="text" id="title" name="title" placeholder="Enter the title of your article">

                <label for="author">Author Name</label>
                <input type="text" id="author" name="author" placeholder="Enter your name">

                <label for="content">Article Content</label>
                <textarea id="content" name="content" placeholder="Write your article here"></textarea>

                <button type="submit">Submit Article</button>
            </form>
        </div>
    </div>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2024 Melocore. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>