carouFredSel/index.html at master · mrHaiker/carouFredSel · GitHub

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
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="carousel">
    <div style="background-image: url(http://www.zastavki.com/pictures/originals/2013/World___USA___New_York_Skyscrapers_in_New_York_037370_.jpg)"></div>
    <div style="background-image: url(http://s1.ibtimes.com/sites/www.ibtimes.com/files/styles/v2_article_large/public/2014/11/14/new-york-skyline-2018.png)"></div>
    <div style="background-image: url(http://bestmaps.ru/files/content_images/20121312144254.jpg)"></div>
    <div style="background-image: url(https://nimbus-t.com/wp-content/uploads/2015/11/Cityscape-New-York-At-Evening-Wallpaper.jpg)"></div>

</div>

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/gilbitron/carouFredSel/jquery.carouFredSel-6.2.1-packed.js"></script>
<script src="bower_components/gilbitron/carouFredSel/helper-plugins/jquery.mousewheel.min.js"></script>
<script src="bower_components/gilbitron/carouFredSel/helper-plugins/jquery.touchSwipe.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>