-
Notifications
You must be signed in to change notification settings - Fork 2
/
slider.html
55 lines (42 loc) · 3.49 KB
/
slider.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
<!DOCTYPE html>
<html lang="en-gb" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Slider component - UIkit documentation</title>
<link rel="shortcut icon" href="http://getuikit.com/docs/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon-precomposed" href="http://getuikit.com/docs/images/apple-touch-icon.png">
<link rel="stylesheet" href="css/uikit.docs.min.css" />
<link rel="stylesheet" href="css/components/slider.css" />
<!-- <link rel="stylesheet" href="http://getuikit.com/docs/css/docs.css">
<link rel="stylesheet" href="http://getuikit.com/vendor/highlight/highlight.css"> -->
<script src="js/jquery2.js"></script>
<script src="js/uikit2.min.js"></script>
<!-- <script src="http://getuikit.com/vendor/highlight/highlight.js"></script>
<script src="http://getuikit.com/vendor/holder.js"></script>
<script src="http://getuikit.com/docs/js/docs.js"></script> -->
<script src="js/components/slider2.js"></script>
</head>
<body class="tm-background">
<h1> Hello</h1>
<div class="tm-middle">
<div class="uk-container uk-container-center">
<div class="uk-slidenav-position" data-uk-slider>
<ul class="uk-slider uk-grid-width-medium-1-4">
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/Branches/mykonos-biennale-2015-Film-Festivale-branches%20promo%20still%201.jpg" width="600" height="400" alt=""></li>
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/I%20was%20born%20in%201985/mykonos-biennale-2015-Film-Festivale-I%20was%20born%20in%201985-1.jpeg" width="600" height="400" alt=""></li>
<li ><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/submitions/2015-0014-La%20Fin%20/affiche%20teas,%20la%20fin.jpg" width="600" height="400" alt=""></li>
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/The%20Tree%20of%20Numbers/tree-of-numbers-poster-ilustracion80.jpg" width="600" height="400" alt=""></li>
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/Ona%20Meta/mykonos-biennale-2015-Film-Festivale-Ona-Meta-poster.jpg" width="600" height="400" alt=""></li>
<li><img src="http://heliothefilm.com/wp-content/uploads/2014/09/marketplace_reaction_2-941x519.jpg" width="600" height="400" alt=""></li>
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/The%20Loyalist/mykonos-biennale-2015-Film-Festivale-The%20Loyalist.jpg" width="600" height="400" alt=""></li>
<li><img src="http://heliothefilm.com/wp-content/uploads/2014/09/marketplace_reaction_2-941x519.jpg" width="600" height="400" alt=""></li>
<li><img src="http://org.mykonosbiennale.2015.s3.amazonaws.com/film%20festival%202015/Bread%20or%20Blood/mykonos-biennale-2015-Film-Festivale-Bread%20or%20Blood-eyes%20unit%20windshield%20text.jpg" width="600" height="400" alt=""></li>
</ul>
<a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-previous" data-uk-slider-item="previous"></a>
<a href="#" class="uk-slidenav uk-slidenav-contrast uk-slidenav-next" data-uk-slider-item="next"></a>
</div>
</div>
</div>
</body>
</html>