forked from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
171 lines (171 loc) · 12.1 KB
/
index.html
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Mindfulness for Daily Life">
<meta name="keywords" content="mindfulness, meditation, mindful meditation, breathing, breathe work">
<link rel="stylesheet" href="assets/css/style.css">
<title>Mindfulness for Daily Life </title>
</head>
<body>
<header>
<a href="#name"><h1 id="name">Daily Mindfulness <i class="fa-solid fa-spa"></i></h1>
</a>
<nav>
<ul id="menu">
<li>
<a href="#sign-up">Sign-Up</a>
</li>
<li>
<a href="#method">Method</a>
</li>
<li>
<a href="#types2">Types</a>
</li>
<li>
<a href="#benefits">Benefits</a>
</li>
<li>
<a href="#top">Home</a>
</li>
</ul>
</nav>
</header>
<section id="aboutus-definition">
<div id="cloud-image">
<div id="defined">
<h2>Mindfulness is a state of active, open attention to the present moment, with a non-judgmental and accepting attitude. It involves deliberately bringing one's awareness to the experiences unfolding in the present moment without being too reactive. Daily Mindfulness practise can help you integrate what type of mindfulness will suit you and your own life.</h2>
</div>
</div>
</section>
<section id="benefits">
<h2>Benefits of Mindfulness<i class="fa-solid fa-spa"></i></h2>
<div>
<div class="row2">
<div class="col2">
<h3>Stress Reduction</h3>
<p>By directing attention to the present moment and cultivating a non-judgmental awareness of one's thoughts and feelings, meditation helps break the cycle of rumination and worry. It promotes relaxation, calms the nervous system, and decreases the production of stress hormones. <a href="https://www.apa.org/topics/mindfulness/meditation#:~:text=Researchers%20reviewed%20more%20than%20200,%2C%20pain%2C%20smoking%20and%20addiction." alt="American Psychological Association: Mindfulness meditation: A research-proven way to reduce stress" target="_blank">Read more!</a></p>
</div>
<div class="col2">
<h3>Emotional Regulation</h3>
<p>Regular practice of mindful meditation enhances emotional regulation skills. By observing and accepting emotions without judgment, individuals develop the ability to respond to their emotions more skillfully rather than reacting impulsively. <a href="https://www.frontiersin.org/articles/10.3389/fpsyg.2017.00220/full" alt="Frontiers in Psychology: Mindfulness and Emotion Regulation: Insights from Neurobiological, Psychological, and Clinical Studies" target="_blank">Read more!</a></p>
</div>
<div class="col2">
<h3>Improved Mental Focus</h3>
<p>Mindful meditation strengthens the ability to sustain attention and concentrate. By repeatedly bringing the attention back to a chosen focus, such as the breath or bodily sensations, meditation exercises the "attention muscle." This improved focus transfers to daily life, enabling individuals to stay more engaged and productive. <a href="https://mindworks.org/blog/focus-meditation/" alt="Mindworks: How Does Meditation Improve Memory and Focus?" target="_blank">Read more!</a></p>
</div>
<div class="col2">
<h3>Enhanced Well-being</h3>
<p>Regular practice can reduce symptoms of anxiety and depression, increase self-compassion and self-acceptance, and foster a greater sense of interconnectedness with oneself, others, and the world. It promotes a deeper understanding of the mind-body connection. <a href="https://www.medicalnewstoday.com/articles/mindfulness-for-mental-wellbeing" alt="Medical News Today: Mindfulness and emotional well-being strategies" target="_blank">Read more!</a></p>
</div>
</div>
</div>
</section>
<br>
<section id="method">
<div id="left-element">
<div>
<h2>Steps for Practicing Mindful Meditation <i class="fa-solid fa-spa"></i></h2>
<ol>
<li>Find a quiet and comfortable place to sit.</li>
<li>Assume a comfortable posture, either sitting on a cushion or chair.</li>
<li>Close your eyes or maintain a soft gaze.</li>
<li>Focus on your breath, observing the inhalation and exhalation.</li>
<li>Allow thoughts to come and go without judgment, gently returning to the breath.</li>
<li>Stay present in the moment, letting go of distractions.</li>
<li>Continue for a desired duration, starting with a few minutes and gradually increasing.</li>
<li>When finished, slowly open your eyes and take a moment to transition back to your surroundings.</li>
</ol>
</div>
<div id="reminder">
<p><strong>Remember:</strong> Mindfulness and meditation, much like exercise, are deeply personal practices that can vary from person to person. Just as different individuals have different preferences for exercise routines, some may resonate more with certain mindfulness and meditation practices than others. It's important to explore various practices to find what aligns best with your personal preferences and needs on your mindfulness and meditation journey.</p>
</div>
</div>
<div id="right-element">
<div id="circle-container1">
<div id="circle-containerbg1">
</div>
</div>
</div>
</section>
<section id="types2">
<h2>Eight different ways to practise Mindfulness <i class="fa-solid fa-spa"></i></h2>
<div id="cloud-image2">
<div class="row">
<div class="col">
<h3>Mindful breathing</h3>
<p>A very useful tool as you are never without your breath for long, mindful breathing is the basis of most mindful and meditative practise. Simply focusing your attention on your breath, observing each inhalation and exhalation without judgment. Find out more information <a href="https://www.youtube.com/watch?v=I-SFdhVwrVA" alt="Five Minute Mindful Breathing" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Body Scan</h3>
<p>Slowly and systematically bringing awareness to different parts of your body, from head to toe, noticing physical sensations from the feeling of your clothes to the wind on your face. Notice tension first - then try relaxing the tension. Find out more information <a href="https://www.youtube.com/watch?v=CyKhfUdOEgs" alt="Mindfulness Meditation Body Scan" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Loving-Kindness Meditation</h3>
<p>Cultivating feelings of love, compassion, and kindness toward yourself and others through a guided meditation. Find out more information <a href="https://www.youtube.com/watch?v=sz7cpV7ERsM£" alt="Loving Kindness Meditation" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Walking Meditation</h3>
<p>Bringing mindfulness to your walking by paying attention to each step, the sensations in your feet, and the movement of your body. Find out more information <a href="https://www.youtube.com/watch?v=HRuqe26F8SU" alt="15-Minute Walking Meditation" target="_blank">here!</a></p>
</div>
</div>
<div class="row">
<div class="col">
<h3>Mindful Eating</h3>
<p>Engaging all your senses while eating, savoring each bite, and paying attention to the taste, texture, and smell of the food. Find out more information <a href="https://www.youtube.com/watch?v=u1jRaHrpokA" alt="How to Use Mindfulness in Eating" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Mindful Movement</h3>
<p>Practicing mindfulness while engaging in physical activities like yoga, tai chi, or simply stretching, focusing on the sensations and movements of your body. Find out more information <a href="https://www.youtube.com/watch?v=IBTdBA_lIZI" alt="Mindful Yoga Flow" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Mindful Listening</h3>
<p>Being fully present and attentive while listening to sounds or to another person without interrupting or forming judgments. Find out more information <a href="https://www.youtube.com/watch?v=hBV6hJJeEwg" alt="Mindful Listening" target="_blank">here!</a></p>
</div>
<div class="col">
<h3>Mindful Journaling</h3>
<p>Writing down your thoughts, feelings, and experiences with an attitude of curiosity and non-judgment. Find out more information <a href="https://www.youtube.com/watch?v=7W1wUmI9ULw" alt="How to Learn Mindful Journaling - Caregiver Tips to Control Anxiety" target="_blank">here!</a></p>
</div>
</div>
</div>
</section>
<section id="sign-up">
<div id="circle-container2a">
<div id="circle-container2">
<div id="circle-containerbg2">
</div>
</div>
</div>
<div class="form-container">
<h2>Mailing-list sign-up!</h2>
<form action="https://formdump.codeinstitute.net/" method="POST">
<input type="text" name="firstname" placeholder="First Name" required>
<input type="text" name="secondname" placeholder="Second Name" required>
<input type="email" name="email" placeholder="Your Email" required>
<input type="submit" value="Subscribe">
</form>
</div>
</section>
<footer>
<div>
<ul class="social-networks">
<li>
<a href="https://facebook.com" target="_blank" aria-label="Visit our Facebook page (open in a new tab)"><i class="fa-brands fa-facebook"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" aria-label="Visit our Twitter page (open in a new tab)"><i class="fa-brands fa-twitter"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" aria-label="Visit our Youtube page (open in a new tab)"><i class="fa-brands fa-youtube"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" aria-label="Visit our Instagram page (open in a new tab)"><i class="fa-brands fa-instagram"></i></a>
</li>
</ul>
</div>
</footer>
<script src="https://kit.fontawesome.com/2e37ca66cb.js" crossorigin="anonymous"></script>
</body>
</html>