-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponents.html
74 lines (68 loc) · 2.34 KB
/
components.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
<!DOCTYPE html>
<html>
<head>
<title>Components | AXIOM DESIGN SYSTEM</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans+Condensed:400,700&display=swap">
<link rel="stylesheet" type="text/css" href="/assets/css/normalize.css">
<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
</head>
<body>
<div class="h_container">
<header class="h_section">
<h1>
<a class="logo" href="/">
<div><img src="/assets/img/logo.svg" class="logo_img" /></div>
<p class="logo_text">AXIOM DESIGN SYSTEM</p>
</a>
</h1>
<p class="slogan">FIGHT FOR THE DESIGN ESSENTIALS WE LOVE</p>
</header>
<section class="h_section" id="effects">
<h1 class="main_title">Texture & Effects</h1>
<ul class="component_list">
<li>
<a href="/demo/acrylic.html">
<img src="/assets/img/icons/ax-acrylic.svg" class="component_icon" alt="Icon of Acrylic component" />
<span>Acrylic</span>
</a>
</li>
<li>
<a href="/demo/reveal-highlight.html">
<img src="/assets/img/icons/ax-reveal-highlight.svg" class="component_icon"
alt="Icon of Reveal Highlight component" />
<span>Reveal Highlight</span>
</a>
</li>
<li>
<a href="/demo/pressure.html">
<img src="/assets/img/icons/ax-pressure.svg" class="component_icon" alt="Icon of Pressure component" />
<span>Pressure</span>
</a>
</li>
<li>
<a href="/demo/elevation.html">
<img src="/assets/img/icons/ax-elevation.svg" class="component_icon" alt="Icon of Acrylic component" />
<span>Elevation</span>
</a>
</li>
</ul>
</section>
<section class="h_section" id="layout">
<h1 class="main_title">Layout</h1>
<ul class="component_list">
<li>
<a href="/demo/navigation.html">
<img src="/assets/img/icons/ax-navigation.svg" class="component_icon" alt="Icon of Navigation component" />
<span>Elevation</span>
</a>
</li>
</ul>
</section>
<section class="h_section" id="Form">
<h1 class="main_title">Form</h1>
<ul>
<li><a href="#">WIP</a></li>
</ul>
</section>
</div>
</body>