This repository has been archived by the owner on Feb 25, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
51 lines (41 loc) · 1.51 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS Slider by Anselm Hannemann</title>
<meta name="description" content="A mostly CSS based slider which is only enhanced by JavaScript and is hardware accellerated by default.">
<!-- Please be aware that this prevents the user from scaling your website via pinch-gesture. The user is not able to zoom text or other elements. If you need scaling, do not use this snippet but the one listed on h5bp.com/viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="site/css/normalize.css">
<link rel="stylesheet" href="slider.css">
</head>
<body>
<section class="slider-wrapper">
<ol class="slider-content">
<li id="slide-1" class="active">
<h3>To the rocks!</h3>
<p>Fontainebleau is the ultimate Mekka for Boulderers…</p>
</li>
<li id="slide-2">
<h3>Sunset over Berlin</h3>
<p>This beautiful picture has been taken in Berlin, Germany.</p>
</li>
<li id="slide-3">
<h3>Sunset over Berlin</h3>
<p>This beautiful picture has been taken in Berlin, Germany.</p>
</li>
<li id="slide-4">
<h3>Warsaw at Night</h3>
<p>Polands city Warsaw has a lovely center which looks spectacular a night.</p>
</li>
</ol>
<ol class="slider--bullets">
<li><a href="#slide-1" class="active"></a></li>
<li><a href="#slide-2"></a></li>
<li><a href="#slide-3"></a></li>
<li><a href="#slide-4"></a></li>
</ol>
</section>
<script src="slider.js"></script>
</body>
</html>