-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (58 loc) · 2.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>standard CSS-grid set as a template</title>
<link rel="stylesheet" href="style.css"/>
<link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Cinzel&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Cinzel&display=swap" rel="stylesheet"/>
</head>
<body>
<!-- the section .page contains the grid -->
<section class="page">
<header class="page-title">
<h1>Playing around with CSS-Grid</h1>
</header>
<!-- the Nav-bar -->
<nav>
Next<br>Other<br>Further<br>Contact<br>Links
</nav>
<!-- all text is organized in articles and displayed in boxes -->
<article>
<h3>first clever words</h3>
<p>If you disturb or do with a unbiased extend, stigma desires you.</p>
</article>
<article>
<h3>second clever words</h3>
<p>spiritual arts shapes most freedoms. Paradise of core will sincerely develop a magical sun. As i have knowed
you, so you must acquire one another.</p>
<p>Going to the realm of extend doesn’t witness advice anymore than grasping creates united bliss</p>
</article>
<article>
<h3>third clever words</h3>
<p>All separate individuals acquire each other, only unprepared karmas have a justice. Vision doesn’t
essentially yearn any doer — but the body is what fails.</p>
</article>
<header class="chapter-title">
<h2>more content</h2>
</header>
<article>
<h3>fourth clever words</h3>
<p>Extend shapes when you believe with tantra. </p>
</article>
<article>
<h3>fifth clever words</h3>
<p>One must trap the follower in order to forget the cow of unbiased career.
One must know the self in order to praise the body of serious paradox.
One must remember the lama in order to praise the moon of separate fear.</p>
</article>
<footer>
<h3>Footer</h3>
<p>Nocere interdum ducunt ad fidelis calceus. Pol, a bene rector, velox extum! Cum poeta accelerare, omnes
habenaes consumere grandis, superbus xiphiases. Ubi est teres abactor?</p>
</footer>
</section>
</body>
</html>