generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexercises.html
79 lines (70 loc) · 3.62 KB
/
exercises.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--Title-->
<title>Anxiety buddy</title>
<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 tags for search engines-->
<meta name="description" content="Your online Anxiety buddy that helps you. Global mental health assistant to help you prevent anxiety attacks">
<meta name="keywords" content="anxiety, anxious, anxiety attacks, mental health awareness, mental health, mental health assistant, online anxiety support, online anxiety help">
<!--Favicon-->
<link rel="icon" type="image/png" sizes="32x32" href="assets/css/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/css/favicon/favicon-16x16.png">
<!--Stylesheet-->
<link rel="stylesheet" href="assets/css/style.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
</style>
</head>
<body>
<!--Header-->
<header>
<a href="index.html">
<h1 id="logo">Anxiety buddy</h1>
</a>
<input type="checkbox" id="nav-toggle" class="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<i class="fa-solid fa-bars"></i>
</label>
<nav>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="exercises.html" class="active">Exercises</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!--Main content-->
<main>
<section id="hero">
<div id="cover-text">
<h2>Anxiety buddy</h2>
<h3>Your online anxiety assistant</h3>
</div>
</section>
<section id="exercises">
<h2>Exercises</h2>
<p>When you get an anxiety attack, try to find "three things you can either - hold, touch or count".</p>
<p>For example: You can count how many points your keys have, how many coins you have in your wallet
or hold firmly around your wrists.</p>
<p>By doing this you create a physical sensation that tries to over-power your mental anxiety that is
only existing in your mind.</p>
<p>Another helpful exercise is to count your breaths. Like this:</p>
<p>Breathe in (count 1), breathe out (count 1), Breathe in (count 2), breathe out (count 2) and so on.. Keep doing it till you've reached 10 and start over until you've come down from the worst part.</p>
</section>
</main>
<!--Footer-->
<footer>
<ul id="social-networks">
<li><a href="https://www.facebook.com/" target="_blank" rel="noopener" aria-label="Visit our Facebook page (opens in a new tab)"><i class="fa-brands fa-facebook"></i></a></li>
<li><a href="https://www.twitter.com/" target="_blank" rel="noopener" aria-label="Visit our Twitter/X page (opens in a new tab)"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank" rel="noopener" aria-label="Visit our Instagram page (opens in a new tab)"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://www.youtube.com/" target="_blank" rel="noopener" aria-label="Visit our Youtube page (opens in a new tab)"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</footer>
<!--Font Awesome kit-->
<script src="https://kit.fontawesome.com/2c8e1bafb3.js" crossorigin="anonymous"></script>
</body>
</html>