-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (129 loc) · 6.05 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="US-en">
<head>
<!-- Title, Meta, and Stylesheets -->
<title>Andrew Hamerly's Portfolio</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="test/css" href="./assets/css/reset.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<body>
<header>
<!-- Navbar -->
<nav class="navbar">
<figure id="logo">
<a href="https://andrewhamerly.github.io/portfolio/">
<img src="./assets/images/Ah-trans-bkg.png" alt="Andrew Hamerly Circle Logo">
</a>
</figure>
<!-- Navbar Links -->
<ul class="nav-menu">
<li class="nav-link">
<a href="#about">About</a>
</li>
<li class="nav-link">
<a href="#projects">Projects</a>
</li>
<li class="nav-link">
<a href="#contact">Contact</a>
</li>
</ul>
</nav>
<!-- Header Container -->
<section class="header-container">
<img class="my-photo" src="./assets/images/Andrew-Closeup-LowRes.jpeg" alt="Andrew Hamerly Headshot Picture"/>
<h1>Hi, I'm Andrew.</h1>
<p>Welcome to my full stack</p>
<p>developer portfolio page.</p>
<div class="button-container">
<button>
<a href="https://andrewhamerly.com/">Visit My Personal Site</a>
</button>
<button>
<a href="https://allswellagency.com/">Visit My Agency Site</a>
</button>
</div>
</section>
</header>
<!-- Main Content Area -->
<main>
<div class="container">
<!-- About Section -->
<section class="card">
<h2 id="about">About</h2>
<p class="paragraph">
This portfolio is designed to show my creativity and genuine enjoyment for coding.
My first website was made in 2015 for my own glass art business.
</p>
<p class="paragraph">
Soon however, creating glass art became a hobby while making websites became a passion that then later turned into a freelance business around 2018.
</p>
<p class="paragraph">
In 2024, furthering my expertise, I enrolled in the Case Western Reserve Full Stack Coding Bootcamp,
fostering a passion for creating and designing.
</p>
</section>
<!-- Projects Section -->
<section class="card">
<h2 id="projects">Projects</h2>
<div class="subcontainer">
<div class="front-image">
<h3>Whole Plant Website</h3>
<a href="https://wholeplantstore.com/">
<img src="./assets/images/Whole Plant Website Combo View.png" alt="Whole Plant Website Link">
</a>
</div>
<div class="images">
<h3>Allswell Agency Website</h3>
<a href="https://allswellagency.com/">
<img src="./assets/images/Allswell Primary Logo Bkg (300 x 150 px).png" alt="Allswell Agency Website Link">
</a>
</div>
<div class="images">
<h3>Andrew Hamerly Website</h3>
<a href="https://andrewhamerly.com/">
<img src="./assets/images/Ah-trans-bkg.png" alt="Andrew Hamerly Website Link">
</a>
</div>
<div class="images">
<h3>Ascension Website</h3>
<a href="https://ascensioncann.com/">
<img src="./assets/images/Ascension Website Combo View.png" alt="Ascension Website Link">
</a>
</div>
<div class="images">
<h3>Organic Plus Brands Website</h3>
<a href="https://organicplusbrands.com/">
<img src="./assets/images/Organic Plus Brands Website Combo View.png" alt="Organic Plus Brands Website Link">
</a>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="card">
<h2 id="contact">Contact</h2>
<button>
<a href="https://github.com/andrewhamerly">Visit My GitHub</a>
</button>
<button>
<a href="https://www.linkedin.com/in/andrewhamerly3/">Connect on LinkedIn</a>
</button>
<button>
<a href="mailto:[email protected]">Email Me</a>
</button>
<button>
<a href="https://andrewhamerly.com/?fluent-booking=calendar&host=ahamerly&event=15min">Schedule A Call</a>
</button>
</section>
</div>
</main>
<!-- Footer Area -->
<footer id="footer">
<p>Source code is licensed under the MIT license.</p>
<p>Contents of this site are Copyright © 2024 by Andrew Hamerly.</p>
<p>All Content Rights Reserved.</p>
</div>
</footer>
</body>
</html>