-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
38 lines (33 loc) · 3.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Die Wiener Moderne - Ein Reiseführer</title>
<link rel="shortcut icon" href="/img/icon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
</head>
<body>
<article>
<h2>Die Wiener Moderne</h2>
<h3>Eine ausführliche Erklärung</h3>
<p>Die Wiener moderne ist Wien in der Moderne</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Leo integer malesuada nunc vel risus commodo viverra maecenas. Tellus in hac habitasse platea dictumst vestibulum rhoncus est. Neque convallis a cras semper. Ornare lectus sit amet est placerat in egestas. Ornare massa eget egestas purus viverra accumsan in nisl nisi. Ultrices sagittis orci a scelerisque purus semper eget. Quis eleifend quam adipiscing vitae proin sagittis. At consectetur lorem donec massa sapien faucibus et molestie ac. Ultrices neque ornare aenean euismod elementum nisi quis eleifend.</p>
<p>Sit amet nulla facilisi morbi tempus iaculis urna id. Fames ac turpis egestas maecenas pharetra. Ridiculus mus mauris vitae ultricies leo integer malesuada nunc. Aliquet eget sit amet tellus cras. Purus in mollis nunc sed id semper. Id consectetur purus ut faucibus pulvinar. Id velit ut tortor pretium viverra suspendisse potenti nullam ac. Nunc vel risus commodo viverra. Ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Molestie a iaculis at erat pellentesque adipiscing. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Quam id leo in vitae. Ornare arcu dui vivamus arcu felis bibendum ut tristique. Non tellus orci ac auctor augue mauris augue neque gravida. Eget est lorem ipsum dolor sit. Faucibus nisl tincidunt eget nullam non nisi.</p>
<p>Rutrum quisque non tellus orci ac auctor augue. Malesuada fames ac turpis egestas integer eget aliquet nibh. Elit duis tristique sollicitudin nibh sit amet commodo nulla. Tellus id interdum velit laoreet id donec. Eget mi proin sed libero enim sed faucibus. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Vitae purus faucibus ornare suspendisse sed. Pretium vulputate sapien nec sagittis. In est ante in nibh mauris cursus. Iaculis at erat pellentesque adipiscing commodo elit at imperdiet. Sed viverra tellus in hac habitasse platea dictumst. Viverra orci sagittis eu volutpat odio facilisis mauris.</p>
<a class="btn btn-primary" href="https://google.com">Drück mich!</a>
</article>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</body>
<style>
.center {
position: relative;
left: 50%;
}
body {
background-image: url("/img/404.jpg");
background-repeat: no-repeat;
background-size: 70rem;
}
</style>
</html>