-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·55 lines (49 loc) · 1.95 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jane Smith's Profile</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900" rel="stylesheet"></head>
<body>
<div class="main-nav">
<ul class="nav">
<li class="name">Jane Smith</li>
<li><a href="#">Home</a></li>
<li><a href="#">Experience</a></li>
</ul>
</div>
<header>
<img src="images/me.png" alt="Drawing of Jane Smith" class="profile-image">
<h1 class="tag name">Hello, I’m Jane.</h1>
<p class="tag location">My home is Portland, Oregon.</p>
</header>
<main class="flex">
<div class="card">
<h2>Background</h2>
<p>I’m an aspiring web designer who loves everything about the web. I've lived in lots of different places 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 professional cook and gardener and am a life-long learner who's always interested in expanding my skills.</p>
</div>
<div class="card">
<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>Ruby</li>
<li>Rails</li>
</ul>
<p>I’d like to work for a web design firm helping clients create an impressive online presence.</p>
</div>
</main>
<footer>
<ul>
<li><a href="#" class="social twitter">Twitter</a></li>
<li><a href="#" class="social linkedin">LinkedIn</a></li>
<li><a href="#" class="social github">Github</a></li>
</ul>
</footer>
</body>
</html>