-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
43 lines (43 loc) · 2.22 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lorem Ipsum</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Serif+Pro">
<link rel="stylesheet" href="https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container" id="card-container">
<div class="row">
<div class="column column-67" id="presentation-container">
<h1>Lorem ipsum</h1>
<h4 class="sub-text">dolor sit amet</h4>
<h6 class="sub-text">onsectetur adipiscing elit</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse porta bibendum condimentum. Phasellus pharetra nibh a gravida pretium. Nulla ut sem ut eros hendrerit hendrerit. Duis suscipit velit in felis posuere fermentum. Curabitur dapibus orci ut turpis consequat dapibus finibus eget magna. Donec gravida, ipsum nec commodo cursus, libero sapien rutrum lacus, sed euismod risus odio quis odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.
</p>
</div>
<span class="vertical-line"></span>
<div class="column column-30" id="info-container">
<h3>Info</h3>
<ul class="fa-ul">
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
</ul>
<h3>Social</h3>
<ul class="fa-ul">
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
<li><i class="fa-li fa fa-file-o"></i><a href="#">Element</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>