-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (106 loc) · 5.56 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
110
111
112
113
114
115
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Workbook Frontpage</title>
<meta name="description" content="Workbook Zentrum elektronische Medien">
<meta name="Adam Dolinsky" content="Mediamatiker in Ausbildung">
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="fonts/fonts.css">
</head>
<body>
<div class="whitespace">
<div class="sideL">
<img src="img/lba.svg" class="logo-lba">
</div>
<div class="sideR">
<section id="search-2" class="widget widget_search">
<form role="search" method="get" class="search-form" action="http://localhost:8888/wordpress/">
<input type="search" id="search-form-1" class="search-field" placeholder="Suchen …" value="" name="s">
</form>
</section>
<div class="the-title">
<img src="img/logo-zem-2.svg" class="logo-zem-header">
<h1 class="mainpage-h1">archiv der workbooks</h1>
</div>
<p class="mainpage-p">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
<section class="accordion arrows">
<input type="radio" name="accordion" id="cb1" />
<section class="box">
<label class="box-title" for="cb1">Betrieb und Armee</label>
<label class="box-close" for="acc-close"></label>
<div class="box-content">
<div>
<a href="#"><div class="box-box-title" style="background: black url('img/dummy1.jpg') repeat center;">Bedrohungsstufen</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy2.jpg') repeat center;">Kategorien</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy3.jpg') repeat center;">Logistikcentren</div></a>
</div>
</div>
</section>
<input type="radio" name="accordion" id="cb2" />
<section class="box">
<label class="box-title" for="cb2">Ausbildung</label>
<label class="box-close" for="acc-close"></label>
<div class="box-content">
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy4.jpg') repeat center;">Bedrohungsstufen</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy1.jpg') repeat center;">Kategorien</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy2.jpg') repeat center;">Logistikcentren</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy3.jpg') repeat center;">Planung</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy4.jpg') repeat center;">Selbstständigkeit</div></a>
</div>
</div>
</section>
<input type="radio" name="accordion" id="cb3" />
<section class="box">
<label class="box-title" for="cb3">Stagen</label>
<label class="box-close" for="acc-close"></label>
<div class="box-content">
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy1.jpg') repeat center;">Einstieg Mediamatik</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy2.jpg') repeat center;">Print</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy3.jpg') repeat center;">Programmieren</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy4.jpg') repeat center;">Interaktivität</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy1.jpg') repeat center;">Netzwerke</div></a>
</div>
</div>
</section>
<input type="radio" name="accordion" id="cb4" />
<section class="box">
<label class="box-title" for="cb4">Sonstiges</label>
<label class="box-close" for="acc-close"></label>
<div class="box-content">
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy2.jpg') repeat center;">Highlights</div></a>
</div>
<div>
<a href="#"><div class="box-box-title" style="background: url('img/dummy3.jpg') repeat center;">Erwartungen</div></a>
</div>
</div>
</section>
<input type="radio" name="accordion" id="acc-close" />
</section>
</div>
</div>
</body>
</html>