Die Seite über den Juwelier Volkov

Verwende diesen Quellcode als Vorlage für deine eigene Webseite. Überarbeite den Quellcode. Neben der Adresse betten wir per OpenStreetMap (siehe Mission 4) eine Karte ein. Nenne die Datei volkov.html und speichere sie im Ordner Coding.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Juvelier Volkov</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.jpg);
            background-size: cover;
            width: auto;
            height: 200px;
            text-align: center;
            font-size: 52px;
            padding-top: 75px;
            color: white;
        }

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

        .footer {
            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="exhibition.html">Ausstellung</a>
</div>
<div class="banner">
    Juwelier Volkov
</div>

<div class="content">

    <div style="width: 60%; padding-top: 50px; float: left;">
        <p style="padding-left: 50px; font-size: 32px; font-weight: bold;">
            Juwelier Volkov
        </p>
        <p style="padding-left: 30px; padding-right: 30px;">
            Volkov ist das älteste Juwelierhaus Berlins. Bitte beehren Sie uns mit einem Besuch. 
            Sie finden uns in der Nähe der Kaiser-Wilhelm-Gedächtniskirche.<br/>
            
        </p>
        <p style="padding-left: 80px;">
            Adresse:<br/>
            Juwelier Volkov<br/>
            Kurfürstendamm<br/>
            Berlin
        </p>
    </div>

    <div style="width: 40%; padding-top: 50px; float: left;">
        <iframe
                width="450"
                height="450"
                frameborder="0" style="border:0"
                src="https://www.openstreetmap.org/export/embed.html?bbox=
                     13.3342,52.5053,13.3350,52.5045,">
        </iframe>
    </div>

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

Beispiel ansehen

Zurück zur Mission