-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (106 loc) · 3.08 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Personal Profile Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/styles.css" />
<link
href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900"
rel="stylesheet"
/>
</head>
<body>
<nav class="main-nav">
<ul class="nav">
<li class="name">Brian Walker</li>
<li><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<header>
<img
src="images/me2.jpg"
alt="Picture of Brian Walker"
class="profile-image"
/>
<h1 class="tag name">Hello, I’m Brian.</h1>
<p class="tag location">My home is Detroit, Michigan.</p>
</header>
<main class="flex">
<section class="card card-1">
<h2>Background</h2>
<p>
I’m an aspiring web designer who loves everything about the web. I've
lived in and around Detroit my entire life and have worked in lots of
different jobs. I’m excited to bring my life experience to the process
of building fantastic looking websites.
</p>
<p>
I’ve been a logistics coordinator and music producer and am a
life-long learner who's always interested in expanding my skills.
</p>
</section>
<section class="card card-2">
<h2>Goals</h2>
<p>
I want to master the process of building web sites and increase my
knowledge, skills and abilities in:
</p>
<ul class="skills">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>Node.js</li>
</ul>
<p>
I’d like to work for a web design firm helping clients create an
impressive online presence.
</p>
</section>
<section class="card card-3">
<h2>Hobbies</h2>
<img class="dj" src="images/djing.jpg" alt="DJ setup" />
<ul>
<li>Music Production</li>
<li>Fitness</li>
<li>Politics</li>
<li>Comics</li>
<li>Science</li>
</ul>
</section>
</main>
<footer>
<ul>
<li>
<a
href="https://twitter.com/BWalkerWebDev"
class="social twitter"
target="_blank"
>Twitter</a
>
</li>
<li>
<a
href="https://www.linkedin.com/in/brianwalker150/"
class="social linkedin"
target="_blank"
>LinkedIn</a
>
</li>
<li>
<a
href="https://github.com/bwalker206"
class="social github"
target="_blank"
>Github</a
>
</li>
</ul>
<p class="copyright">Copyright 2020, Brian Walker</p>
</footer>
</body>
</html>