Skip to content

Commit 35545cb

Browse files
faxemaxeefaxemaxee
committed
add dedicated typography html file
1 parent 7c1decd commit 35545cb

File tree

2 files changed

+118
-1
lines changed

2 files changed

+118
-1
lines changed

‎dist/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
<link rel="stylesheet" href="index.css">
99

10-
<title>Typography</title>
10+
<title>New Site</title>
1111
</head>
1212
<body>
1313

‎dist/typography.html

+117
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
8+
<link rel="stylesheet" href="index.css">
9+
10+
<title>Typography</title>
11+
</head>
12+
<body>
13+
14+
<div class="Content">
15+
16+
<div class="Grid">
17+
<div class="Grid-cell u-sizeFull u-md-size10of12 u-marginBl">
18+
<h1 class="u-marginBl">
19+
1 Lorem ipsum dolor sit amet consectetur, adipisicing elit.
20+
</h1>
21+
22+
<h2 class="u-marginBl">
23+
2 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque.
24+
</h2>
25+
26+
<h3 class="u-marginBl">
27+
3 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis.
28+
</h3>
29+
30+
<h4 class="u-marginBl">
31+
4 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
32+
similique aut dolore ipsum
33+
</h4>
34+
35+
<h5 class="u-marginBl">
36+
5 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
37+
similique aut dolore ipsum
38+
</h5>
39+
40+
<h6 class="u-marginBl">
41+
6 Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
42+
similique aut dolore ipsum
43+
</h6>
44+
<hr>
45+
</div>
46+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
47+
<h1>Headline 1</h1>
48+
<p>
49+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
50+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
51+
</p>
52+
</div>
53+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
54+
<h2>Headline 2</h2>
55+
<p>
56+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
57+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
58+
</p>
59+
</div>
60+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
61+
<h3>Headline 3</h3>
62+
<p>
63+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
64+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
65+
</p>
66+
</div>
67+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
68+
<h4>Headline 4</h4>
69+
<p>
70+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
71+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
72+
</p>
73+
</div>
74+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
75+
<h5>Headline 5</h5>
76+
<p>
77+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
78+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
79+
</p>
80+
</div>
81+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
82+
<h6>Headline 6</h6>
83+
<p>
84+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
85+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
86+
</p>
87+
</div>
88+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
89+
<p>
90+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
91+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
92+
</p>
93+
<p>
94+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
95+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
96+
</p>
97+
<p>
98+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid delectus doloremque cupiditate unde neque ut perferendis,
99+
similique aut dolore ipsum fuga maiores sunt eius est eveniet laborum odio eum soluta.
100+
</p>
101+
</div>
102+
<div class="Grid-cell u-sizeFull u-md-size7of12 u-marginBl">
103+
<ul>
104+
<li>ipsum dolor sit amet consectetur</li>
105+
<li>delectus doloremque cupiditate unde</li>
106+
<li>similique aut dolore ipsum fuga</li>
107+
<li>eius est eveniet laborum odio eum</li>
108+
</ul>
109+
</div>
110+
</div>
111+
112+
113+
114+
</div>
115+
116+
</body>
117+
</html>

0 commit comments

Comments
 (0)