-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (156 loc) · 8.3 KB
/
index.html
File metadata and controls
165 lines (156 loc) · 8.3 KB
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<title>Alex Stern</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
</head>
<body lang="de_CH">
<div class="dark_body">
<div class="sticky-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">Alex Stern</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto active">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Galerie</a>
</li>
<li class="nav-item">
<a class="nav-link" href="skills.html">Skills</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="container my-background">
<div class="bd-example text-center">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<a href="#bitsch" class="cursor-effect cursor-effect-bitsch audio-bitsch">
<img src="img/Alex_Stern.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Über mich</h5>
<p>Wer ich bin</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="skills.html" class="cursor-effect cursor-effect-velo">
<img src="img/code.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Skills & Projekte</h5>
<p>Projekte und Erfahrunegn</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="#Wintersprot" class="cursor-effect cursor-effect-snow audio-snow">
<img src="img/pics/Saved Pictures/freedive.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Freizeit</h5>
<p>Meine Aktivitäten in meiner Freizeit</p>
</div>
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="text">
<div class="row">
<div class="col-sm">
<h1>Das bin ich</h1>
<p class="style1">Mein Name ist Alex Stern und ich bin im dritten Lehrjahr als Appliaktionsentwickler.</p>
<p>Ich bin 18 Jahre alt und gehe in Winterthur in die Schule.</p>
<p>In meiner Freizeit mache ich am liebsten Sport mit Freunden oder allein.</p>
<p></p>
</div>
</div>
<div class="row">
<div id="bitsch" class="col-sm">
<h1>Projekte</h1>
<p>In meinem ersten Projekt war ich bei P2S(Problem to Solution).Die ersten drei Monaten verbrachte ich im Swisscomshop in Baden, wo ich die Schnittstelle zwischen Swisscom und Kunden miterleben durfte.</p>
<p>Die restlichen neun Monate war ich in einem Agilem Team, in dem wir mit Scrum arbeiteten. Ich habe Erfahrung mit Python, HTML, CSS und C# gemacht.</p>
</div>
</div>
<div class="row">
<div id="radsport" class="col-sm">
<h1>Freizeit</h1>
<p>Ich bin leidenschaftlicher Zweiradfahrer, ob Mountainbike oder Motorrad ich liebe alles.</p>
<p>Ich tauche auch sehr gerne ob in den Ferien oder in der Schweiz.</p>
<p>Jetzt bin ich schon Rescue Diver und habe über 60 Tauchgänge im See und im Meer</p>
<p>Das Fitness genauer das Powerliting interessiert mich seit etwa drei Jahren. Fitness mache ich hauptsächlich, um Stress abzubauen und meinen Körper fit zu machen/halten.</p>
<p>Im Winter fahre ich sehr gerne Snowboard.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="bg-dark text-center text-white">
<!-- Grid container -->
<div class="container p-4">
<!-- Section: Social media -->
<section class="mb-4">
<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="mailto:alexander.stern@swisscom.com" role="button"
><i class="fa fa-envelope"></i
></a>
<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.instagram.com/michjaeckson/?hl=de" role="button"
><i class="fab fa-instagram"></i
></a>
<!-- Linkedin -->
<a class="btn btn-outline-light btn-floating m-1" href="https://www.linkedin.com/in/alexander-stern-9429a6219/" role="button"
><i class="fab fa-linkedin-in"></i
></a>
<!-- Github -->
<a class="btn btn-outline-light btn-floating m-1" href="https://github.com/Grasi-code/mywebsite" role="button"
><i class="fab fa-github"></i
></a>
<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="https://my.playstation.com/profile/grasitube" role="button"
><i class="fab fa-playstation"></i
></a>
</section>
</div>
<!-- Section: Social media -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2022 Alexander Stern. All rights reserved.
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</html>