-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
41 lines (32 loc) · 1.56 KB
/
example.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
<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">
<link rel="stylesheet" href="./css/main.css">
</link>
<title>Design System</title>
</head>
<body>
<h1 class="text-display-x-large">Typography</h1>
<span class="text-sub">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet consequatur porro
reprehenderit! Totam quam id a possimus nam, ab reiciendis deserunt quaerat, inventore itaque mollitia,
praesentium facere sequi repellendus laboriosam.
</span>
<h2 class="text-display-large">Brand typography </h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae, atque necessitatibus optio aliquid laboriosam fuga
autem aspernatur libero cum dolore quidem amet, consequuntur temporibus sed explicabo earum mollitia, nemo
laudantium tempora magni ipsa. Accusantium pariatur amet expedita repellendus a, incidunt qui quidem quaerat
necessitatibus, explicabo vitae, eum quia ipsam ex.</p>
<h3 class="text-display-medium">Brand typography </h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae unde rerum natus maiores totam fugiat laboriosam
dolorem eius libero ratione!</p>
<div style="display: flex; justify-content: space-evenly; align-items: center;">
<button class="btn"> Click me </button>
<div class="btn btn-img">
<img src="./resources/svg/tail-spin.svg" />
<span>Click me </span>
</div>
</div>
</body>
</html>