-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (67 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/index.css">
<link href="https://fonts.googleapis.com/css2?family=Corben:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
<title>Kelsey Hunt - Portfolio</title>
</head>
<body>
<header>
<section id="home">
<div class="header-txt">
<h1>Kelsey Hunt</h1><br>
<h2>Full-Stack Web Developer</h2>
</div>
<nav>
<a href="#home">Home</a>
<a href="about.html">About</a>
<a href="projects.html">Projects</a>
<a href="contact.html">Contact</a>
</nav>
</section>
</header>
<section id="about">
<div class="about-txt">
<h3 class="pink">hi there!</h3>
<p>Welcome to my site. If you're interested in getting to know more about me, checking out my work, or want to get in touch, please click on the appropriate link above. Otherwise, feel free to stay awhile and enjoy some cute pics of my pets! </p>
</div>
<div class="about-img">
</div>
</section>
<section id="projects">
<div class="project-pics">
<div class="itemOne">
<img src="assets/PMCovershot2017-0512 19_06_41.jpg" alt="grey striped cat">
</div>
<div class="itemTwo">
<img src="assets/20210913_124547-01.jpeg" alt="fluffy black dog">
</div>
<div class="itemThree">
<img src="assets/20211114_220008_2.jpg" alt="black cat">
</div>
</div>
<div class="project-text">
<h3 class="pink">Thanks fur the memories</h3>
<p>Gandalf</p>
<p>Bear</p>
<p>Bagheera</p>
</div>
</section>
<footer>
<section id="contact">
<div class="social">
<a href="https://www.linkedin.com/in/kelsey-hunt-9161971a8/"><img src="assets/LinkedIn_UI-03-512.webp" alt="linkedin logo"></a>
</div>
<div class="button">
<a href="contact.html">
<button class="contact-button">Contact Me</button>
</a>
</div>
<div class="other">
</div>
</section>
</footer>
</body>
</html>