diedVIPs

html knowhow

Text auf Bild






Text auf Bild

So sieht´s aus


Hans J. Busch



Quellcode
<html>
<head>

<style>
.hero-image {background-image: url("../Bilder/Hans Busch 2022.jpg"); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.hero-text {text-align: center; position: absolute; top:200px; left:30px; color: black;}
.hero-text button {border: none; outline: 0; display: inline-block; padding: 5px 15px; color: black; background-color: #ddd; text-align: center; cursor: pointer;}
.hero-text button:hover {background-color: #555; color: white;}
</style>
</head>

<body >
<table align="center" style="width: 80%; height: 100%">
<tr>
<td><center><div style="width:200px; height:300px" class="hero-image">
<div class="hero-text">
<h3 style="font-size:em">Hans J. Busch</h3>
<a href="../kontakt.html"><button>Kontaktiere mich</button></a>
</div>
</div></center>
</td>
</tr>
</table>
</body>

</html>




Kontakt    Datenschutz   Impressum