-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (96 loc) · 4.43 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
<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<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>Web Development Course</title>
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<header data-sticky-container>
<div
class="sticky"
data-sticky
data-margin-top="0"
style="width:100%">
<div class="title-bar" data-responsive-toggle="example-animated-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="example-animated-menu" data-animate="hinge-in-from-top hinge-out-from-top">
<div class="top-bar-left">
<ul class="menu">
<li class="site-title"><a href="/"><img class="logo-header" src="/images/digital-fist.png" alt="Digital Fist"></a></li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li><a href="/privacy">Privacy</a></li>
<li><a href="/html">HTML Basics</a></li>
<li><a href="/samples">Samples</a></li>
<!-- <li><a onclick="switchLanguage($event)" href="#" title="English<->German">de/en</a></li> -->
</ul>
</div>
</div>
</div>
</header>
<main class="grid-container home">
<section class="grid-x grid-padding-x">
<h1 class="cell small-12 text-center">Web Development Course</h1>
<h2 class="cell small-12 text-center">What does a website look like from the back?</h2>
<div class="cell small-12">
<img class="hide-for-large" src="/images/repository-open-graph-template.png" alt="Web Development">
<div class="scene show-for-large">
<div onmouseenter="flipImage(event)" onmouseleave="flipImage(event)" class="img">
<div class="img__face img__face--front">
<img src="/images/website-front.jpg" alt="Web Development">
</div>
<div class="img__face img__face--back">
<img src="/images/website-back.jpg" alt="Web Development">
</div>
</div>
</div>
</div>
</section>
<section class="grid-x grid-padding-x">
<div class="cell small-12">
<h4>Did you ever wonder how websites are actually made?</h4>
<h4>Did you know that you are not actually <em>programming</em> with HTML and CSS?</h4>
<h4>You want to know how to change the website of your Kiezkneipe or neighbors group?</h4>
<p>
If one of these questions concerns you then this course is for you.<br>
It adresses beginners who want to get basic - and bit advanced - knowledge about how to built a website.<br>
All you need is a Laptop and 2 hours of your time every 2 weeks.<br>
We start the September 21st from 3 pm to 5 pm in Bilgisaray (Oranienstraße 45) and continue every two weeks then.
<br>
Together with the participants we will decide whether course language will be german or english.
</p>
</div>
</section>
</main>
<footer id="footer">
<div class="grid-container">
<section class="grid-x grid-padding-x">
<h3 class="cell small-12">Disclaimer</h3>
<p class="cell small-12">
I'm not an expert. I'm a user.
I share <em>justifiable opinions</em> not <em>scientific research</em>.
I am in no way tied to the softwares, services or products mentioned here.
I do not get money or any other kind of benefits from them — neither directly nor indirectly.
I am not reliable for any of the softwares, services, products or their usage.
The lists of softwares, services or products mentioned here are not meant to be terminatory.
<br>
<a href="/imprint.html">Imprint</a>
</p>
</section>
</div>
</footer>
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/what-input.js"></script>
<script src="js/vendor/foundation.js"></script>
<script src="js/app.js"></script>
</body>
</html>