

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>