-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
67 lines (58 loc) · 1.74 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
<!doctype html>
<html lang="en">
<head> <title>Zachary LaVallee - Portfolio </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="assets/css/portfolio.css">
</head>
<body>
<!-- Page Container -->
<div class="container">
<header>
<div class="logobox">
<img src="assets/img/headshot.png" alt="Zach LaVallee Headshot" class="logo">
</div>
<div class="name">
<h1>Zachary LaVallee</h1>
<h2>Portfolio</h2>
</div>
</header>
<hr>
<!-- Middle Background -->
<div class="photo">
<img src="assets/img/keyboard.jpg" alt="Keyboard Background" class="bgimg">
</div>
<!-- Featured Work -->
<div id="featwork">
<p>Featured Work</p>
</div>
<!-- Project Section -->
<section class="projects">
<figure class="projectbox">
<div class="projectimg">
<img src="assets/img/emonixsystem.png" alt="Image of Emonix Water Softening System">
</div>
<a href="https://www.emonix.io" target="_blank">
<img src="assets/img/emonix.png" alt="Emonix Inc. Logo Link" class="projectlogo">
</a>
</figure>
<figure class="projectbox">
<div class="projectimg">
<img src="assets/img/theater.jpg" alt="Movie Theater Image">
</div>
<h3>
<a href="https://www.movies.zachlavallee.com" class="link">Movie Trailer Site</a>
</h3>
</figure>
<figure class="projectbox">
<div class="projectimg">
<img src="assets/img/neighborhood.jpg" alt="Stock Image of Neighborhood">
</div>
<h3>
<a href="https://www.neighborhood.zachlavallee.com" class="link">Neighborhood Map</a>
</h3>
</figure>
</section>
</div>
</body>
</html>