-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (136 loc) · 6.33 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Leighton Van Ness Portfolio</title>
<meta name="title" property="og:title" content="Leighton Van Ness Portfolio">
<meta name="description" property="og:description" content="A portfolio of my web applications.">
<link rel="stylesheet" type="text/css" href="./assets/Style/reset.css">
<link rel="stylesheet" type="text/css" href="./assets/Style/style.css">
</head>
<body>
<header>
<section class="nav-title">
<h1>Leighton Van Ness</h1>
<div class="tagline">Full Stack Developer Candidate</div>
</section>
<nav>
<ul>
<li class="link scroll-link"><a href="#about-me">About Me</a></li>
<li class="link scroll-link"><a href="#sample-works">Sample Work</a></li>
<li class="link scroll-link"><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<div class="about-me scroll-target" id="about-me">
<h2>About Me</h2>
<img src="./assets/images/Headshot.JPG" class="headshot" alt="Leighton Van Ness headshot">
</div>
<div class="gray-background">
<h3>My Skills</h3>
<p id="skills"><span><u>Languages</u>: HTML, CSS, JavaScript</span></p>
<p id="skills"><span><u>Tools</u>: Git</span></p>
<h3>Bio</h3>
<p>
I started my career in the entertainment business, working for a major talent agency. Our division built unique experiences based around the talent that we represented. Most of these experiences were in-person gatherings, so when the pandemic hit, we shifted the business to digital. I was tasked with building out a streaming platform to host our live events on. During this project, I got more and more interested in coding, which led me to become a full-stack developer. Now, I'm all about web development and making awesome digital stuff.
</p>
</div>
</section>
<section class="grid-padding">
<h2 class="sample-works scroll-target" id="sample-works">Sample Works</h2>
<div class="works-grid">
<!-- Card 1 -->
<div class="card" id="featured">
<a href="https://lvanness7690.github.io/challenge-1/" target="_blank">
<picture>
<img src="./assets/images/Horiseon.png" alt="Horiseon screenshot">
</picture>
</a>
<div class="card-text">
<h3>Horiseon</h3>
<p>I developed a website for a marketing agency that follows accessibility standards and is optimized for search engines.</p>
<ul class="link-list">
<li><a href="https://github.com/lvanness7690/challenge-1" target="_blank">GitHub</a></li>
<li><a href="https://lvanness7690.github.io/challenge-1/" target="_blank">Live Application</a></li>
</ul>
</div>
</div>
<!-- Card 2 -->
<div class="card">
<a href="https://lvanness7690.github.io/challenge-2/" target="_blank">
<picture>
<img src="./assets/images/Horiseon.png" alt="Horiseon screenshot">
</picture>
</a>
<div class="card-text">
<h3>Sample Project 2</h3>
<p>Description of your second project goes here.</p>
</div>
</div>
<!-- Card 3 -->
<div class="card">
<a href="https://lvanness7690.github.io/challenge-3/" target="_blank">
<picture>
<img src="./assets/images/Horiseon.png" alt="Horiseon screenshot">
</picture>
</a>
<div class="card-text">
<h3>Sample Project 3</h3>
<p>Description of your third project goes here.</p>
</div>
</div>
<!-- Card 4 -->
<div class="card">
<a href="https://lvanness7690.github.io/challenge-4/" target="_blank">
<picture>
<img src="./assets/images/Horiseon.png" alt="Horiseon screenshot">
</picture>
</a>
<div class="card-text">
<h3>Sample Project 4</h3>
<p>Description of your fourth project goes here.</p>
</div>
</div>
<!-- Card 5 -->
<div class="card">
<a href="https://lvanness7690.github.io/challenge-5/" target="_blank">
<picture>
<img src="./assets/images/Horiseon.png" alt="Horiseon screenshot">
</picture>
</a>
<div class="card-text">
<h3>Sample Project 5</h3>
<p>Description of your fifth project goes here.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<h2 class="contact scroll-target" id="contact">Contact Me</h2>
<section class="contact-info">
<div id="phone">
(203) 564-0116
</div>
<div id="email">
</div>
<div id="github">
<a href="https://github.com/lvanness7690" target="_blank">GitHub</a>
</div>
<div id="linkedin">
<a href="https://www.linkedin.com/in/leighton-van-ness-9b901036/" target="_blank">LinkedIn</a>
</div>
</section>
<section class="ending-note">
<em>Thank you for visiting!</em>
</section>
<section class="copyright">
© 2023 Leighton Van Ness
</section>
</footer>
</body>
</html>