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">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Strukturieren / Gruppieren</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>It's not a car - it's a Countryman</title>
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div id="wrapper">
|
||||
<header>
|
||||
<img src="img/logo.png" alt="Logo der Webseite" title="Logo">
|
||||
<img src="assets/img/mini-logo.png" alt="MINI LOGO">
|
||||
</header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">Aktuell</a></li>
|
||||
<li><a href="#">Service</a></li>
|
||||
<li><a href="#">Produkt</a></li>
|
||||
<li><a href="#">Kontakt</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a class="aktiv" href="index.html">Home</a></li>
|
||||
<li><a href="#country">Countryman</a></li>
|
||||
<li><a href="#gep">Gepäckraum</a></li>
|
||||
<li><a href="#frei">Freihändig</a></li>
|
||||
<li><a href="#vor">Vorteile</a></li>
|
||||
<li><a href="#neu">Der Neue</a></li>
|
||||
<li><a href="#all4">ALL4</a></li>
|
||||
<li><a href="#">Mitglieder</a></li>
|
||||
<li><a href="#">Preise</a></li>
|
||||
<li><a href="https://www.mini.ch/">Mini</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div id="hauptbereich">
|
||||
<p>da ist der Hauptbereich</p>
|
||||
</div>
|
||||
<div id="seitenbereich">
|
||||
<p>das ist der seitenbereich</p>
|
||||
<div id="news">
|
||||
|
||||
</div>
|
||||
|
||||
<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>
|
||||
<p>Hier steht der footer</p>
|
||||
|
||||
</footer>
|
||||
</div> <!--Schliessender Wrapper-->
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue