Skip to content

Commit a49cd86

Browse files
grifwaygrifway
authored
Add files via upload
1 parent a821f9d commit a49cd86

File tree

1 file changed

+92
-0
lines changed

1 file changed

+92
-0
lines changed

‎index.html

+92
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<title>Wayne's Portfolio</title>
8+
9+
<link rel="icon" type="image/png" sizes="16x16" href="./assets/images/icons_logos/favicon01/favicon-16x16.png" />
10+
11+
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,900,900i" rel="stylesheet">
12+
13+
<link rel="stylesheet" type="text/css" media="screen" href="./assets/css/main.css" />
14+
15+
</head>
16+
<body>
17+
<!--
18+
Wayne Watson Udacity FEND - Project 01 - Portfolio Site
19+
July 10, 2018
20+
-->
21+
22+
<!--
23+
credit to youtube video to help organize portfolio page and class names.
24+
by Joe Mesot
25+
https://www.youtube.com/watch?v=4_CxusDXxqk&t=1645s
26+
-->
27+
28+
29+
<header class="header">
30+
<div class="header-logo">
31+
<img src="./assets/images/icons_logos/W-Logo01.png" alt="Wayne Watson Logo" class="header-img" />
32+
</div>
33+
<div class="header-text">
34+
<h1 class="header-name">Wayne Watson</h1>
35+
<p class="header-title">Udacity Front-End Web Development Student</p>
36+
</div>
37+
</header>
38+
39+
<div class="breakline"></div>
40+
41+
<main class="content">
42+
<!-- <img src="https://via.placeholder.com/480x250" alt="Portfolio Hero Image" class="hero-img" /> -->
43+
<img src="./assets/images/hero-small.png" alt="Portfolio Hero Image" class="hero-img" />
44+
<section class="featured-work">
45+
<h2 class="content-hdr">Featured Work</h2>
46+
47+
<div class="featured">
48+
49+
<div class="featured-item">
50+
51+
<img srcset="./assets/images/bokeh-big.png 580w,
52+
./assets/images/appify-small.png 280w"
53+
sizes="(max-width: 380px) 80vw,
54+
50vw"
55+
src="./assets/images/appify-small.png"
56+
alt="Featured Image One" class="featured-img responsive-img" />
57+
58+
<h3 class="featured-title">Appify</h3>
59+
<p class="featured-text">
60+
<a href="" class="featured-link">http://www.udacity.com/appify01</a>
61+
</p>
62+
</div>
63+
64+
<div class="featured-item">
65+
<img src="./assets/images/sunflower-small.png" alt="Featured Image Two" class="featured-img responsive-img" />
66+
<h3 class="featured-title">Sunflower</h3>
67+
<p class="featured-text">
68+
<a href="" class="featured-link">http://www.udacity.com/sunflowers</a>
69+
</p>
70+
</div>
71+
72+
<div class="featured-item">
73+
<img src="./assets/images/bokeh-small.png" alt="Featured Image Three" class="featured-img responsive-img" />
74+
<h3 class="featured-title">Bokeh</h3>
75+
<p class="featured-text">
76+
<a href="" class="featured-link">http://www.udacity.com/bokeh</a>
77+
</p>
78+
</div>
79+
80+
</div>
81+
</section>
82+
</main>
83+
84+
85+
86+
<!-- <img src="https://via.placeholder.com/280x100" alt="Hero Content" /> -->
87+
<!-- <img src="./assets/images/hero-small.png" alt="Hero Content" class="hero-img" /> -->
88+
89+
<!-- srcset="./assets/images/bokeh-big.png 580w, ./assets/images/appify-small.png 280w" sizes="(max-width: 560px) 80vw, (min-width:
90+
561px) 50vw" -->
91+
</body>
92+
</html>

0 commit comments

Comments
 (0)