gerrit/web-yj.kwul
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Erste Fotos.

Browse Source
This commit is contained in:
Gerrit Linnemann 2018-07-07 12:28:35 +02:00
parent 5cbbe9422c
commit b392e0aaac
13 changed files with 95 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@ -20,3 +20,8 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
@media (min-width: 992px) {
.bg {
background-image: url("../img/background@2x.jpg");
}
}

5
css/style.less
View File

@ -14,6 +14,10 @@ body {
/* The image used */ /* The image used */
background-image: url("../img/background.jpg"); background-image: url("../img/background.jpg");
@media (min-width: 992px) {
background-image: url("../img/background@2x.jpg");
}
/* Full height */ /* Full height */
height: 100%; height: 100%;
@ -22,4 +26,3 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }

BIN
img/background.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 MiB

After

Width:  |  Height:  |  Size: 504 KiB

BIN
img/background@2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
img/item_thermostat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 317 KiB

BIN
img/item_thermostat@2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 MiB

BIN
img/trip_enger.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB

BIN
img/trip_enger@2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 787 KiB

BIN
img/trip_sender.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

BIN
img/trip_sender@2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 MiB

BIN
img/trip_werkstatt.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 KiB

BIN
img/trip_werkstatt@2x.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

91
index.html
View File

@ -4,20 +4,101 @@
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="&Omicron;|||||&Omicron; &raquo;Jeep Wrangler YJ Modification&laquo;" />
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/thirdparty/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous"> <link rel="stylesheet" href="css/thirdparty/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<title>Wrangler YJ</title> <title>&Omicron;|||||&Omicron; &raquo;Jeep Wrangler YJ&laquo;</title>
</head> </head>
<body> <body>
<div class="bg container"> <div class="bg container">
<h2 class="text-center">Wrangler YJ</h2> <h2 class="text-center">Jeep Wrangler</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>
<h5>Unser Neuer</h5>
<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>
<h5>Was haben wir vor?</h5>
<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>
Und genau das haben wir getan und stellen unsere Umbauten hier vor. 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>
<h5>Werkstatt</h5>
<h4>Neue 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.<br>
Wir sitzen dann 6,5cm höher.
</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>
<h5>Thermostat</h5>
<p>
Unser Außenthermostat.<br>
Übertreibt maßlos. :-)
</p>
</section>
</div>
</div>
</div> </div>
<!-- Optional JavaScript --> <!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS --> <!-- jQuery first, then Popper.js, then Bootstrap JS -->