-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinterests.html
66 lines (50 loc) · 2.6 KB
/
interests.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width" >
<meta name="Interests" content="Interests Braden Vivas" >
<title>Interests Braden</title>
<link rel = "stylesheet" href="style.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto Condensed' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<div class="links">
<div class= "column">
<p class="top-border"></p>
<nav class= "flex-container-center">
<a class = "link" href="../assignment-04-css-BradViv/index.html">About</a> </li>
<a class = "link" href="../assignment-04-css-BradViv/skills.html">Skills</a> </li>
<a class = "link" href="../assignment-04-css-BradViv/education.html">Education</a> </li>
<a class = "link" href="../assignment-04-css-BradViv/experinece.html">Experience</a> </li>
<a class = "link" href="../assignment-04-css-BradViv/interests.html">Interests</a> </li>
</nav>
<p class="bottom-border"></p>
</div>
<div class="sep">
<div class="small">
<figure class="photo">
<img src = "..\assignment-04-css-BradViv\Braden_pic.jpg" alt="Missing Image"><br>
<h2>Geryk Braden Vivas</h2>
<p class="center">
Software Engineering Student<br>
<t class="color">[email protected]</t><br>
<i class="fa fa-linkedin-square" aria-hidden="true"></i><a href="https://www.linkedin.com/in/geryk-vivas-9aa960211/">LinkedIn</a>
</p>
</figure>
</div>
<p class="middle-divider really-small"></p>
<div class= "big">
<br><br>
<t class="title-center"><span class = 'notbold'>Interests</span></t>
<br><br><br>
<ul>
<li>Music - Singing at your local karoke place! <i class="fa fa-music" aria-hidden="true"></i></li>
<li>Video Gaming - Avid fan of venturing the virtual world <i class="fa fa-gamepad" aria-hidden="true"></i></li>
<li>D&D Player - Roleplaying is cooler than it sounds! <i class="fa fa-magic" aria-hidden="true"></i></li>
<li>Travelling - Europe is next on my list! <i class="fa fa-plane" aria-hidden="true"></i></li>
</ul>
</div>
</div>
</div>
</html>