https://deck-html-template.netlify.app/imprint

1<!doctype html>
2<html class="h-100" lang="en">
3
4  <head>
5      <meta charset="utf-8">
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=e6bb0d4e-137f-462b-aa80-c7d13ff17f08
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
10  <meta name="description" content="A growing collection of ready to use components for the CSS framework Bootstrap 5">
11  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
12  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
13  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
14  <link rel="icon" type="image/png" sizes="96x96" href=".t/img/favicon.png">
15  <meta name="author" content="Holger Koenemann">
16  <meta name="generator" content="Eleventy v3.1.5">
17  <meta name="HandheldFriendly" content="true">
18  <title>The legal stuff</title>
19  <link rel="stylesheet" href="css/min/theme.css">
20     <link rel="stylesheet" href="css/aos.css">
21    
22    <style>
23  .bg-img {
24       background-image: url(./img/webp/bck8.webp);
25   }
26   @media only screen and (max-width: 576px) {
27       .bg-img {
28           background-image: url(./img/webp/bck8_xs.webp);
29       }
30   }
31   @media only screen and (max-width: 992px) {
32       .bg-img {
33           background-image: url(./img/webp/bck8_xs.webp);
34       }
35   }
36   @media only screen and (max-width: 1440px) {
37       .bg-img {
38           background-image: url(./img/webp/bck8_md.webp);
39       }
40   }
41   @media only screen and (min-width: 1441px) {
42       .bg-img {
43           background-image: url(./img/webp/bck8_xl.webp);
44       }
45   }
46   </style>
47    
48   <style>
49
50/* inter-300 - latin */
51@font-face {
52  font-family: 'Inter';
53  font-style: normal;
54  font-weight: 300;
55  font-display: swap;
56  src: local(''),
57       url('./fonts/inter-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
58       url('./fonts/inter-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
59}
60
61@font-face {
62  font-family: 'Inter';
63  font-style: normal;
64  font-weight: 500;
65  font-display: swap;
66  src: local(''),
67       url('./fonts/inter-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
68       url('./fonts/inter-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
69}
70@font-face {
71  font-family: 'Inter';
72  font-style: normal;
73  font-weight: 700;
74  font-display: swap;
75  src: local(''),
76       url('./fonts/inter-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
77       url('./fonts/inter-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
78}
79
80</style>
81
82  

82<script async src="https://cdn.splitbee.io/sb.js"></script>

82</head>
83
84  <body class="position-relative d-flex h-100 w-100" data-bs-spy="scroll" data-bs-target="#navScroll">
85    <div class="h-100 container-fluid position-relative">
86      <div class="h-100 row d-flex align-items-stretch position-relative z-1">
87        
88          <div class="p-0 col-11 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5 d-flex align-items-start flex-column shadow position-relative">
89          
90            <header class="mb-auto py-vh-2 col-12 px-vw-5">
91              <nav id="navScroll" class="navbar navbar-expand-lg navbar-dark d-flex px-3" tabindex="0">
92    <a class='navbar-brand d-flex align-items-center flex-grow-1 link-opacity-50-hover link-dark' href='/'>
93  <div class="fw-bold fs-4">Jane Doe</div>
94</a>
95
96    <div class="col-auto ps-2 ms-2" id="navbarSupportedContent">
97      <ul class="nav ms-auto mb-2 mb-lg-0 ms-2 list-inline list-unstyled">
98      <li class="nav-item">
99    <a class="nav-link pe-3 link-dark link-opacity-50-hover" aria-label="Link to my Dribbble Portfolio" href="https://dribbble.com/Koenemann" target="_blank">
100      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
101  <path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8zm5.284 3.688a6.802 6.802 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A6.95 6.95 0 0 1 8 1.18zm-2.907.642A43.123 43.123 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.865 6.865 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.817 6.817 0 0 1-1.752-4.564zM8 14.837a6.785 6.785 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.246 28.246 0 0 1 1.457 5.18A6.722 6.722 0 0 1 8 14.837zm3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.774 6.774 0 0 1-2.924 4.573z"/>
102</svg>
103    </a>
104  </li>
105  <li class="nav-item">
106    <a class="nav-link pe-3 link-dark link-opacity-50-hover" href="https://www.behance.net/holgerkoenemann" aria-label="Link to my Behance Portfolio" target="_blank">
107      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-behance" viewBox="0 0 16 16">
108  <path d="M4.654 3c.461 0 .887.035 1.278.14.39.07.711.216.996.391.286.176.497.426.641.747.14.32.216.711.216 1.137 0 .496-.106.922-.356 1.242-.215.32-.566.606-.997.817.606.176 1.067.496 1.348.922.281.426.461.957.461 1.563 0 .496-.105.922-.285 1.278a2.317 2.317 0 0 1-.782.887c-.32.215-.711.39-1.137.496a5.329 5.329 0 0 1-1.278.176L0 12.803V3h4.654zm-.285 3.978c.39 0 .71-.105.957-.285.246-.18.355-.497.355-.887 0-.216-.035-.426-.105-.567a.981.981 0 0 0-.32-.355 1.84 1.84 0 0 0-.461-.176c-.176-.035-.356-.035-.567-.035H2.17v2.31c0-.005 2.2-.005 2.2-.005zm.105 4.193c.215 0 .426-.035.606-.07.176-.035.356-.106.496-.216s.25-.215.356-.39c.07-.176.14-.391.14-.641 0-.496-.14-.852-.426-1.102-.285-.215-.676-.32-1.137-.32H2.17v2.734h2.305v.005zm6.858-.035c.286.285.711.426 1.278.426.39 0 .746-.106 1.032-.286.285-.215.46-.426.53-.64h1.74c-.286.851-.712 1.457-1.278 1.848-.566.355-1.243.566-2.06.566a4.135 4.135 0 0 1-1.527-.285 2.827 2.827 0 0 1-1.137-.782 2.851 2.851 0 0 1-.712-1.172c-.175-.461-.25-.957-.25-1.528 0-.531.07-1.032.25-1.493.18-.46.426-.852.747-1.207.32-.32.711-.606 1.137-.782a4.018 4.018 0 0 1 1.493-.285c.606 0 1.137.105 1.598.355.46.25.817.532 1.102.958.285.39.496.851.641 1.348.07.496.105.996.07 1.563h-5.15c0 .58.21 1.11.496 1.396zm2.24-3.732c-.25-.25-.642-.391-1.103-.391-.32 0-.566.07-.781.176-.215.105-.356.25-.496.39a.957.957 0 0 0-.25.497c-.036.175-.07.32-.07.46h3.196c-.07-.526-.25-.882-.497-1.132zm-3.127-3.728h3.978v.957h-3.978v-.957z"/>
109</svg>
110    </a>
111  </li>
112  <li class="nav-item">
113    <a class="nav-link link-dark link-opacity-50-hover" href="https://github.com/holger1411" aria-label="Link to my GitHub Profil Page" target="_blank">
114      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
115  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
116</svg>
117    </a>
118  </li>
119
120    </ul>
121    </div>
122</nav>
123
124            </header>
125            <main class="mb-auto col-12 px-vw-5">
126              <div class="row d-flex justify-content-center">
127  <div class="col-12 col-xl-10 col-xxl-8 mt-3" data-aos="fade-left" data-aos-delay="100">
128<h1>And now: The legal stuff! 🥳</h1>
129<p class="lead pb-5 border-bottom mv-5"><strong>Name:</strong> Jane Doe<br>
130      <strong>Address:</strong> Sample Street 123, Stockholm<br>
131      <strong>Email:</strong> [email protected]<br>
132      <strong>Phone:</strong> 0012 345 678 9</p>
133   <p class="pt-5">Responsible for the content according to § 55 Abs. 2 RStV: Jane Doe</p>
134   <p>Disclaimer: Despite careful control of the content, I assume no liability for the content of external links. The content of the linked pages is the sole responsibility of their operators.</p>
135   <p>Copyright: The content and works created by me on these pages are subject to Swedish copyright law. The duplication, processing, distribution, or any kind of exploitation outside the limits of copyright law requires the prior written consent of the respective author or creator.</p>
136   <p>Data protection: The use of my website is usually possible without providing personal information. If personal data (e.g. name, address, or email addresses) is collected, this is always done on a voluntary basis. This data will not be passed on to third parties without your express consent.</p>
137   <p>Design and development: Jane Doe, Stockholm, Sweden</p>
138   <p>Thank you for considering my services.</p>
139</div>
140</div>
141
142            </main>
143                        <footer class="mb-auto col-12 py-vh-3 px-vw-5">
144            
145  <div class="row d-flex justify-content-between small">
146    <div class="col-12 col-md-auto d-flex justify-content-center">
147  <ul class="nav bg-light rounded px-3">
148    <li class="nav-item">
149      <a aria-label='Go home!' class='nav-link link-dark px-0' href='/'>
150        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewbox="0 0 16 16">
151          <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708

151L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
152          <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
153        </svg>
154      </a>
155    </li>
156    <li class="nav-item">
157      <a class='nav-link link-dark' href='/aboutme'>About me</a>
158    </li>
159    <li class="nav-item">
160      <a class='nav-link link-dark' href='/imprint'>Imprint</a>
161    </li>
162    <li class="nav-item">
163      <a class='nav-link link-dark' href='/contact'>Contact</a>
164    </li>
165  </ul>
166</div>
167  <div class="col-12 col-md text-center text-md-end py-2">
168      Made by <a href="https://templatedeck.com" class="link-fancy" target="_blank">templatedeck.com</a>
169    </div>
170</div>
171
172          </footer>
173          </div>
174          
175            <div class="col-1 col-sm-2 col-md-3 col-lg-4 col-xl-5 col-xxl-7 bg-cover py-vh-max py-lg-0 bg-black ba-local position-fixed top-0 end-0 z-0 h-100 bg-img" data-aos="fade"></div>
176          
177        </div>
178      </div>
179    
180      

180<script src="js/bootstrap.bundle.min.js" async></script>

180

181<script src="js/aos.js"></script>

181
182 

182<script>
183 AOS.init({ });
184 </script>

184
185
186  </body>
187
188</html>