Die Seite über den Juwelier Volkov

Code skill

Verwende diesen Quellcode als Vorlage für deine eigene Webseite. Überarbeite den Quellcode und sorge dafür, dass der Text im Banner gut lesbar ist.

<!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>