-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
57 lines (51 loc) · 2.22 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>James Duffy'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=Lora|Montserrat" rel="stylesheet">
</head>
<body>
<div class="main-nav">
<ul class="nav">
<li class="name">James Duffy</li>
<li><a href="index.html">Home</a></li>
<li><a href="experience.html">Experience</a></li>
</ul>
</div>
<header>
<img src="images/jduffy-pic.jpg" alt="Photo of James Duffy and son" class="profile-image">
<h1 class="tag name">Hello, I’m James.</h1>
<p class="tag location">My home is Boston, Mass.</p>
</header>
<main class="flex">
<div class="card">
<h2>Background</h2>
<p>I’m an online content manager and strategist for the City of Boston looking to level up my digital skills. I'm hoping to use those skills in civic tech, creating more useful and human interactions with government.</p>
<p>I’ve been working online as a content editor and producer for more than 10 years. Previously, I worked for the <a href="http://www.bostonglobe.com/">Boston Globe</a> and <a href="https://www.boston.com/">Boston.com</a>.</p>
</div>
<div class="card">
<h2>Goals</h2>
<p>I'm looking to gain a better understanding of what I already know, and to dive into topics where I'm a complete beginner. I'm interested in:</p>
<ul class="skills">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
<li>Ruby</li>
</ul>
<p>I'm hoping to use my new skills to help digital efforts at the City of Boston.</p>
</div>
</main>
<footer>
<ul>
<li><a href="https://twitter.com/jduffy2001" class="social twitter">Twitter</a></li>
<li><a href="https://www.linkedin.com/in/james-duffy-4b5716100" class="social linkedin">LinkedIn</a></li>
<li><a href="https://github.com/jduffy2001" class="social github">Github</a></li>
</ul>
<p class="copyright">Copyright 2018, James Duffy</p>
</footer>
</body>
</html>