From b37848bf4d9d44dc69cd0ff0345e21a815f5fbc8 Mon Sep 17 00:00:00 2001 From: Gerrit Linnemann Date: Sat, 28 Jul 2018 19:25:55 +0200 Subject: [PATCH] Text- u. Style-Kosmetik --- css/style.css | 33 ++++++++++++++++++++------------- css/style.less | 37 +++++++++++++++++++++++++------------ index.html | 35 ++++++++++++++++++++++------------- 3 files changed, 67 insertions(+), 38 deletions(-) diff --git a/css/style.css b/css/style.css index f1c7d51..f728c53 100644 --- a/css/style.css +++ b/css/style.css @@ -1,27 +1,34 @@ @import url('https://fonts.googleapis.com/css?family=Quicksand'); body, html { + margin: 0; height: 100%; } body { color: #fff; font-family: 'Quicksand', sans-serif; -} -.bg { - /* The image used */ - - background-image: url("../img/background.jpg"); - /* Full height */ - - height: 100%; - /* Center and scale the image nicely */ - - background-position: center; - background-repeat: no-repeat; + background: url("../img/background.jpg") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; background-size: cover; } @media (min-width: 992px) { - .bg { + body { background-image: url("../img/background@2x.jpg"); } } +.container.filled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.75); +} +.container .intro { + height: 100vh; + text-align: center; +} +.container .intro .btn { + margin: auto; +} +.container img { + margin-bottom: 20px; +} diff --git a/css/style.less b/css/style.less index d77d5fb..a97fb3b 100644 --- a/css/style.less +++ b/css/style.less @@ -2,27 +2,40 @@ body, html { + margin: 0; height: 100%; } body { color: #fff; font-family: 'Quicksand', sans-serif; -} - -.bg { - /* The image used */ - background-image: url("../img/background.jpg"); + background: url("../img/background.jpg") no-repeat center center fixed; @media (min-width: 992px) { background-image: url("../img/background@2x.jpg"); } - - /* Full height */ - height: 100%; - - /* Center and scale the image nicely */ - background-position: center; - background-repeat: no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; background-size: cover; } + +.container { + &.filled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.75); + } + + .intro { + height: 100vh; + text-align: center; + + .btn { + margin: auto; + } + } + + img { + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 5149236..74a1756 100644 --- a/index.html +++ b/index.html @@ -14,10 +14,16 @@ Ο|||||Ο »Jeep Wrangler YJ« -
-

Jeep Wrangler

+
+
+ Weiterlesen +
+
+ +
+

Jeep Wrangler

YJ

- +
@@ -27,7 +33,7 @@
-
Unser Neuer
+

Unser Neuer

Da ist er. Unser Neuer.
Anfang des Jahres 2018 haben wir uns als Zweitwagen und Hundeauto einen 93er Wrangler gekauft. @@ -45,11 +51,11 @@

-
Was haben wir vor?
+

Was haben wir vor?

Wir wollen den Jeep als Hundeauto nutzen, aber auch ein- u. mehrtägige Ausflüge damit unternehmen.
Solche Ausflüge machen besonderen Spaß, wenn man sie durch kleinere Luxus-Elemente wie Strom und kühle Getränke aufwertet. ;-)
- 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. + Da der Umbau wohl nie vollends abgeschlossen sein wird, wird sich auch diese Seite immer wieder ändern. Wir sind selbst sehr gespannt.

@@ -64,16 +70,20 @@
-
Werkstatt
-

Neue Kupplung

+

Werkstatt

+

Kupplung

Bereits nach kurzer Zeit machte das Einkuppeln Probleme. Wir haben dann die Kupplung tauschen lassen.

Fahrwerk

- Da es sich schließlich um einen Jeep handelt, lassen wir uns nicht lumpen und tauschen das Fahrwerk.
- Wir sitzen dann 6,5cm höher. + 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. +

+ +

Dachleuchten

+

+ Die Abschleppwagen-Leuchten haben wir vorerst abgebaut. Wahrscheinlich werden wir irgendwann andere LED-Leuchten am Dach montieren.

@@ -88,15 +98,14 @@
-
Thermostat
+

Thermostat

Unser Außenthermostat.
Übertreibt maßlos. :-)

-
- +