

Verwende diesen Quellcode als Vorlage für deine eigene Webseite. Überarbeite den Quellcode und mache ihn zu deinem eigenen Produkt. Achte darauf, dass die Dateinamen für Bilder in den src-Attributen mit den Dateinamen der Bilder in deinem Ordner Coding übereinstimmen.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Fund</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(diamond.jpg);
background-size: cover;
width: auto;
height: 150px;
text-align: center;
font-size: 52px;
padding-top: 75px;
color: white;
}
.content {
min-height: 300px;
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="exhibition.html">Ausstellung</a> / <a href="volkov.html">Juwelier Volkov</a>
</div>
<div class="banner">
Die Entdeckung des Mönchsdiamanten
</div>
<div class="content">
<div style="width: 80%; padding-top: 50px; float: left;">
<p style="padding-left: 50px; padding-right: 50px;">
Prof. Bairstone befand sich mit Dr. Day und seinem Hund Ernesto auf einer
Expedition in Alaska, als sie den Mönchsdiamanten fanden. Dieser war in
einer entlegenen Höhle versteckt. Die Gebrüder Bond versuchten erfolglos,
die Expedition zu sabotieren und den Diamanten an sich zu bringen.
Das Team kehrte mit dem Diamanten nach Berlin zurück, wo eine
Sonderausstellung beim Juwelier Volkov ihren Fund würdigt.
</p>
</div>
<div style="width: 20%; padding-top: 50px; float: left;">
<img src="img/diamond.jpg" style="width: 120px;"/>
</div>
</div>
<div class="footer">
Kontakt Professor Bairstone: profbairstone@furchtloseforscher.de
</div>
</body>
</html>