-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathimages.html
215 lines (159 loc) · 11.1 KB
/
images.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Le Peu Girard. La ferme, Les vacances, Les produits bio</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bauernhof.css">
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,300' rel='stylesheet' type='text/css'>
<script src="//use.typekit.net/sch4kzi.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
</head>
<body>
<!--row 1 -->
<div class="container-fluid">
<img class="startbild" src="img/start_web_blured.jpg" id="bauernhof_bild" alt="Unser Bauernhof">
<nav class="row">
<div class="logo col-md-4 col-sm-4 col-xs-4">
<a href="index.html" title="Zurück auf die Startseite">
<img class="logo" src="img/logo.png" alt"Logo">
</a>
</div>
<ul class="col-md-8 col-sm-8 col-xs-8 menu">
<li class="fifth_nav"><a href="contact.html" title="Kontakt">Contact</a></li>
<li class="forth_nav active_nav"><a href="images.html" title="Ein paar schöne Bilder">Photos</a></li>
<li class="third_nav"><a href="produits.html" title="Unsere feinen Produkte active_nav">Produits <br>de la ferme</a></li>
<li class="second_nav "><a href="vacances.html" title="Ferien bei uns">Vacances à la ferme</a></li>
<li class="first_nav"> <a href="nous.html" title="Über uns und unser Tiere">Nous et nos animaux</a></li>
</ul>
<a class="nav-icon" href="#"></a>
</nav>
<a href="bilder.html" class="language">Deutsch</a>
<div class="row"> <!--row textfeld -->
<div class="bilder textfeld col-md-8 col-md-offset-2"> <!--row columns-->
<div class="block row">
<div class="col-md-9 col-md-offset-1">
<h2>Vacances chez nous...</h2>
<div id="slider3" class="nivoSlider">
<img src="img/slider/ferienwo1.jpg" title="Appartement de vacances" data-thumb="img/thumbs/ferienwo1.jpg">
<img src="img/slider/ferienwo2.jpg" title="Appartement de vacances" data-thumb="img/thumbs/ferienwo2.jpg">
<img src="img/slider/ferienwo3.jpg" title="Appartement de vacances" data-thumb="img/thumbs/ferienwo3.jpg">
<img src="img/slider/ferienwo4.jpg" title="Appartement de vacances" data-thumb="img/thumbs/ferienwo4.jpg">
<img src="img/slider/ferienwo5.jpg"title="Appartement de vacances" data-thumb="img/thumbs/ferienwo5.jpg">
<img src="img/slider/ferienwo6.jpg"title="Appartement de vacances" data-thumb="img/thumbs/ferienwo6.jpg">
<img src="img/slider/strohlager1.jpg"title="Dormir sur la paille" data-thumb="img/thumbs/strohlager1.jpg">
<img src="img/slider/ferien-bei6.jpg" title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei6.jpg">
<img src="img/slider/ferien-bei5.jpg" title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei5.jpg">
<img src="img/slider/ferien-bei7.jpg"title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei7.jpg">
<img src="img/slider/ferien-bei1.jpg" title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei1.jpg">
<img src="img/slider/ferien-bei2.jpg" title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei2.jpg">
<img src="img/slider/ferien-bei3.jpg"title="Vacances chez nous" data-thumb="img/thumbs/ferien-bei3.jpg">
<img src="img/slider/ferien-bei8.jpg" title="Vivre à la ferme" data-thumb="img/thumbs/ferien-bei8.jpg">
<img src="img/slider/ferien-bei9.jpg" title="Vivre à la ferme" data-thumb="img/thumbs/ferien-bei9.jpg">
<img src="img/slider/ferien-bei10.jpg" title="Vivre à la ferme" data-thumb="img/thumbs/ferien-bei10.jpg">
<img src="img/slider/ferien-bei11.jpg"title="Vivre à la ferme" data-thumb="img/thumbs/ferien-bei11.jpg">
</div>
</div>
</div>
<div class="block row">
<div class="col-md-9 col-md-offset-1">
<h2>Notre ferme...</h2>
<div id="slider4" class="nivoSlider">
<img src="img/slider/start1.jpg" title="Notre ferme" data-thumb="img/thumbs/start1.jpg">
<img src="img/slider/ueber-uns3.jpg" title="Notre équipe" data-thumb="img/thumbs/ueber-uns3.jpg" >
<img src="img/slider/ueber-uns1-copy.jpg" title="Notre équipe" data-thumb="img/thumbs/ueber-uns1-copy.jpg">
<img src="img/slider/ueber-uns1.jpg" title="Notre équipe" data-thumb="img/thumbs/ueber-uns1.jpg">
<img src="img/slider/ueber-uns2-copy.jpg" title="Notre équipe" data-thumb="img/thumbs/ueber-uns2-copy.jpg">
<img src="img/slider/ueber-uns2.jpg" title="Notre équipe"data-thumb="img/thumbs/ueber-uns2.jpg" >
<img src="img/slider/naturabeef1.jpg" title="Nos vaches" data-thumb="img/thumbs/naturabeef1.jpg">
<img src="img/slider/unsere-kühe.jpg" title="Nos vaches" data-thumb="img/thumbs/unsere-kühe.jpg">
<img src="img/slider/unsere-Tiere2.jpg" title="Nos vaches" data-thumb="img/thumbs/unsere-Tiere2.jpg">
<img src="img/slider/unsere-Tiere12.jpg" title="Nos vaches"data-thumb="img/thumbs/unsere-Tiere12.jpg" >
<img src="img/slider/lamm1.jpg" title="Nos brebis" data-thumb="img/thumbs/lamm1.jpg">
<img src="img/slider/lamm2.jpg" title="Nos brebis" data-thumb="img/thumbs/lamm2.jpg">
<img src="img/slider/unsere-Tiere3.jpg" title="Nos brebis" data-thumb="img/thumbs/unsere-Tiere3.jpg">
<img src="img/slider/unsere-Tiere4.jpg" title="Nos brebis" data-thumb="img/thumbs/unsere-Tiere4.jpg">
<img src="img/slider/unsere-schafe.jpg" title="Nos brebis" data-thumb="img/thumbs/unsere-schafe.jpg">
<img src="img/slider/unsere-Tiere6.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere6.jpg">
<img src="img/slider/unsere-Tiere9.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere9.jpg">
<img src="img/slider/unsere-Tiere10.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere10.jpg">
<img src="img/slider/unsere-Tiere11.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere11.jpg">
<img src="img/slider/unsere-Tiere1.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere1.jpg">
<img src="img/slider/unsere-Tiere13.jpg" title="Nos petits animaux" data-thumb="img/thumbs/unsere-Tiere13.jpg">
<img src="img/slider/produkte-ab-hof1.jpg" title="Nos produits"data-thumb="img/thumbs/produkte-ab-hof1.jpg" >
<img src="img/slider/produkte-ab-hof2.jpg" title="Nos produits" data-thumb="img/thumbs/produkte-ab-hof2.jpg">
<img src="img/slider/produkte-ab-hof3.jpg" title="Nos produits"data-thumb="img/thumbs/produkte-ab-hof3.jpg" >
<img src="img/slider/spez1.jpg" title="Nos produits" data-thumb="img/thumbs/spez1.jpg">
<img src="img/slider/spez2.jpg" title="Nos produits" data-thumb="img/thumbs/spez2.jpg" >
<img src="img/slider/was-wir-anbauen1-copy.jpg" title="Jardin et champ" data-thumb="img/thumbs/was-wir-anbauen1-copy.jpg">
<img src="img/slider/was-wir-anbauen1.jpg" title="Jardin et champ" data-thumb="img/thumbs/was-wir-anbauen1.jpg">
<img src="img/slider/was-wir-anbauen2-copy.jpg" title="Jardin et champ" data-thumb="img/thumbs/was-wir-anbauen2-copy.jpg">
<img src="img/slider/was-wir-anbauen3.jpg" title="Jardin et champ" data-thumb="img/thumbs/was-wir-anbauen3.jpg">
<img src="img/slider/unser-hof1.jpg" title="Jardin et champ" data-thumb="img/thumbs/unser-hof1.jpg">
<img src="img/slider/unser-hof2.jpg" title="Jardin et champ" data-thumb="img/thumbs/unser-hof2.jpg">
<img src="img/slider/unser-hof4.jpg" title="Jardin et champ" data-thumb="img/thumbs/unser-hof4.jpg">
</div>
</div>
</div>
</div>
</div>
<!--javascript -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$('#slider3').nivoSlider();
$('#slider4').nivoSlider();
$('.nav-icon').on('click', function(e){
e.preventDefault();
$('nav ul').slideToggle();
});
});
$('#slider3').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 1, // For slice animations
boxCols: 1, // For box animations
boxRows: 1, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: false, // Next & Prev navigation
controlNav: true, // 1,2,3... navigation
controlNavThumbs: true, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: '', // Prev directionNav text
nextText: '', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
$('#slider4').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 1, // For slice animations
boxCols: 1, // For box animations
boxRows: 1, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: false, // Next & Prev navigation
controlNav: true, // 1,2,3... navigation
controlNavThumbs: true, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: false, // Start on a random slide
beforeChange: function(){}, // Triggers before a slide transition
afterChange: function(){}, // Triggers after a slide transition
slideshowEnd: function(){}, // Triggers after all slides have been shown
lastSlide: function(){}, // Triggers when last slide is shown
afterLoad: function(){} // Triggers when slider has loaded
});
</script>
</body>