CINXE.COM
Heavensky
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Heavensky</title> <meta name=”viewport” content=”width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <style> @font-face { font-family: 'Bauhaus'; src: url('Bauhaus-Thin.woff2') format('woff2'), url('Bauhaus-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } body { background-color: #99ccff; } .bilder { text-align: center; padding-bottom: 50px; padding-top: 50px; } .bilder-sammlung { border-radius: 28px; background: #99ccff; box-shadow: 10px 10px 20px #7aa3cc, -10px -10px 20px #b8f5ff; } .navi{ border-radius: 28px; background: #99ccff; box-shadow: 10px 10px 20px #7aa3cc, -10px -10px 20px #b8f5ff; } .abstand-1 { padding-bottom: 50px; } h1 { font-size: 80px; } </style> </head> <body> <nav class=”navbar fixed-top navbar-expand-md navbar-light bg-white”> <div class=”container”> <div class="row navi"> <div class="col-xs-6"> <span style="font-family: 'Bauhaus'; font-weight: 100; font-style: normal; padding-left: 20px; color: #2a7fb4; font-size: 70px;">Heaven</span> <span style="font-family: 'Bauhaus'; font-weight: 100; font-style: normal; padding-left: 20px; color: #F60; font-size: 70px;">Sky</span> </div> <div class="col-xs-6" style="padding: 30px;"> <h2 style="font-family: 'Bauhaus'; font-weight: 100; font-style: normal; padding-left: 40px; "> This site is under construction</h1> </div> </div> </div> </nav> <div class="abstand-1"></div> <div class="container bilder-sammlung"> <div class="row"> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="aquarelle-bkgrd.jpg" alt="Aquarelle" width="80%"></a> <div class="overlay"> <h3>Aquarelle</h3> </div> </div> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="acryle-bkgrd.jpg" alt="Acryle" width="80%"></a> <div class="overlay"> <h3>Acryle</h3> </div> </div> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="fotografie-bkgrd.jpg" alt="Fotografie" width="80%"></a> <div class="overlay"> <h3>Fotografie</h3> </div> </div> </div> <div class="row"> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="GrafikWebDesign-bkgrd.gif" alt="Grafikdesign und Webdesign" width="80%"></a> <div class="overlay"> <h3>Grafikdesign und Webdesign</h3> </div> </div> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="dj-heavensky-bkgrd.jpg" alt="DJ Heavensky" width="80%"></a> <div class="overlay"> <h3>DJ Heavensky</h3> </div> </div> <div class="col-lg-4 bilder"><a href="https://www.instagram.com/heavensky79/?hl=de"><img src="the-artist-heavensky-about-bkgrd.jpg" alt="The Artist" width="80%"></a> <div class="overlay"> <h3>The Artist</h3> </div> </div> </div> </div> <div class="abstand-1"></div> </body> </html>