-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathswimming.html
135 lines (107 loc) · 5.39 KB
/
swimming.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="media/favicon.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<title>My Swimming World | Ritesh kumar</title>
</head>
<body>
<header>
<div class="container">
<nav>
<a href="index.html"><img src="media/logo.jpg" class="logo"></a>
<ul id="sidemenu">
<li><a href="index.html#introduction">Introduction</a></li>
<li><a href="index.html#hobbies">Hobbies</a></li>
<li><a href="index.html#contact">Contact me</a></li>
<i class="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class="fas fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<h1>My <span>Swimming</span> World</h1>
</div>
</div>
</header>
<!-- -----------------------content------------------------ -->
<div id="swimming">
<div class="hobby-page">
<div class="container">
<section>
<h1>Welcome to My Swimming World</h1>
</section>
<section>
<div class="hobby-image">
<img src="media/swim1.jpg" alt="swimming">
<img src="media/swim2.jpg" alt="swimming">
<img src="media/swim3.jpg" alt="swimming">
</div>
</section>
<section>
<br>
<p>I'm passionate about swimming. Whether it's the rhythmic strokes, the refreshing feel of the water, or the sense of freedom it provides, swimming is more than just a hobby for me – it's a way of life.</p>
<br>
<h2>My Swimming Journey</h2>
<br>
<p><b>Early Days</b>
<br>
I took my first dive into the world of swimming at a young age. From the excitement of learning to float to mastering different strokes, each moment has been a step forward in my swimming journey.
<br>
<b>Favorite Swimming Spots</b>
<br>
Over the years, I've had the opportunity to swim in some incredible places. From serene lakes surrounded by nature to bustling community pools, each setting offers a unique swimming experience.</p>
<br>
<h2>The Joy of Swimming</h2>
<br>
<p><b>Physical Benefits</b>
<br>
Swimming isn't just a great way to cool off; it's also an excellent full-body workout. It engages various muscle groups, improves cardiovascular health, and enhances flexibility.
<br>
<b>Mental Wellness</b>
<br>
The calming effect of water and the rhythmic nature of swimming make it a therapeutic activity. It's not just about physical fitness – it's also a mental escape and a way to recharge.</p>
<br>
<h2>My Swimming Routine</h2>
<br>
<p><b>Training Sessions</b>
<br>
I follow a regular swimming routine that includes a mix of different strokes, drills, and endurance training. Consistency is key to improving skills and maintaining fitness levels.
<br>
<b>Favorite Swim Gear</b>
<br>
From swim caps to goggles and the perfect swimsuit, having the right gear enhances the swimming experience. I'll share my favorite swimming accessories and how they contribute to a comfortable swim.</p>
<br>
<h2>Swimming Tips and Tricks</h2>
<br>
<p>I've picked up a few tips and tricks along the way, whether it's improving stroke technique, increasing endurance, or overcoming common challenges. I'll share some insights that might help you enhance your swimming skills too.</p>
<br>
<h2>Get Involved</h2>
<br>
<p>Swimming is not just a solitary activity; it's a community. I'd love to hear about your swimming experiences, favorite spots, and any tips you have. Feel free to connect with me on social media.</p>
<br>
<p><b>Happy swimming!</b></p>
</section>
<a href="index.html#hobbies"><button type="submit" class="btn"><i class="fa fa-arrow-left" aria-hidden="true"></i> Go back</button></a>
</div>
</div>
</div>
<!-- -----------------javascript for mobile menu------------- -->
<script>
var sidemeu=document.getElementById("sidemenu");
function openmenu(){
sidemeu.style.right="0";
}
function closemenu(){
sidemeu.style.right="-200px";
}
</script>
<!-- ------------------------footer------------------------ -->
<footer>
<p>Copyright © Ritesh</p>
<p>Made with <i class="fas fa-heart"></i> by < Developer Ritesh ></p>
</footer>
</body>
</html>