-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (62 loc) · 4.99 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
<!DOCTYPE html>
<html lang="en">
<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>Nigina Test</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="top-nav">
<div class="content-wrap">
<div class="row">
<div class="logo">
<h1>LOGO</h1>
</div>
<div class="nav-links">
<a href="#">Projects</a>
<a href="#">About</a>
<a href="#">Contact</a>
<a href="#">Hobbies</a>
</div>
</div>
</div>
</nav>
<div class="content">
<div class="content-wrap">
<div class="row">
<article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article>
<article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article>
<article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article>
<!-- <article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article>
<article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article>
<article class="article">
<h1>Mein erster Artikel</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt provident repudiandae, repellendus fugit optio illo cupiditate libero quaerat autem, sint suscipit eligendi, quibusdam vitae iure animi. Impedit nostrum, asperiores fugit ipsa dicta, nulla ad officia tempora rerum iure ipsam voluptatum nisi maiores voluptas. Aperiam iusto eum, totam possimus perspiciatis deleniti consequuntur expedita veritatis quaerat quae dolores fugiat ratione! Dicta tenetur porro atque illum sed corporis. Cupiditate ea officia tempora est?</p>
</article> -->
</div>
</div>
</div>
<footer class="footer">
<div class="content-wrap">
<h1>mein Footer</h1>
</div>
</footer>
</body>
</html>