-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmySkills.html
72 lines (60 loc) · 3.43 KB
/
mySkills.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My UX Skills</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<header class="navigation">
<div class="logo"><img src="images/fnl logo vector.png"></div>
<nav class="inline-block">
<ul>
<li>About</li>
<li>Skills</li>
<li>Work</li>
<li>Contact</li>
</ul>
</nav>
</header>
<!-- My UX Skills section coded using CSS flex -->
<body>
<section class = "mySkills">
<h1> My Skills</h1>
</section>
<div class = "flexContainer">
<div class="skillTypes">
<img src="images/research.png">
<h3>Research</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet erat egestas, facilisis massa ut, congue augue. Donec porttitor ligula dolor, eget efficitur nisi laoreet at.
Praesent fringilla at risus vel tristique. Mauris ut ante ullamcorper, posuere elit a, cursus ante. Quisque volutpat a ex scelerisque posuere. Ut at lacus pharetra, porttitor urna vel,
molestie ligula. Sed consequat risus ipsum, vitae faucibus dui vulputate a. Nunc interdum sem ut neque dictum hendrerit. Maecenas bibendum, augue vitae vestibulum bibendum,
nunc libero elementum nisi, laoreet bibendum sapien turpis sed urna. Proin eu turpis pulvinar, gravida lacus eget, tempor leo. Quisque efficitur, dui quis condimentum dapibus,
metus sapien gravida lorem, at consectetur arcu est ac velit. Aenean nec condimentum lacus, non mollis tortor.
</p>
</div>
<div class="skillTypes">
<img src="images/visual_communication.png">
<h3>Visual Communication</h3>
<p>Sed at blandit lacus. Quisque semper nulla id lorem scelerisque, vitae sodales sem lacinia.
Donec risus nibh, rutrum ac ornare non, egestas non ante.
Quisque eu mi rhoncus purus blandit consectetur.
Aenean cursus augue sem, eget convallis lectus interdum ut. Nullam aliquam molestie malesuada.
Fusce eget augue porttitor, dapibus nisl sed, egestas arcu. Praesent tincidunt velit nec pharetra iaculis. Aliquam tincidunt non neque id cursus.
Nunc porta rhoncus nisl nec ullamcorper. Sed viverra augue eu aliquam feugiat. Proin ac varius velit, vel bibendum nunc.
Phasellus porttitor gravida tristique. Morbi tempor gravida orci id fringilla.
</p>
</div>
<div class="skillTypes">
<img src="images/collaboration.png">
<h3>Collaboration</h3>
<p>In quis felis est. Proin scelerisque facilisis dolor quis pretium. Phasellus ornare dolor vitae dolor vestibulum, quis dictum ipsum tempus.
Suspendisse cursus tincidunt magna pellentesque posuere. In hac habitasse platea dictumst.
Donec scelerisque, sem vitae interdum porttitor, orci augue sodales purus, eget laoreet justo leo nec mi. Integer convallis orci eu sapien aliquet aliquet sit amet ut urna.
Aenean tincidunt dolor vitae augue ultrices, id dictum ligula consectetur. Fusce ut commodo leo.
Proin molestie at augue eget luctus. Aliquam scelerisque vulputate tellus, lobortis hendrerit justo scelerisque ut. In et magna nec elit viverra venenatis ut porta lacus.
Nam lorem orci, gravida vitae justo in, eleifend tempor libero. Aliquam erat volutpat. Nullam nec eros ac velit lacinia vulputate. Donec ut purus nibh.
</p>
</div>
</div>
</body>