Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

London Class10 Danny Elena Romero HTML-CSS-Coursework-Week1 #340

Open
Elenar9 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

London Class10 Danny Elena Romero HTML-CSS-Coursework-Week1 #340

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
14 changes: 6 additions & 8 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
/**
* Add your custom styles below
*
* Remember:
* - Be organised, use comments and separate your styles into meaningful chunks
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
header {
text-align: center;
text-align: center;
background-color:rgb(229, 212, 171);
padding:20px;
}
104 changes: 84 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>

<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">
<title>Relaxation Techniques</title>
<link rel="stylesheet" href="css/style.css">
</head>
<header id="header">
<img id="header-img" src="https://i.postimg.cc/C1srFH0c/image-1.jpg">
<nav id="nav-bar">
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#Visualisation-Exercise">Visualisation Exercise</a> </li>
<li><a href="#Muscle-Relaxation">Muscle Relaxation</a> </li>
<li><a href="#Breathing-to-Relax">Breathing to Relax</a> </li>

</nav>
</header>

<body>

<h1>The Temple of Relaxation</h1>
</header>

<article>
<h2>Introduction</h2>
<p>Practicing relaxation is paramount to managing stress. When we relax, the flow of blood increases around our body
giving us more energy.
It helps us to have a calmer and clearer mind which aids positive thinking, concentration, memory and decision
making.
Relaxation slows our heart rate, reduces our blood pressure and relieves tension.
It also aids digestion as we absorb essential nutrients more efficiently when relaxed, which helps to fight off
disease and infection.
There are many relaxation techniques, here we will explain the ones that you can do in a few minutes anywhere.
</p>
</article>
<article>
<h2>Visualisation Exercise</h2>
<p>This exercise involves using an image as a way to focus the mind. Create in your mind an ideal spot to relax.
It can be:
<ul>- real or imaginary</ul>
<ul>- somewhere you will find restful, calming, safe and happy</ul>
<ul>- a place you would want to return to whenever you feel the need to relax</ul>
Imagine it in as much detail as you can use your senses to make it
as real as possible and see yourself comfortably enjoying this place.

Now close your eyes and take a slow, regular breath in through your nose. Become aware of your breathing. Focus on
your relaxation place in all its detail and breathe out through your mouth.
Do this exercise for 10 to 20 minutes.</p>
</article>
<article>
<h2>Muscle Relaxation</h2>
<p>This exercise will teach you to recognise and reduce muscle tension. You can relieve tension in any part of your
body just by tensing and relaxing each muscle in turn. Sitting in a comfortable chair:</p>
<ol>1 Close your eyes and concentrate on your breathing. Slowly breath in through your nose and out through your
mouth.</ol>
<ol>2 Make a fist, squeezing your hand tightly.</ol>
<ol>3 Hold this for a few seconds, noticing the tension.</ol>
<ol>4 Slowly open your fingers and feel the difference notice the tension leaving. Your hand is much lighter and
relaxed. Enjoy this feeling.</ol>
<p>If you have any physical injuries or conditions that may cause muscle pain, don't tense the muscle in that area.
</p>
</article>
<article>
<h2>Breathing to Relax</h2>
<p>Breathing too quickly, and deeply, can make you feel dizzy, faint or even more anxious.
Taking slow, regular breaths can help you to control anxious thoughts and feelings, and make you feel calmer.
To control your breathing:</p>
<ol>1 Place one hand on your chest and the other over your stomach. You want your stomach to move more than your
chest as you breathe.</ol>
<ol>2 Take a slow, regular breath in (through your nose if you can). Watch your hands as you breathe in. The hand on
your stomach should move and your chest should not.</ol>
<ol>3 Breathe out slowly through pursed lips.</ol>
<ol>4 Repeat this 10 times, twice a day.</ol>
<p>It might take time to master this technique. Once you have, you won't need to watch your hands or put them on
your stomach.</p>
</article>
<h3>If you have time, you should read more about Tibetan Singing Bowls
<br>
<a id="tribute-link" href="https://www.udemy.com/topic/relaxation/" target="_blank">Verry well entry</a>
</h3>
</body>

</html>