Die Seite über den Juwelier Volkov

Code skill

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>

Zurück zur Mission
Copyright © 2008 Walker Books Ltd
Illustrations © Duncan Beedie
All rights reserved.