80 lines
5.9 KiB
HTML
80 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body {
|
|
background-color: #505050;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23D6ED17' stroke-width='0.9' %3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
|
|
background-attachment: fixed;
|
|
font-size: 100%;
|
|
}
|
|
|
|
h1 {font-size: 2.8em;}
|
|
h2 {font-size: 2.0em;}
|
|
p {text-align: justify; font-size: 1.5em; line-height:1.7em}
|
|
img {width: 100%; max-width: 1200px;}
|
|
|
|
a:link {color: hotpink; text-decoration: none;}
|
|
a:visited {color: hotpink; text-decoration: none;}
|
|
a:hover {text-decoration: underline;}
|
|
a.nav:link {color: black; text-decoration: none;}
|
|
a.nav:visited {color: black; text-decoration: none;}
|
|
a.nav:hover {text-decoration: underline;}
|
|
|
|
.container {font-family: sans-serif; font-size: 1em; width: 100%; margin: 5px 0px}
|
|
.child {width: 90%; max-width: 1200px; padding: 0px 20px; background-color: #fff; margin: 0 auto; border: solid 4px #D6ED17; border-radius: 30px;}
|
|
|
|
.header {display: ;}
|
|
.footer {display: none;}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<!-- ****** HEADER ***** -->
|
|
<div class="container"><div class="child header">
|
|
|
|
<p>
|
|
|
|
<svg height="70px" version="1.1" viewBox="0 0 463.7 463.7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m255.85 67.613 75.051-31.271c4.09-1.703 8.766 0.23 10.461 4.305 1.699 4.078-0.227 8.762-4.305 10.461l-81.207 33.835v10.717l106.94-20.05c10.448-1.959 16.116-13.374 11.362-22.881l-21.94-43.88c-4.464-8.928-15.925-11.634-23.911-5.645l-74.133 55.599c1.052 1.354 1.684 3.05 1.684 4.898v3.912z" fill="#FFD76E"/><path d="m159.85 313.55c0-23.111 18.735-41.846 41.846-41.846 4.969 0 9.733 0.871 14.154 2.461v-74.461h-184v248c0 8.837 7.163 16 16 16h168v-72.537c-28.905-18.59-56-50.431-56-77.617z" fill="#FF8C87"/><path d="m247.85 273.75c4.071-1.322 8.411-2.045 12.923-2.045 23.111 0 41.846 18.735 41.846 41.846 0 26.8-26.331 58.123-54.769 76.816v73.338h168c8.837 0 16-7.163 16-16v-248h-184v74.045z" fill="#FF8C87"/><rect x="247.85" y="183.7" width="184" height="16" fill="#D2555D"/><rect x="31.85" y="183.7" width="184" height="16" fill="#D2555D"/><path d="m431.85 95.701h-184v88h200v-72c0-8.837-7.163-16-16-16z" fill="#E86464"/><path d="m215.85 95.701h-184c-8.837 0-16 7.164-16 16v72h200v-88z" fill="#E86464"/><path d="m126.64 51.107c-4.078-1.699-6.004-6.383-4.305-10.461 1.695-4.074 6.375-6.012 10.461-4.305l75.051 31.271v-3.912c0-1.847 0.632-3.543 1.684-4.898l-74.132-55.598c-7.986-5.99-19.447-3.284-23.911 5.645l-21.94 43.88c-4.754 9.508 0.914 20.922 11.362 22.881l106.94 20.051v-10.718l-81.207-33.836z" fill="#FFD76E"/><path d="m215.85 95.701h40v-10.758l81.207-33.836c4.078-1.699 6.004-6.383 4.305-10.461-1.695-4.074-6.371-6.008-10.461-4.305l-75.051 31.272v-3.912c0-1.847-0.632-3.543-1.684-4.898-1.464-1.885-3.745-3.102-6.316-3.102h-32c-2.571 0-4.852 1.218-6.316 3.102-1.052 1.354-1.684 3.05-1.684 4.898v3.912l-75.05-31.272c-4.086-1.707-8.766 0.23-10.461 4.305-1.699 4.078 0.227 8.762 4.305 10.461l81.207 33.836v10.757h7.999z" fill="#FFB96E"/><g fill="#FFD76E"><rect x="215.85" y="95.701" width="32" height="88"/><path d="m215.85 274.16c5.839 2.099 11.077 5.456 15.385 9.749 4.607-4.592 10.282-8.109 16.615-10.165v-74.045h-32v74.461z"/><path d="m231.24 399.7c-5.092-2.361-10.266-5.245-15.385-8.537v72.537h32v-73.338c-5.518 3.628-11.115 6.787-16.615 9.338z"/></g><rect x="215.85" y="183.7" width="32" height="16" fill="#FFB96E"/><path d="m215.85 274.16c-4.421-1.59-9.185-2.461-14.154-2.461-23.111 0-41.846 18.735-41.846 41.846 0 27.186 27.095 59.027 56 77.617 5.119 3.292 10.293 6.176 15.385 8.537 5.5-2.55 11.097-5.71 16.615-9.338 28.439-18.693 54.769-50.017 54.769-76.816 0-23.111-18.735-41.846-41.846-41.846-4.512 0-8.852 0.723-12.923 2.045-6.333 2.056-12.008 5.573-16.615 10.165-4.307-4.292-9.546-7.649-15.385-9.749z" fill="#D25055"/></svg>
|
|
|
|
</p>
|
|
</div></div>
|
|
|
|
<!-- ***** CONTENT ***** -->
|
|
<div class="container"><div class="child">
|
|
|
|
|
|
<h1>Wunschzettel</h1>
|
|
|
|
<h2>Dresden</h2>
|
|
<p>
|
|
<a href="http://wishlephant.com/wishlists/08e8adc0-0b5f-4ec1-aefa-448914aa6bc5" target="_blank">Leni</a><br />
|
|
<a href="http://wishlephant.com/wishlists/a3b23801-c95b-416a-8b18-16842b374c28" target="_blank">Lissi</a><br />
|
|
<a href="http://wishlephant.com/wishlists/b0377f1f-b0a0-4bf3-88f3-728ba7f7ef00" target="_blank">Maria</a><br />
|
|
<a href="http://wishlephant.com/wishlists/c3e0f912-33a7-468f-949b-388caf231b1d" target="_blank">Edi</a><br />
|
|
<a href="http://wishlephant.com/wishlists/8270913d-42eb-4fac-b44f-de3c76705c4e" target="_blank">Familienwünsche</a>
|
|
</p>
|
|
|
|
<h2>Augsburg</h2>
|
|
<p>
|
|
<a href="https://wishlephant.com/wishlists/b165faab-3be3-460d-983e-4caebc6e0b38" target="_blank">Maxim</a><br />
|
|
<a href="https://wishlephant.com/wishlists/7e5d51e7-c180-4b8b-a6ce-68a101f859fb" target="_blank">Johannes</a><br />
|
|
<a href="https://wishlephant.com/wishlists/4670ed0d-76ae-4fd7-9a42-ee1c489e333c" target="_blank">Franzi</a><br />
|
|
<a href="https://wishlephant.com/wishlists/de9995ef-319e-47d8-a79d-e2bb0786ca29" target="_blank">Philipp</a><br />
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
</div></div>
|
|
|
|
<!-- ***** FOOTER ***** -->
|
|
<div class="container"><div class="child footer">
|
|
|
|
<p>Hier kommt der Footer</p>
|
|
</div></div>
|
|
</body></html>
|