This repository was archived by the owner on Sep 4, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
135 lines (135 loc) · 3.92 KB
/
index.html
File metadata and controls
135 lines (135 loc) · 3.92 KB
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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<title>redux design system</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="dist/style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="header-branding">
<a href="#">
<svg class="icon" viewBox="0 0 71.8 76"><path d="M34.5 4A33.9 33.9 0 0 0 0 35a34 34 0 0 0 60 24.9 2.5 2.5 0 1 0-3.8-3.2 29 29 0 0 1-46-2c.8-.6 2-1.2 4.7-2.8l47.2-27.3a2.5 2.5 0 0 0 1.6-1.7 2.5 2.5 0 0 0-.5-2.3A34 34 0 0 0 34.5 4zm-1 5a29 29 0 0 1 24.3 12.4L12.5 47.6l-4.8 2.7A29 29 0 0 1 33.5 9z"/><path d="M34.4 0C28 0 21.5 1.6 15.6 5.1A1 1 0 1 0 16.7 7a34.8 34.8 0 0 1 44.6 8c11 13.3 11 32.7 0 46a34.9 34.9 0 0 1-40.7 10l2-.4-6-1.6a1 1 0 0 0-.4 0l-3.4-1 2.4 2.6a1 1 0 0 0 .3.3l4.3 4.4-.7-2.6a37 37 0 0 0 44-10.2 38.5 38.5 0 0 0 0-49A37.2 37.2 0 0 0 34.3 0z"/></svg> epi.codes
</a>
</div>
<nav>
<a href="#"><svg class="icon" viewBox="0 0 25 25"><path d="M12 3v1h1v1h1v1h1V5h1V4h1V3h-5zM9 8v2h8V8H9zm6 3v2h6v-2h-6zM4 14v2h17v-2H4zm0 3v2h5v-2H4zm7 3v2h8v-2h-8z"/></svg> Timeline</a>
<a href="#" class="active"><svg class="icon" viewBox="0 0 25 25"><path d="M9 1v7h2V3h6V1H9zm8 2v2h2V3h-2zm2 2v9h-2v2h4V5h-2zM4 9v15h12V13h-2v9H6V11h6V9H4zm8 2v2h2v-2h-2z"/></svg> Mirror</a>
<a href="#"><svg class="icon" viewBox="0 0 25 25"><path d="M6 1v2h13V1H6zm13 2v19h2V3h-2zm0 19H6v2h13v-2zM6 22V3H4v1H2v2h2v3H2v2h2v3H2v2h2v3H2v2h2v1h2zm5-18v2H9v3h2v2h3V9h2V6h-2V4h-3zm-2 9v2H7v6h11v-6h-2v-2H9z"/></svg> Trombi</a>
<span class="spacer"></span>
<a href="#"><img src="https://intra.epitech.eu/file/userprofil/miniview/jordan.demaison.jpg" class="avatar avatar-small"> Jordan Demaison</a>
</nav>
</header>
<main>
<nav class="header-subnav">
<a href="#" class="active">Semester 0</a>
<a href="#">Semester 1</a>
<a href="#">Semester 2</a>
<a href="#">Semester 3</a>
</nav>
body
<br>
<a href="index.html">Internal link</a><br>
<a href="https://intra.epitech.eu">External link</a><br>
<br>
<br>
<br>
<h2>Color palette</h2>
<div class="color-swatch color-1">1</div>
<div class="color-swatch color-2">2</div>
<div class="color-swatch color-3">3</div>
<div class="color-swatch color-4">4</div>
<h2>Navigation</h2>
<nav>
<a href="#">Foo</a>
<a href="#">Bar</a>
<a href="#" class="active">Active</a>
<a href="#">Baz</a>
</nav>
<nav>
<a href="#">Foo</a>
<a href="#">Bar</a>
<a href="#" class="active">Active</a>
<a href="#">Baz</a>
<a href="#">long ass option that will not fill the screen at all</a>
<a href="#">at least i tried</a>
</nav>
<nav class="nav-vertical">
<a href="#">Foo</a>
<a href="#">Bar</a>
<a href="#" class="active">Active</a>
<a href="#">Baz</a>
</nav>
<h2>Typography</h2>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>Lorem ipsum dolor sit amet this is a long paragraph ahahaha i want to kiss myself</p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
scrolled
</main>
<footer>
footer
</footer>
</body>
</html>