-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtemp2.html
77 lines (74 loc) · 3.26 KB
/
temp2.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
75
76
77
<!DOCTYPE html>
<html lang="en">
<head>
<title>ChartPage1</title>
<link rel="stylesheet" href="vendor/tachyons/tachyons.min.css">
</head>
<body class="georgia pa1">
<section class="cf w-100 pv3 ph3 ph4-ns ba">
<div class="fl w-100 f4">
<h1>Question</h1>
</div>
<div class="fl w-100">
<p class="lh-copy f5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis harum quisquam eius sed odit fugiat iusto fuga praesentium
optio, eaque rerum! Provident similique accusantium nemo autem. Veritatis
obcaecati tenetur iure eius earum ut molestias architecto voluptate aliquam
nihil, eveniet</p>
</div>
</section>
<section class="cf w-100 pv1 ph3 ph4-ns ba">
<div class="f1 w-100 f5">
<h1>Breaking into solutions</h1>
</div>
<div class="flex">
<div class="fl w-third">
<p class="f6 b ttc pv0">head1</p>
<p class="lh-copy f7">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis</p>
</div>
<div class="fl w-third">
<p class="f6 b ttc pv0">head2</p>
<p class="lh-copy f7">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis</p>
</div>
<div class="fl w-third">
<p class="f6 b ttc pv0">head3</p>
<p class="lh-copy f7">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis</p>
</div>
</div>
</section>
<section class="fl pv1 w-100 ba flex flex-wrap">
<div class="pv3 ba w-50 w-100-m">
<svg width="500" height="300" class="bg-green"></svg>
</div>
<div class="pv3 ba w-50 w-100-m">
<svg width="500" height="300" class="bg-green"></svg>
</div>
</section>
<section class="fl pv1 w-100 ba flex flex-wrap">
<div class="pv3 ba w-50 w-100-m">
<p class="f6 b ttc pv0">head3</p>
<p class="lh-copy f7">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis</p>
</div>
<div class="pv3 ba w-50 w-100-m">
<p class="f6 b ttc pv0">head3</p>
<p class="lh-copy f7">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime mollitia,
molestiae quas vel sint commodi repudiandae consequuntur voluptatum laborum
numquam blanditiis</p>
</div>
</section>
</body>
</html>