-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
72 lines (61 loc) · 2.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel="stylesheet" href="css/style.css" />
<link href='https://fonts.googleapis.com/css?family=Gentium+Book+Basic|Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<header class="masthead">
<h1 class="masthead-name">John Hutchins:</h1>
<h1>Theologian.</h1>
<h1>Guitar Player.</h1>
<h1>Star Wars nerd.</h1>
<h1>And Now...Web Developer.</h1>
</header>
<section class="aboutme">
<h2 class="text">I currently live in Galax, Virginia with my wife and 3 children. My dream is to combine my new web development skills with my passion for Bible Translation, Music, and the Nerdy Arts. Below are some projects I have completed and some ideas for future projects. </h2></section>
<hr style="height:1px">
<section class="content">
<h1 class="projects-intro">Projects: Past</h1>
<div class="projects">
<a href="http://codepen.io/johnnyjohnjohn/full/bpOrKP/" target="_blank"> <img class="picture" src="images/About Me2.jpg" alt="About Me Project">
</a>
<p>About Me</p>
</div>
<div class="projects">
<a href="http://s1378.photobucket.com/user/jhutchins25/media/NYT%20hack_zpsflophmkz.jpg.html" target="_blank"><img class="picture" src="images/NYT hack2.jpg" alt="NYT Hack Project"></a>
<p>New York Times Hack</p>
</div>
<div class="projects">
<a href="https://jhutchins25.github.io/startup-landing-page-clone/" target="_blank">
<img class="picture" src="images/Karma2.jpg" alt="Karma Project"></a>
<p>Karma Landing Page Clone</p>
</div>
</section>
<section class="content">
<h1 class="projects-intro">Projects: Future</h1>
<div class="projects">
<img class="picture" src="images/Yoda2.jpg" alt="Star Wars project">
<p>Future Star Wars Project</p>
</div>
<div class="projects">
<img class="picture" src="images/Slash2.jpg" alt="Music project">
<p>Future Guitar Project</p>
</div>
<div class="projects">
<img class="picture" src="images/WA Coders2.png" alt="Translation project">
<p>Future Translation Project</p>
</section>
<hr style="height:1px">
<footer class="content-footer">
<p class="font">Be sure to say hello to me on these social networks:</p>
<ul class="social">
<li><a href="https://github.com/jhutchins25" target="_blank">GitHub</a></li>
<li> <a href="https://www.facebook.com/john.hutchins.9" target="_blank">Facebook</a></li>
<li> <a href="https://www.linkedin.com/in/john-hutchins-8942b775" target="_blank">Linkedin</a></li></ul>
<p class="font">Cover Image via <a href="http://unsplash.com" target="_blank">Unsplash</a></p>
</footer>
</body>
</html>