118 lines
4.7 KiB
HTML
118 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<meta name="description" content="Ο|||||Ο »Jeep Wrangler YJ Modification«" />
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="css/thirdparty/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
|
<title>Ο|||||Ο »Jeep Wrangler YJ«</title>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="row intro">
|
|
<a href="#start" class="btn btn-secondary btn-lg" role="button" aria-disabled="true">Weiterlesen</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container filled">
|
|
<h2 class="text-center"><a name="start">Jeep Wrangler</a></h2>
|
|
<h4 class="text-center">YJ</h4>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-8">
|
|
<picture>
|
|
<source media="(min-width: 992pxpx)" srcset="img/trip_enger@2x.jpg">
|
|
<img src="img/trip_enger.jpg" alt="Drohnen-Aufnahme des Wranglers" style="width:100%;">
|
|
</picture>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<section>
|
|
<h3>Unser Neuer</h3>
|
|
<p>
|
|
Da ist er. Unser Neuer.<br>
|
|
Anfang des Jahres 2018 haben wir uns als Zweitwagen und Hundeauto einen 93er Wrangler gekauft.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-8">
|
|
<picture>
|
|
<source media="(min-width: 992pxpx)" srcset="img/trip_sender@2x.jpg">
|
|
<img src="img/trip_sender.jpg" alt="Ausblick am Sender in Herford" style="width:100%;">
|
|
</picture>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<section>
|
|
<h3>Was haben wir vor?</h3>
|
|
<p>
|
|
Wir wollen den Jeep als Hundeauto nutzen, aber auch ein- u. mehrtägige Ausflüge damit unternehmen.<br>
|
|
Solche Ausflüge machen besonderen Spaß, wenn man sie durch kleinere Luxus-Elemente wie Strom und kühle Getränke aufwertet. ;-)<br>
|
|
Da der Umbau wohl nie vollends abgeschlossen sein wird, wird sich auch diese Seite immer wieder ändern. Wir sind selbst sehr gespannt.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-8">
|
|
<picture>
|
|
<source media="(min-width: 992pxpx)" srcset="img/trip_werkstatt@2x.jpg">
|
|
<img src="img/trip_werkstatt.jpg" alt="Ausblick am Sender in Herford" style="width:100%;">
|
|
</picture>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<section>
|
|
<h3>Werkstatt</h3>
|
|
<h4>Kupplung</h4>
|
|
<p>
|
|
Bereits nach kurzer Zeit machte das Einkuppeln Probleme. Wir haben dann die Kupplung tauschen lassen.
|
|
</p>
|
|
|
|
<h4>Fahrwerk</h4>
|
|
<p>
|
|
Da es sich schließlich um einen Jeep handelt, lassen wir uns nicht lumpen und tauschen das Fahrwerk - jetzt sitzen wir 6,5cm höher.
|
|
</p>
|
|
|
|
<h4>Dachleuchten</h4>
|
|
<p>
|
|
Die Abschleppwagen-Leuchten haben wir vorerst abgebaut. Wahrscheinlich werden wir irgendwann andere LED-Leuchten am Dach montieren.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12 col-md-8">
|
|
<picture>
|
|
<source media="(min-width: 992pxpx)" srcset="img/item_thermostat@2x.jpg">
|
|
<img src="img/item_thermostat.jpg" alt="Außenthermostat" style="width:100%;">
|
|
</picture>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<section>
|
|
<h3>Thermostat</h3>
|
|
<p>
|
|
Unser Außenthermostat.<br>
|
|
Übertreibt maßlos. :-)
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="js/thirdparty/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="js/thirdparty/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
|
<script src="js/thirdparty/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html> |