-
Notifications
You must be signed in to change notification settings - Fork 0
/
diegrafikdesign.html
77 lines (62 loc) · 2.7 KB
/
diegrafikdesign.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="swiss.css">
</head>
<div class="a">
<h1>Die</h1>
<h1>Neue</h1>
<h1>Grafik</h1>
<h1>Design</h1>
</div>
<div class="b">
<div class="logo">
<h4>Ruffhaus</h4></div>
<ul class="list">
<li>The Bauhaus</li>
<li>Swiss Mondernism</li>
<li>Swiss Graphic Design</li>
<li>The International Typographic Style</li>
<li>Russian Constructivism</li>
<li>Typography</li>
<li>Illustration</li>
</ul>
</div>
<div class="c"> <h3>
The Bauhaus 1919 - 1933</h3>
</div>
<div class="d"><p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae necessitatibus amet, minima ullam provident molestias veniam eveniet similique, officiis corporis quod cumque id dignissimos odit maiores. Animi itaque tenetur incidunt.Aperiam, illum quia. Eos eius repudiandae alias, repellendus delectus consequatur voluptatibus tempora amet dolore accusantium beatae cum deleniti. Consectetur illum repellat quibusdam ipsam voluptates a quasi natus, delectus dolore praesentium?</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae necessitatibus amet, minima ullam provident molestias veniam eveniet similique, officiis corporis quod cumque id dignissimos odit maiores. Animi itaque tenetur incidunt.Aperiam, illum quia. Eos eius repudiandae alias, repellendus delectus consequatur voluptatibus tempora amet dolore accusantium beatae cum deleniti. Consectetur illum repellat quibusdam ipsam voluptates a quasi natus, delectus dolore praesentium?</p>
</div>
<div class="e">
<h3>
<ul>
<li>The International</li>
<li>Typographic</li>
<li>Style /</li>
<li>The Swiss </li>
<li>Style</li>
</ul>
</h3>
</div>
<div class="f"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi explicabo quia error exercitationem, cumque minima consequatur ad inventore earum placeat hic fugit illo fugiat quis consectetur voluptatum. Dolorum, alias sit.</p></div>
<div class="g">
<h3>
<ul>
<li>Swiss Graphic Design /</li>
<li>Modernism</li>
</ul>
</h3>
</div>
<div class="h">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ab natus cumque officiis illo. Quas eveniet vero id illo saepe fugiat nobis accusantium ipsum recusandae eius neque explicabo, consequatur nam rerum dolorem cumque obcaecati odit itaque numquam perferendis labore? Impedit quae modi expedita nobis dicta quia veritatis consequatur quibusdam facere nulla!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere saepe voluptates at ex!</p>
</div>
<body>
</body>
</html>