-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
58 lines (58 loc) · 2.93 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" />
<meta name="author" content="Aldi Duzha" />
<meta name="description" content="Free Bulma CV Template, part of Awesome Bulma Templates" />
<meta name="keywords" content="bulma, cv, resume, personal, website, template, free, awesome" />
<link rel="canonical" href="https://aldi.github.io/bulma-cv-template/" />
<title>Bulma CV - Free Bulma Template</title>
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css" />
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div class="tile is-6 is-parent" id="left">
<div class="tile is-child pink post">
<p class="title is-2 name">Hi, I'm Kate Woodman</p>
<p class="subtitle has-text-grey job">Web Designer & Developer</p>
<hr class="hr" />
<div class="content has-text-grey description">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla magna purus, sagittis eu dignissim vitae,
iaculis vitae nisi. Quisque efficitur magna lectus, id pretium sem malesuada nec. Ut blandit ultrices
turpis, et mattis lorem porttitor sit amet. Etiam maximus arcu eget quam dignissim pretium a lobortis
sapien.
</p>
<p>
In facilisis mi id est gravida congue. Sed sed placerat massa, ac iaculis urna. Sed pharetra quam odio, ut
lacinia nisi pellentesque sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus
ultrices nulla et maximus ultricies.
</p>
<p>
Ut pellentesque ligula in dapibus interdum. Donec viverra ac tellus ac mollis. Curabitur venenatis justo
vitae quam condimentum, ac ultricies magna sodales.
</p>
</div>
<div class="buttons">
<button class="button is-medium is-twitter" style="width: 50px;">
<i class="fab fa-twitter fa-lg"></i>
</button>
<button class="button is-medium is-linkedin" style="width: 50px;">
<i class="fab fa-linkedin-in fa-lg"></i>
</button>
<button class="button is-medium is-facebook" style="width: 50px;">
<i class="fab fa-facebook-f fa-lg"></i>
</button>
<button class="button is-medium is-github" style="width: 50px;">
<i class="fab fa-github fa-lg"></i>
</button>
</div>
</div>
</div>
<div class="tile is-6 is-parent" id="right"></div>
</body>
</html>