Beispiel:Index-4.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Schreinerei Meier, Dingenskirchen</title>
<style>
#angebot {
  background-color: firebrick;
  margin: 1em 3em;
  padding: 1em;
  width: 10em;
  text-align: center;
}

#angebot h3 {
  font-size: 2em;
  font-variant: small-caps;
  color: lightyellow;
}

#angebot p {
  color: white;
}

h1 {
    border: thin solid transparent;
}
h2 {
	font-size: 2em;
	color: firebrick;
	background-color: LightSalmon;
	border: thin solid;
	text-align: center;
}

p {
	color: brown;
	font-size: 1.1em;
}

body {
	background:beige;
}
</style>
  </head>
  <body>
  <header>
    <a id="backlink" href="/"><img src="logo.svg" alt="Startseite"></a>
    <p>Schreinerei Meier</p>
    <p>ihre Werkstatt für gutes Wohnen!</p>
  </header>
    
    <nav>
      <ul>
        <li>Startseite</li>
        <li><a href="./Beispiel:Preise-4.html">Unsere Preise</a></li>
        <li><a href="./Beispiel:inhalt-4.html">Bilder von unseren Produkten</a></li>
      </ul>
    </nav>
    <h1>Willkommen bei der Schreinerei Meier im Internet!</h1>
    
    <p>Wir sind seit vielen Jahren darauf spezialisiert, alle Kundenwünsche zu erfüllen. In unserer 
    Werkstatt produzieren wir selbst - mit Holz aus regionaler, nachhaltiger Forstwirtschaft.</p>
    
    <h2>Unsere Leistungen:</h2>

<ul id="leistungen">
  <li>Möbel nach Ihren Wünschen
    <ul>
      <li>Küchenmöbel</li>
      <li>Regale und Schrankwände</li>
      <li>Badezimmermöbel</li>
     </ul>
  </li>
  <li>Haustüren</li>
  <li>Gartenzäune</li>
  <li>Reparaturen</li>
</ul>

    <aside id="angebot">
      <h3>Angebot</h3>
      <p>Nächste Woche 10% auf alles!</p>
    </aside>

	<h2>Unsere Geschichte:</h2>
    
    <p>Die Anfänge unserer Firma reichen bis ins Mittelalter zurück, als Horst Holzmann begann seine 
    bisher für den Eigenbedarf hergestellten Möbel auch auf dem Markt der nächsten Stadt zu verkaufen.</p>
    
    <p>Sein Sohn führte diese Tradition fort und nach ihm noch viele weitere Kinder und Kindeskinder. 
    Heute führt Schwiegersohn Harry Meier den Betrieb in der 15. Generation weiter und arbeitet bereits 
    seinen Enkel als Nachfolger ein.</p>

  <footer>
     <a href="kontakt.html">Kontakt</a>
     <a href="impressum.html">Impressum</a>
     <p>© 2021 by selfHTML</p>
  </footer>

</body>
</html>