-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (73 loc) · 2.44 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Girls.js - Interaktywna galeria</title>
<link href="src/styles.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="wrapper" class="wrapper">
<div id="slides" class="slides" tabindex="1" autofocus="autofocus">
<figure id="slide1" class="show">
<img src="photos/medium.jpg" width="100%" />
<figcaption>
"Medium" by
<a href="https://www.flickr.com/photos/thomashawk/14586158819/"
>Thomas Hawk</a
>.
</figcaption>
</figure>
<figure id="slide2">
<img src="photos/colorado.jpg" width="100%" />
<figcaption>
"Colorado" by
<a href="https://www.flickr.com/photos/stuckincustoms/88370744"
>Trey Ratcliff</a
>.
</figcaption>
</figure>
<figure id="slide3">
<img src="photos/monte-vista.jpg" width="100%" />
<figcaption>
"Early Morning at the Monte Vista Wildlife Refuge, Colorado" by
<a href="https://www.flickr.com/photos/davesoldano/8572429635"
>Dave Soldano</a
>.
</figcaption>
</figure>
<figure id="slide4">
<img src="photos/sunrise.jpg" width="100%" />
<figcaption>
"Sunrise in Eastern Colorado" by
<a href="https://www.flickr.com/photos/35528040@N04/6673031153"
>Pam Morris</a
>.
</figcaption>
</figure>
<figure id="slide5">
<img src="photos/colorado-colors.jpg" width="100%" />
<figcaption>
"Colorado colors" by
<a href="https://www.flickr.com/photos/cptspock/2857543585"
>Jasen Miller</a
>.
</figcaption>
</figure>
<div id="prev" class="prev">«</div>
<div id="next" class="next">»</div>
</div>
<!-- // slides -->
<nav>
<ul>
<li><button id="pin1" class="pin selected" /></li>
<li><button id="pin2" class="pin" /></li>
<li><button id="pin3" class="pin" /></li>
<li><button id="pin4" class="pin" /></li>
<li><button id="pin5" class="pin" /></li>
</ul>
<button id="play" class="play"></button>
</nav>
</div>
<script type="text/javascript" src="src/index.js"></script>
</body>
</html>