Die Seite über die Sonderausstellung

Verwende diesen Quellcode als Vorlage für deine eigene Webseite. Überarbeite den Quellcode und mache ihn zu deinem eigenen Werk. Achte darauf, dass das Banner eine vernünftige Höhe hat. Nenne die Datei exhibition.html und speichere sie im Ordner Coding.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Ausstellung</title>
    <style>
        body {
            margin: 0px;
            padding: 0px;
            border: 0px;
            background-color: #08E8FF;
            color: white;
        }

        a {
            color: white;
        }

        .header {
            height: 65px;
            margin-top: 25px;
            text-align: center;
            font-size: 24px;
        }

        .banner {
            background: url(img/VolkovBanner_h400px.jpg);
            background-size: cover;
            width: auto;
            height: 400px;
            text-align: center;
            font-size: 52px;
            padding-top: 75px;
            color: darkblue;
        }

        .content {
            min-height: 500px;
            padding: 50px;
            font-size: 18px;
            background-color: white;
            color: black;
        }

        .footer {
            width: 100%;
            height: 120px;
            padding: 50px;
            text-align: center;
            font-size: 20px;
      color: #1806E8;
        }
    </style>
</head>
<body>
<div class="header">
    <a href="index.html">Home </a>/ <a href="diamond.html">Der Diamant</a> / 
    <a href="discovery.html">Fund</a> / <a href="volkov.html">Juwelier Volkov</a>
</div>
<div class="banner">
   Sonderausstellung
</div>
<div class="content">
    <p style="font-size: 32px; font-weight: bold;">Sonderausstellung</p>
     <p>
        Juwelier Volkov<br/>
         Öffnungszeiten
     </p>

    <div>
        Montag bis Freitag
    </div>
    <div style="margin: 10px;">
        9.30–6.00<br/>
        Letzter Einlass 15.30 Uhr
    </div>
    <div>
        Samstag und Sonntag</div>
    <div style="margin: 10px;">
        11.00-16.00 Uhr<br/>
        Letzter Einlass 15.30 Uhr</div>
    <div>
        Eintritt: frei<br/>
        Bitte beachten: Kameras sind im Juwelierhaus Volkov nicht erlaubt.
    </div>

</div>
<div class="footer">
    Kontakt Professor Bairstone: profbairstone@furchtloseforscher.de
</div>
</body>
</html>

Beispiel ansehen

Zurück zur Mission