-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (75 loc) · 3.53 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
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE><a id="top">Steve Golden</a></TITLE>
<link rel="stylesheet" href="scss/css/application.css">
<meta name="viewport" content="width=device-width">
</HEAD>
<BODY>
<HEADER class="clearfix">
<div id="nav-name"><h1>Steve Golden</h1></div>
<ul class="nav-items">
<li><h3>Home</h3></li>
<li><h3>Portfolio</h3></li>
<li><h3>Contact</h3></li>
</ul>
</HEADER>
<div class="banner clearfix">
<img src="img/banner-image2.jpg" alt="Picture of male cartoonish character" class="banner-image">
<div class="banner-text">Hi! I'm a front-end developer who loves responsive design and css. I recently finished a degree in front-end web development at Treehouse and I am excited to put all my skills to use!
</div>
</div>
<h2 id="main-header">Portfolio</h2>
<div class="clearfix">
<div class="body-images">
<img src="img/portfolio-1.png" alt="Image of a web page" class="images"/>
<h3 class="image-heading">Marketing Page</h3>
<h5 class="image-description"> This project show the front page of a marketing website meant for specific business I'm interested in.</h5>
</div>
<div class="body-images">
<img src="img/portfolio-2.png" alt="Image of a bar chart" class="images"/>
<h3 class="image-heading">Search Page</h3>
<h5 class="image-description">This project searches through a specific database to find information that the user is trying to look up.</h5>
</div>
<div class="body-images">
<img src="img/portfolio-3.png" alt="Image of a web page with travel app" class="images"/>
<h3 class="image-heading">Travel App</h3>
<h5 class="image-description">This project compares travel times based on different transportation methods and tells you the best one.</h5>
</div>
<div class="body-images">
<img src="img/portfolio-4.png" alt="Image of a generic map on street level" class="images"/>
<h3 class="image-heading">Map of Favorite Spots</h3>
<h5 class="image-description">This project uses mapping apis to plot points for my favorite spots in the city for a do-it-yourself walking tour.</h5>
</div>
<div class="body-images">
<img src="img/portfolio-5.png" alt="Image of a web page with photo layout" class="images"/>
<h3 class="image-heading">Photo Gallery</h3>
<h5 class="image-description">This project shows pictures from a recent trip to the viewer and allows them to easily navigate through photos.</h5>
</div>
<div class="body-images">
<img src="img/portfolio-6.png" alt="Image of a web page with calculator" class="images"/>
<h3 class="image-heading">Calculator</h3>
<h5 class="image-description">Somone can enter the numbers they want, and press the big blue button and get the results.</h5>
</div>
</div>
<div class="contact">
<h3 class="contact-heading"> Contact </h3>
<h5>If your interested in hearing in chatting or want more information about what I've working on, I'd love to hear from you!</h5>
<ul class="contact-info">
<li><a href="tel:14025982353">Phone: +1 (402) 598-2353</a></li>
<li><a href="mailto:sgolden22222@yahoo.com?Subject=Contact">Email: sgolden22222@yahoo.com</a></li>
</ul>
</div>
<FOOTER>
<h3 class="footer-name">Steve Golden</h3>
<h3 class="footer-back"><a href="#top">Back to Top</a></h3>
<div class="footer-nav">
<ul>
<li>Home</li>
<li>Portfolio</li>
<li>Contact</li>
</ul>
</div>
</FOOTER>
</BODY>
</HTML>