-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
rowing.html
141 lines (115 loc) · 4.11 KB
/
rowing.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
139
140
141
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ROWING</title>
<style type="text/css">
#slide{
width:96%;
}
* {
box-sizing: border-box;
text-transform: capitalize;
}
.mySlides {
display: none
}
.slideshow-container {
width: 1200px;
position: relative;
margin: -10px;
}
.prev, .next {
cursor:progress;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: black;
font-weight: bolder;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 5px 5px 0;
}
.next {
right: 0;
border-radius: 5px 0 0 5px;
}
.prev {
left: 0;
border-radius: 5px 0 0 5px;
}
p{
font-size: 20px;
}
body{
background-color: black;
color: white;
}
div.y{
text-align: left;
}
</style>
</head>
<body>
<h1 align="center" style="font-size: 50px;">ROWING</h1>
<div align="center">
<br>
<div id="slide" align="center">
<div class="slideshow-container">
<div class="mySlides fade"> <img src="images/rowing.png" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/rowing1.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/rowing2.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/rowing3.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div>
<br>
<script type="text/javascript">
var slideIndex = 0;
showSlides();
var slides;
function showSlides() {
var i;
slides = document.getElementsByClassName("mySlides");
dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlides, 2000); // Change image every 2 seconds
}
function plusSlides(position) {
slideIndex +=position;
if (slideIndex> slides.length) {slideIndex = 1}
else if(slideIndex<1){slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
function currentSlide(index) {
if (index> slides.length) {index = 1}
else if(index<1){index = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[index-1].style.display = "block";
dots[index-1].className += " active";
}
</script>
<div class="y">
<h3 style="color: blue; font-size: 30px;">Equipment:</h3>
<p>Rowing machine </p>
<h3 style="color: blue; font-size: 30px;">Benefits:</h3>
<p> Rowing is an efficient way to burn calories, as well as build strong and defined muscles - but is it enough to help you shed stubborn belly fat, compared to other forms of cardio like running?<br> The short answer is yes. ... Instead, you'll need to work to elevate your heart rate, which will help you shed fat all over. </p>
<h3 style="color: blue; font-size: 30px;">Safety:</h3>
<p> Always you both your hands while working out on the rowing machine. If your hands get sweaty, never try to use on of your hands wipe it down on</p>
<h3 style="color: blue; font-size: 30px;">Duration and frequency:</h3>
<p>in terms of time, weight loss is best achieved with consistency, so aim for at least 30 minutes per day on a rower, anywhere from 4 to 6 times a week. Make sure you're getting enough rest days, especially if you're just getting started! </p>
<h3 style="color: blue; font-size: 30px;">If you're a beginner:</h3>
<p>The rowing machine can be intimidating, but once you get the hang of it, it's an effective way to spice up your cardio routine. But while the rowing machine, also called an ergometer, is a calorie buster (about 280 calories in 30 minutes for an 130-pound woman) and a good leg and core workout, improper form can lead to back injuries if you're not careful. </p>
</div>
</body>
</html>