generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathyoga-exercise-chill.html
93 lines (82 loc) · 4.5 KB
/
yoga-exercise-chill.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
<!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>20 Minute Evening Yoga Flow | 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/gXuq4M5rU9E"
title="20 Minute Evening Yoga Flow | Daily Routine To Relax & Unwind"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<!-- video description -->
<p class="exercise-content-description">This is a 20 minute full-body yoga flow aimed to relax your body
and calm your mind at the end of the day. Perfect sequence for all levels. Practice this flow
regularly and incorporate it into your evening routine. No props needed. See you on the mat!
</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>