generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathmeditation-exercise-outdoor.html
97 lines (86 loc) · 4.86 KB
/
meditation-exercise-outdoor.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ECP35F8B91"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-ECP35F8B91');
</script>
<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>15 Minute Guided Meditation To Find Peace In Uncertain Times | bliss</title>
<!-- Link stylesheet -->
<link rel="stylesheet" href="assets/css/styles.css">
<!-- Google fonts, PT Sans/Sans Serif-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;1,700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<!-- favicon code credit: favicon.io -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/img/favicon/site.webmanifest">
</head>
<body>
<!-- div to constrain site content to width -->
<div class="container">
<div class="content-wrap">
<!-- Nav bar -->
<header>
<!-- Brand logo "bliss" -->
<div class="logo"><a href="index.html">bliss</a></div>
<!-- Navigation links -->
<nav>
<ul class="nav-links">
<li class="nav-link"><a href="index.html" aria-label="Home">home</a></li>
<li class="nav-link active-page"><a href="exercises.html" aria-label="Exercises">exercises</a>
</li>
<li class="nav-link"><a href="about.html" aria-label="About">about</a></li>
<li class="nav-link"><a href="contact.html" aria-label="Contact">contact</a></li>
</ul>
</nav>
</header>
<!-- button to go back to exercises page -->
<a class="exercise-back-btn" href="exercises.html">❮ Back to exercises</a>
<main class="exercise-content">
<!-- iframe for video -->
<iframe class="exercise-video" src="https://www.youtube.com/embed/W19PdslW7iw"
title="15 Minute Guided Meditation To Find Peace In Uncertain Times"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<!-- video description -->
<p class="exercise-content-description">This short guided 15 minute meditation for anxiety and stress is
the perfect way to welcome peace, balance, and joy into your life. Through the simple act of
reconnecting with your inner self, this
easy guided meditation is perfect for anyone that is needing some positivity and calm during these
uncertain times. It is time to let go of the negativity, stress, anxiety... whatever is holding you
back in your life. Let this class take you on a meditative journey to cleanse and heal yourself from
the inside out.
</p>
</main>
</div>
<!-- footer with social links -->
<footer class="page-footer">
<div class="footer-social-links">
<a href="https://www.facebook.com/" class="footer-social-link" target="_blank"
aria-label="Follow us on Facebook"><img class="social-link-button" src="assets/img/facebook.svg"
alt="Facebook logo"></a>
<a href="https://www.instagram.com/" class="footer-social-link" target="_blank"
aria-label="Follow us on Instagram"><img class="social-link-button" src="assets/img/instagram.svg"
alt="Instagram logo"></a>
<a href="https://www.twitter.com/" class="footer-social-link" target="_blank"
aria-label="Follow us on Twitter"><img class="social-link-button" src="assets/img/twitter.svg"
alt="Twitter logo"></a>
</div>
</footer>
</div>
</body>
</html>