miniseite
tuc2
parent
eca1dc9f2f
commit
414a102981
Binary file not shown.
|
|
@ -0,0 +1,42 @@
|
||||||
|
body{
|
||||||
|
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
||||||
|
color: #4c4c4c;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
#wrapper{
|
||||||
|
width: 80%;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
header{
|
||||||
|
height: 400px;
|
||||||
|
background-image: url("../img/background1.jpg");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
}
|
||||||
|
h1, h2{
|
||||||
|
font-family: "century gothic", serif ;
|
||||||
|
font-size-adjust: 2rem;
|
||||||
|
color: #cc3333;
|
||||||
|
font-weight: 900;
|
||||||
|
}
|
||||||
|
h2{
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
nav ul{
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
nav li{
|
||||||
|
display: inline;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
nav a{
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
nav a.aktiv{
|
||||||
|
border-bottom: 2px solid #333;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
|
|
@ -1,37 +1,86 @@
|
||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html lang="de">
|
<html lang="de">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Strukturieren / Gruppieren</title>
|
<title>It's not a car - it's a Countryman</title>
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="assets/css/style.css">
|
||||||
</head>
|
|
||||||
|
</head>
|
||||||
<body>
|
|
||||||
<div class="wrapper">
|
<body>
|
||||||
<header>
|
<div id="wrapper">
|
||||||
<img src="img/logo.png" alt="Logo der Webseite" title="Logo">
|
<header>
|
||||||
</header>
|
<img src="assets/img/mini-logo.png" alt="MINI LOGO">
|
||||||
<nav>
|
</header>
|
||||||
<ul>
|
<nav>
|
||||||
<li><a href="#">Home</a></li>
|
<ul>
|
||||||
<li><a href="#">Aktuell</a></li>
|
<li><a class="aktiv" href="index.html">Home</a></li>
|
||||||
<li><a href="#">Service</a></li>
|
<li><a href="#country">Countryman</a></li>
|
||||||
<li><a href="#">Produkt</a></li>
|
<li><a href="#gep">Gepäckraum</a></li>
|
||||||
<li><a href="#">Kontakt</a></li>
|
<li><a href="#frei">Freihändig</a></li>
|
||||||
</ul>
|
<li><a href="#vor">Vorteile</a></li>
|
||||||
</nav>
|
<li><a href="#neu">Der Neue</a></li>
|
||||||
<div id="hauptbereich">
|
<li><a href="#all4">ALL4</a></li>
|
||||||
<p>da ist der Hauptbereich</p>
|
<li><a href="#">Mitglieder</a></li>
|
||||||
</div>
|
<li><a href="#">Preise</a></li>
|
||||||
<div id="seitenbereich">
|
<li><a href="https://www.mini.ch/">Mini</a></li>
|
||||||
<p>das ist der seitenbereich</p>
|
</ul>
|
||||||
</div>
|
</nav>
|
||||||
<footer>
|
<div id="news">
|
||||||
<p>Hier steht der footer</p>
|
|
||||||
</footer>
|
</div>
|
||||||
</div> <!--Schliessender Wrapper-->
|
|
||||||
</body>
|
<h1>It's not a car - it's a Countryman</h1>
|
||||||
|
<section>
|
||||||
|
<h2 id="country">„Countryman for everyone“</h2>
|
||||||
|
<p>Unser bisher vielseitigster <strong>MINI</strong> zieht alle Blicke auf sich. Das geräumige und hochwertige
|
||||||
|
Interieur bietet Platz für fünf Erwachsene und so viel Fussraum, dass sich selbst der längste Mitfahrer hinten
|
||||||
|
bequem ausstrecken kann.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2 id="gep">Gepäckraum</h2>
|
||||||
|
<p>Mit bis zu 1.390 Litern Fassungsvermögen bietet der geräumige Gepäckraum des neuen <em>MINI Countryman</em> endlos viele
|
||||||
|
Möglichkeiten für den Städtetrip oder die Landpartie.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2 id="frei">Freihändig Öffnen</h2>
|
||||||
|
<p>Sie haben die Hände voll oder möchten Ihr Gepäck nicht auf den Boden stellen? Dann reicht Ihnen der <em>Easy Opener</em>
|
||||||
|
eine helfende Hand beim Beladen des grosszügigen Gepäckraums des <em>>MINI Countryman</em>. Bewegen Sie einfach Ihren
|
||||||
|
Fuss unter der Ladekante und schon öffnet sich die Heckklappe automatisch. Mit einer zweiten Fussbewegung
|
||||||
|
schliesst sie sich wieder. Eine echte Hilfe, wenn Sie Ihre Kinder, Haustiere oder zahlreiche Einkäufe tragen.
|
||||||
|
Verfügbar mit dem Komfortzugang.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2 id="vor">Vorteile des Countryman</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Schnell und wendig</li>
|
||||||
|
<li>Bequemes Fahrwerk</li>
|
||||||
|
<li>Geringer Verbrauch</li>
|
||||||
|
<li>Viel Platz</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2 id="neu">Der neue Countryman im Test</h2>
|
||||||
|
<p>Der neue „MINI Countryman“ ist grösser, robuster und solider denn je. Mit seinem stabilen neuen Design und dem
|
||||||
|
innovativen ALL4 Allradantrieb ist er wie dafür geschaffen, Landstrassen, Offroadterrain oder auch Stadtgebiete
|
||||||
|
zu erkunden. Erregungszustand versetzt, der sich über den Sehnerv in dem hinteren Teil Ihres Gehirns ausbreitet.
|
||||||
|
Unberührte Orte abseits ausgetretener Pfade erforschen: mit dem <em>MINI Countryman</em> ein unvergleichlicher Spass.
|
||||||
|
Wenn Sie die Strasse verlassen, entfaltet sich die ganze Kraft. Geniessen Sie das direkte Fahrverhalten und den
|
||||||
|
sicheren Halt auf jedem Gefälle und in jeder Kurve. Bei jeder Bedingung.</p>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<h2 id="all4">ALL4</h2>
|
||||||
|
<p>Behalten Sie in jeder Situation die Kontrolle. Der Allradantrieb verteilt die Leistung dynamisch auf Vorder- und
|
||||||
|
Hinterachse. Je nach Fahrstil und Strassenhaftung berechnet der ALL4 Allradantrieb das optimale Drehmoment für
|
||||||
|
jedes Rad. In Extremsituationen kann das gesamte Antriebsmoment auf di e Hinterachse übertragen werden – so
|
||||||
|
befreien Sie sich aus jeder Lage.</p>
|
||||||
|
</section>
|
||||||
|
<footer>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue