forked from akshitagupta15june/Moksh
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstory.html
138 lines (117 loc) · 4.43 KB
/
story.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Divine activities for all Generation</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="story.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="/fontawesome.min.css">
<link rel="stylesheet" href="quiz.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/x-icon" href="Images/moksh.jpeg">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
</head>
<body>
<script src="script.js"></script>
<!-- Navbar Start-->
<div class="nav">
<!-- Nav Logo & Name -->
<div class="navbar-logo">
<img src="./Images/moksh.png" alt="Moksh Logo" />
<a href="index.html"><span>Moksh</span></a>
</div>
<!-- Nav menu -->
<ul class="nav-menu">
<li>
<a href="index.html">Home</a>
</li>
<li class="dropdown">
<a href="#"
>Features
<i class="fas fa-caret-down"></i>
</a>
<!-- Dropdown -->
<ul>
<li><a href="meditation.html">Augmented Reality Meditation</a></li>
<li><a href="event.html">Iskcon Events</a></li>
<li>
<a href="story.html">Divine Activities for all Generation</a>
</li>
<li><a href="reward.html">Pomodoro Spritual Break</a></li>
<li><a href="motivation.html">Read a Shlok</a></li>
<li><a href="rejuvenate.html">Rejuvenate</a></li>
</ul>
</li>
</ul>
<!-- Google Translate -->
<div id="google_translate_element">
<script
type="text/javascript"
src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"
></script>
</div>
</div>
<!-- Navbar Ends -->
<h1 class="top-header" >4 yoga exercises to do at your desk</h1>
<div class="top">
<div class="images">
<div class="img">
<img src="Images/lenstore-eye-yoga-5-easy-eye-exercises-to-prevent-eye-strain-card-12.gif">
</div>
<div class="img">
<img src="Images/lenstore-eye-yoga-5-easy-eye-exercises-to-prevent-eye-strain-card-15.gif">
</div>
<div class="img">
<img src="Images/lenstore-eye-yoga-5-easy-eye-exercises-to-prevent-eye-strain-card-3.gif">
</div>
<div class="img">
<img src="Images/lenstore-eye-yoga-5-easy-eye-exercises-to-prevent-eye-strain-card-6.gif">
</div>
</div>
</div>
<h1 class="bottom-header" >3 yoga exercises to do at your desk</h1>
<div class="bottom">
<div class="img">
<img src="Images/3-chair-raised-hand-pose.gif">
</div>
<div class="img">
<img src="Images/4-seated-crescent-moon.gif">
</div>
<div class="img">
<img src="Images/1-wrist-and-finger-stretch.gif">
</div>
</div>
<div align=center class="quiz">
<p><h1>Bhagwadgita Trivia</h1></p>
<a href="quiz.html">
<button class="quiz_btn" >START BHAGWAD GITA QUIZ</button>
</a>
</div>
<br>
<br>
<footer style="padding:5px 10px;">
<div class="logo-title">
<img class='logo' src="Images/moksh.png" alt="Moksh Logo" style="height: 50px; margin-right: 10px; filter: invert(84%) sepia(28%) saturate(30%) hue-rotate(195deg) brightness(97%) contrast(99%);"/>
<h3 class="title" style="font-size: 28px; text-align: end; color: #fff; margin-top:12px">Moksh</h3>
</div>
<div class="tagline">
<p style="font-size: 18px; text-align: center; color: #fff;">A Spiritual Productivity Tool for Mental Wellness</p>
</div>
<div class="intro">
<p style="text-align:center;">Moksh is a spiritual productivity tool designed for individuals who want to unlock their potential and achieve true balance in life. </p>
</div>
<hr color="#000" size="10">
<div class="copyright" style="display:flex; justify-content:space-around">
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">Made with ❤️ by Akshita during XPRESSION'23</p>
<p style=" font-size: 14px; text-align: center; margin-top: 10px;">© 2023 Moksh. All rights reserved.</p>
</div>
</footer>
<script src="story.js"></script>
</body>
</html>