Firstwebproject/yoga.html at main · Chiranthdv/Firstwebproject · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>sports</title>
    <style>
.main{
    background-image: url(yoga2.jpg);
    background-size: cover;
    height: 900px;
    width: 1200px;
text-align: center;
font-size: 50px;
text-shadow: 0px 0px 30px ;
box-shadow: 0px 0px 40px;

}
.video{
    height: 500px;
    width: 500px;
    box-shadow: 0px 0px 30px;
    position: absolute;
    background-size: cover;
border-radius: 30px;
margin-top: 50px;
margin-left: 370px;
opacity: 0.9;
}
    </style>
</head>
<body>
    <div class="main"><b>YOGA</b>
<div class="video">
    <video controls src="yogavideo.mp4" height="450px" width="500px"></video></div><br><br><br><br><br><br><br><br><br><br><br>
   <h3 style="color: rgb(99, 216, 31); font-size: 30px; text-align: start;"> ABOUT YOGA</h3>
   <p style="color: rgb(244, 251, 252); font-size: 20px; text-align: start;">
    Yoga is a holistic system that originated in ancient India and has been practiced for thousands of years.
    It encompasses a wide range of physical, mental, and spiritual practices aimed at achieving overall well-being and self-realization.
    The word "yoga" is derived from the Sanskrit root "yuj," which means to yoke or unite, reflecting the integration of mind, body, and spirit.
    Yoga includes a variety of physical postures or asanas designed to promote strength, flexibility, balance, and coordination.
    These postures also help to enhance physical health and reduce stress.
    This is the practice of focused concentration, often combined with meditation.
    By directing attention inward and concentrating on a single point or object, practitioners aim to achieve a state of deep concentration and mental clarity.
     </p>

    </div>
</body>
</html>