-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
skating.html
146 lines (115 loc) · 4.75 KB
/
skating.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
142
143
144
145
146
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SKATING</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;">SKATING</h1>
<div align="center">
<br>
<div id="slide" align="center">
<div class="slideshow-container">
<div class="mySlides fade"> <img src="images/skating.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/skating3.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/skating1.jpg" height="600px" width="1000px;" style="width:100%"> </div>
<div class="mySlides fade"> <img src="images/skating2.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>roller skates , Figure Skating Boots , safety helmet , knee gaurd</p>
<h3 style="color: blue; font-size: 30px;">Benefits:</h3> <p> There are many reasons you should incorporate skaters into your workouts. Here are just a few:</p>
<p>High-Intensity Interval Benefits , Work Your Lower Body And Core , Cardio Exercise At Home</p>
<h3 style="color: blue; font-size: 30px;">Safety:</h3><p>Skate during daylight hours , Skate with a friend, if possible. , Try to use recreational trails. Avoid sidewalks and roads as much as possible. If you must use roadways, never skate in traffic. , Stay to the right when skating on sidewalks, bike paths, and trails. If you're going to pass another person, do so on the left and call out "On your left!" to let them know you're coming.
</p>
<h3 style="color: blue; font-size: 30px;">Duration and frequency:</h3> <p>30 to 45 minutes, 3 to 4 times per week</p>
<h3 style="color: blue; font-size: 30px;">If you're a beginner:</h3>
<p>Get a helmet to protect your head, and consider elbow pads and wrist guards. Clear a safe area whenever you practice: sharp and delicate things should be out of reach, and never try to go down stairs or navigate tricky terrain unless you're very sure of your skills.</p>
<p>The first step in learning (or relearning) to skate is simply training your body in how to move when you have wheels under you. The fastest way to accomplish this is to just wear your skates at home, whether your house contains good places to skate or not.
Even if all your floors are carpeted, you'll get the sense of where to place your weight on your foot as you walk around. Perhaps you'll find yourself popping up onto your toe stops to get up from a chair. And when you wear your skates in a small space, like in your kitchen while you're washing dishes, you'll discover all kinds of ways to pivot and maneuver on your wheels while you're standing still. All these skills will serve you well when you move out to the rink or the dance floor or the street.</p>
</div>
</body>
</html>