-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·224 lines (204 loc) · 9.4 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
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
216
217
218
219
220
221
222
223
224
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tankstellen in Island</title>
<meta name="description" content="Tankstellen in Island">
<link href="css/willamette_type1_color1.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<header>
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<h2><a href="index.html">Tankstellen in Island</a></h2>
</div>
</div>
</header>
<nav>
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="https://www.island-ringstrasse.de/">Island Blog</a></li>
</ul>
</div>
</div>
</nav>
<div class="section-headline">
<div class="row">
<div class="small-12 medium-12 large-12 large-centered columns">
<h1>Tankstellen in Island</h1>
<div id="map" style="width:100%;height:400px;"></div>
</div>
</div>
</div>
<div class="section-features section-bg-color1">
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<h3>Auto fahren in Island</h3>
</div>
</div>
<div class="row">
<div class="small-12 medium-4 large-4 columns">
<a href="https://www.island-ringstrasse.de/mietwagen-island-sommer-winter-jahreszeit-islandreise-allrad/">
<div class="feature-box">
<h4><i class="fa fa-car fa-lg fa-fw"></i> Mietwagen</h4>
<p>Den passenden Mietwagen in Island zu finden ist nicht einfach. Lesen sie hier weiter…</p>
</div>
</a>
</div>
<div class="small-12 medium-4 large-4 columns">
<a href="https://www.island-ringstrasse.de/auto-fahren/">
<div class="feature-box">
<h4><i class="fa fa-file-text fa-lg fa-fw"></i> Verkehrsregeln</h4>
<p>Die isländischen Verkehrsregeln unterscheiden sich nur minimal von unseren, mit einer Ausnahme…</p>
</div>
</a>
</div>
<div class="small-12 medium-4 large-4 columns">
<a href="https://www.island-ringstrasse.de/dauer/">
<div class="feature-box">
<h4><i class="fa fa-circle-o fa-lg fa-fw"></i> Ringstraße</h4>
<p>Islands Ringstraße ist die Hauptverkehrsader des Landes, erfahren sie hier alles was sie wissen müssen…</p>
</div>
</a>
</div>
</div>
<div class="row">
<div class="small-12 medium-4 large-4 columns">
<a href="https://www.island-ringstrasse.de/sehenswuerdigkeiten/">
<div class="feature-box">
<h4><i class="fa fa-binoculars fa-lg fa-fw"></i> Sehenswürdigkeiten</h4>
<p>Die besten Sehenswürdigkeiten in und rund um Island. Alles was du gesehen haben musst…</p>
</div>
</div>
<div class="small-12 medium-4 large-4 columns">
<a href="https://www.island-ringstrasse.de/island-ebook/">
<div class="feature-box">
<h4><i class="fa fa-book fa-lg fa-fw"></i> Reiseführer</h4>
<p>Alles was man über Island wissen muss, kompakt in 14 Kapitel und als E-Book sofort zum Download…</p>
</div>
</a>
</div>
<div class="small-12 medium-4 large-4 columns">
<a href="https://play.google.com/store/apps/details?id=de.island_ringstrasse.app&referrer=utm_source%3Dtankstellen-island%26utm_medium%3Dbox">
<div class="feature-box">
<h4><i class="fa fa-mobile fa-lg fa-fw"></i> Island App</h4>
<p>Die ultimative App für deine Islandreise. Mit Touren, Karten, Nordlicht-Alarm und vielem mehr…</p>
</div>
</a>
</div>
</div>
</div>
<div class="section-four-img section-bg-color2">
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<h3>Partner</h3>
<ul class="small-block-grid-2 medium-block-grid-4 large-block-grid-4 inline-list-custom">
<li><a href="https://www.airbnb.de/c/mherbrechter"><img src="img/airbnb.png" alt="AirBNB" /></a></li>
<li><a href="https://www.billiger-mietwagen.de/?source=aff_zebroc"><img src="img/billiger-mietwagen.png" alt="AirBNB" /></a></li>
<li><a href="http://www.booking.com/searchresults.html?city=-2651804&aid=829606&no_rooms=1&group_adults=1"><img src="img/booking.png" alt="Booking.com" /></a></li>
<li><a href="https://www.amazon.de/Island-Für-Einsteiger-Marc-Herbrechter-ebook/dp/B01AIZ7Y4G/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=islandringstrasse-21"><img src="img/island-ebook.png" alt="Islan E-Book" /></a></li>
</ul>
</div>
</div>
</div>
<div class="section-faq section-bg-color1">
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<h3>Fragen und Antworten zu Island</h3>
<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3 questions inline-list-custom">
<li>
<h4>Was ist die beste Reisezeit um nach Island zu fahren?</h4>
<p>Island ist zu jeder Zeit des Jahres einen Besuch wert. Ob für dich der Sommer oder der Winter empfehlenswert ist, kannst du hier nachlasen: <a href="https://www.island-ringstrasse.de/beste-reisezeit-island/">Beste Reisezeit Island</a></p>
</li>
<li>
<h4>Brauche ich einen Mietwagen mit Allrad?</h4>
<p>Man braucht nicht unbedingt einen Mietwagen mit Allrad in Island. Wann es auch ein normaler Kleinwagen tut und für welche Gegenden sich ein SUV anbietet erfährst du hier: <a href="https://www.island-ringstrasse.de/mietwagen-island-sommer-winter-jahreszeit-islandreise-allrad/">Mietwagen Island</a></p>
</li>
<li>
<h4>Was sind die schönsten Sehenswürdigkeiten Islands?</h4>
<p>Island ist voll mit wunderschönen Wasserfällen, heißen Quellen und vielem mehr. Was du unbedingt gesehen haben solltest und wie du hin kommst kannst du hier lesen: <a href="https://www.island-ringstrasse.de/sehenswuerdigkeiten/">Island Sehenswürdigkeiten</a></p>
</li>
<li>
<h4>Wie finde ich die schönsten heißen Quellen in Island?</h4>
<p>Eines der Highlights in Island sind seine natürlichen heißen Quellen. Durch Geothermie entstehen hier selbst im Winter angenehm warme Temperaturen zum Wohlfühlen: <a href="https://www.island-ringstrasse.de/island-heisse-quellen-pools-hotpots/">Island Heiße Quellen</a></p>
</li>
<li>
<h4>Wo sind die schönsten Wasserfälle in Island?</h4>
<p>Island ist reich an Wasserfällen. Von kleinen und versteckten bis zu riesigen und unübersehbaren Naturgewalten. Hier findest du sie alle mit vielen Zusatzinformationen: <a href="https://www.island-ringstrasse.de/island-wasserfall/">Island Wasserfälle</a></p>
</li>
<li>
<h4>Welche Kleidung brauche ich für Island?</h4>
<p>Was muss ich im Koffer haben um einen schönen Urlaub in Island verbringen zu können? Vor allem die richtige Kleidung und Lust auf Abenteuer. Hier ist meine ultimative Packliste für Island: <a href="https://www.island-ringstrasse.de/packliste-island/">Packliste Island</a></p>
</li>
</ul>
<div class="section-btn"><a href="https://www.island-ringstrasse.de/" class="button round">Mehr über Island erfahren →</a></div>
</div>
</div>
</div>
<footer class="section-bg-color2">
<div class="row">
<div class="small-12 medium-12 large-12 columns">
<ul>
<li>© 2017 Island Ringstraße</li>
<li><a href="https://www.island-ringstrasse.de/">Island Blog</a></li>
<li><a href="https://www.island-ringstrasse.de/impressum">Impressum</a></li>
<li><a href="http://www.typeandgrids.com" target="_blank">Type & Grids (Theme)</a></li>
</ul>
<div class="social-icons">
<a href="https://www.instagram.com/islandringstrasse" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/islandringstrasse" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>
</div>
</div>
</div>
</footer>
<script>
function gasStationMap() {
var mapProp= {
center:new google.maps.LatLng(64.856900, -18.452261),
zoom:6,
};
var map=new google.maps.Map(document.getElementById("map"),mapProp);
function createMarkers(gasstation,index) {
var marker = new google.maps.Marker( { position: new google.maps.LatLng(gasstation.mPosition.latitude,gasstation.mPosition.longitude), icon:'img/icon_small.png' } );
marker.setMap(map);
var infowindow = new google.maps.InfoWindow({
content: '<b>' + gasstation.name + '</b>' + '<hr>' +
'<p>Benzin: ' + gasstation.bensin95 + '</p>' + '<p>Diesel: ' + gasstation.diesel + '</p>'
});
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
infowindow.open(map,marker);
});
}
var gasStations = [];
var xhr = new XMLHttpRequest();
xhr.open( "GET", "https://www.island-ringstrasse.de/api/gasstations/", true );
xhr.onreadystatechange = function () {
if ( xhr.readyState == 4 && xhr.status == 200 ) {
gasStations = JSON.parse( xhr.responseText );
gasStations.forEach(createMarkers);
}
};
xhr.send(null);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC09GvS6-JPm94hHFwfIFTr-kT-gU8RbaI&callback=gasStationMap"></script>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/willamette.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-62375497-6', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>