-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (57 loc) · 2.25 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" />
<link rel="stylesheet" href="gist/style.css" />
<title>SCSS</title>
</head>
<body>
<div class="grid">
<main class="grid__main">
<div class="grid__widget dark-blue">
<h1>Mythos</h1>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cupiditate
laboriosam vero alias voluptate enim voluptatem vitae dignissimos, eum
odit voluptatibus illum id numquam consectetur, animi cum possimus.
Reprehenderit asperiores saepe temporibus quibusdam ut suscipit
adipisci minima quaerat iure, quisquam enim dicta amet reiciendis ea
facere eum deserunt libero, error at.
</p>
</div>
</main>
<aside class="grid__sidebar">
<div class="grid__widget">
<h2>More Info</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Non, et
deserunt tempore quia officiis, autem magni dolorem cumque ducimus
perferendis id doloremque maiores vel voluptas iure laudantium
placeat totam voluptatum.
</p>
</div>
<div class="grid__widget skyblue">
<h2>Check out this cool thing!</h2>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Atque
repellendus eaque modi qui eum voluptas beatae? Similique quae ut
totam, quidem quaerat nulla nam, aperiam animi velit, aut veritatis!
Ullam voluptatem impedit dolore, dolores incidunt eos obcaecati eius
animi numquam deleniti sit nesciunt fuga laborum aut sequi quaerat
voluptas odio ipsam molestiae doloribus accusamus nostrum! Officiis?
</p>
</div>
<div class="grid__widget green">
<h2>More cool stuff is here!</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius
nostrum ex non recusandae quibusdam quidem error qui nulla sapiente
tempora?
</p>
</div>
</aside>
</div>
<script src="/app/js/script.js"></script>
</body>
</html>