-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (98 loc) · 3.68 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CuzImBisonratte</title>
<link rel="stylesheet" href="./style.css" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">
</head>
<body>
<!-- Content of the navigation-bar -->
<div id="sideNav" class="sidenav">
<span id="navCloseButton" class="navClosebtn" onclick="closeNav()">×</span>
<a href="#start">Start</a>
<a href="#about">Über mich</a>
<a href="#projects">Projekte</a>
<a>-----</a>
<a href='./legal/imprint.html'>Impressum</a>
<a href='./legal/imprint.html#privacy'>Datenschutz</a>
<span id="copyright">© 2022 CuzImBisonratte</span>
</div>
<!-- Button to open the navigation-bar -->
<div id="navOpener">
<span id="navOpenerButton" onclick="openNav()">☰</span>
</div>
<!-- Main content of the site -->
<div id="main">
<div id="occassion">
Nothing to see here...
</div>
<div class="page" id="start">
<div class="title">
<h1>CuzImBisonratte</h1>
</div>
<div class="inner_text">
Hey, willkommen auf meiner Website
<br>
<br>
<a class="downlink" onclick="scroll('about');" href="#about">
<button class="down">Über mich<i class="far fa-caret-square-down"></i></button>
</a><br>
<a class="downlink" onclick="scroll('projects');">
<button class="down">Meine Projekte<i class="far fa-caret-square-down"></i></button>
</a>
</div>
</div>
<div class="page" id="about">
<div class="title">
<h1>Über mich</h1>
</div>
<div class="inner_text">
Mein Name ist Konstantin,
<br> ich bin <span id="age">2008 Geboren,</span>
<br> ich komme aus Baden-Württemberg
<br> und bin
<ul>
<li>Programmierer</li>
<li>Online-Creator</li>
<li>Gamer</li>
<li>Schüler</li>
</ul>
<br>
<img id="person_image" src="https://via.placeholder.com/500C/444" alt="Ein Bild">
</div>
</div>
<div class="page" id="projects">
<div class="title">
<h1>Meine Projekte</h1>
</div>
<div class="inner_text">
Ob einfache Skripte, Spiele, Websites,
<br> ganze Chat-Apps oder Sonstiges,
<br> ich versuche es zu programmieren.</span>
<br>
<br> Meine aktuellsten Projekte sind:
<ul>
<li>Sqowey</li>
<li>themes.js</li>
<li>sharesimple</li>
<li>Diese Website</li>
</ul>
<br>
<a class="projects_link" href="./projects/">
<button class="projects_link_button">Weitere Informationen<i class="fas fa-sign-in-alt"></i></button>
</a>
</div>
</div>
</footer>
<!-- The button that leads to -->
<a href="#start">
<i id="up_button" class="far fa-caret-square-up"></i>
</a>
</div>
<!-- Add the main script (script.js) -->
<script src="./script.js"></script>
</body>
</html>