-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
222 lines (217 loc) · 11.3 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Oceanside Web Development</title>
<style>
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
</head>
<body>
<header id='header'>
<div onclick="menuToggle()" class="menu-toggler menu-drop">
<div class="bar half start"></div>
<div class="bar"></div>
<div class="bar half end"></div>
</div>
<nav class="top-nav menu-drop">
<ul class="nav-list">
<li>
<a onclick="menuToggle()" href="index.html" class="nav-link">Home</a>
</li>
<li>
<a onclick="menuToggle()" href="#about" class="nav-link">About</a>
</li>
<li>
<a onclick="menuToggle()" href="#portfolio" class="nav-link">Portfolio</a>
</li>
<!-- <li>
<a onclick="menuToggle()" href="#experience" class="nav-link">Experience</a>
</li> -->
<li>
<a onclick="menuToggle()" href="#contact" class="nav-link">Contact</a>
</li>
</ul>
</nav>
<div class="landing-text">
<h1>Oceanside</h1>
<h2>Full Stack Web Development</h2>
</div>
</header>
<section class="about" id="about">
<div class="container">
<div class="profile-img">
<img id='profile-img' src="images/profile2.jpg">
</div>
<div class="about-details">
<div class="about-heading">
<h1>About</h1>
<h6>Myself</h6>
</div>
<p class="intro">Greetings! I'm Luke, an accomplished Full-Stack Developer dedicated to delivering robust, high-performing solutions that drive business growth. I partner directly with leadership and cross-functional teams to deeply understand your goals, KPIs, and target users. I'm a flexible developer able to build sites and apps using React, Node, Express, MongoDB, WordPress, Shopify, and more; while leverage tools like Figma and Photoshop for prototyping and design. While I'm currently based out of Honolulu, I was born and raised on what was once Native Ohlone Land, and is now the East Bay of California. Outside of coding i enjoy sustainable farming, making music, Aloha 'Aina allyship and cooking delicious meals with local foods. I'd love to chat more about how we can work together to build, enhance, and optimize your online presence. Please reach out!</p>
<div style="margin: 10px 0">
<p class="intro">Read about my Rithm School expereince <a href="https://www.rithmschool.com/blog/student-interview-jennifer-luke" style="color: blue;">Here!</a></p>
</div>
<!-- <div style="margin: 10px 0">
<p class="intro">Visit my
<a href="https://mongoblog.netlify.app" class="cta" style="color: #d6a70e;">Mongo Blog</a>
for the latest and greatest :)
</p>
</div> -->
<div style="margin: 10px 0;text-align: center;">
<p class="intro">Find me on</p>
<a href="https://www.alignable.com/honolulu-hi/oceanside-web-design">
<img id="alignable" alt="Recommended by Locals On Alignable" title="Recommended by Locals On Alignable" src="https://www.alignable.com/assets/badge/alignable-r3.png" />
</a>
</span>
</div>
</div>
</div>
<div class="container">
<div id="resume" class="section-heading">
<a href="10_15.pdf">
<h6>Download Latest Resume</h6>
</a>
</div>
</div>
<div class="skills-desc">
<p>Currently learning Vite + Preact PWA w/ Service Workers <br> Here's a quick reference to frameworks and libraries I have experience with:</p>
<div id="about-skills">
<div>React w/ Hooks, Context API, Redux, React-Router</div>
<div>Node w/ Express, Nunjuks, JQuery, Axios</div>
<div>MongoDB, Mongoose, JWT, Bcrypt, Firebase</div>
<div>Wordpress w/ Elementor, Woocommerce, Yoast SEO</div>
<div>Shopify, Squarespace, Wix, Square Payments API</div>
<div>Prototyping w/ Figma, Photoshop, Mockplus, Balsamiq</div>
<div>Python 3 w/ SQL Alchemy, WT-Forms and Jinja</div>
<div>Ruby w/ Rails 5, React-Rails, HAML</div>
<div>PosgreSQL, AJAX, Google Maps API, MAMP</div>
<div>Testing w/ React-Testing-Library, Jest, Enzyme, Mocha & Chai</div>
<div>Atlassian, Quantum Metric, Usersnap, ServiceNow</div>
</div>
<div class="social-median">
<ul class="nav-list">
<li>
<a href="https://www.linkedin.com/in/luke-nemy/" class="icon-link">
<i class="fab fa-linkedin fa-5x"></i>
</a>
</li>
</ul>
</div>
</div>
</section>
<section class="portfolio" id="portfolio">
<div class="container">
<div class="section-heading">
<h1>Recent Work</h1>
</div>
<!-- <div class="portfolio-item">
<div class="portfolio-description has-margin-right" style="text-align: right">
<a href="https://mongoblog.netlify.app" class="cta">Visit Site</a>
<h6>MERN Stack Personal Micro-Blog</h6>
<h1>Mongo Blog</h1>
<p>Personal Blog for daily coding updates, trials and accomplishments</p>
</div>
<div class="portfolio-img">
<img src="images/mongo_blog.png" alt="Mongo Blog homepage with falling mangos background">
</div>
</div> -->
<div class="portfolio-item">
<div class="portfolio-img has-margin-right">
<img src="images/inayah_screen.png" alt="Homepage of Chrysalis Lab website">
</div>
<div class="portfolio-description">
<a href="https://chrysallislab.com/" class="cta">Visit Site</a>
<h6>Wordpress Site Built with Elementor Pro & Woocommerce</h6>
<h1>Chrysallis Lab</h1>
<p>Professional Resume Writing Services and Career Development Support.</p>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-description has-margin-right" style="text-align: right">
<a href="https://harmonicwellness.net" class="cta">Visit Site</a>
<h6>WordPress Web Development</h6>
<h1>Harmonic Wellness</h1>
<p>Business site for client with vibrational healing technology</p>
</div>
<div class="portfolio-img">
<img src="images/harmonicwellness_screen.png" alt="Homepage for Harmonic Wellness">
</div>
</div>
<!-- <div class="portfolio-item">
<div class="portfolio-img has-margin-right">
<img src="images/luxillumine_screen.png" alt="Lux Illumine Spiritual Counseling">
</div>
<div class="portfolio-description">
<a href="https://luxillumine.com" class="cta">Updates in Progress!</a>
<h6>Built with React and Bulma</h6>
<h1>Lux Illumine</h1>
<p>Personal site for Energy Work Practice</p>
</div>
</div> -->
<div id="github">
<a href="https://github.com/lukenems">
<img id="github-logo" src="./images/GitHub-Mark-64px.png" alt="Github link to projects">
</a>
</div>
</div>
</section>
<section class="testimony" id="testimony">
<div class="container">
<div class="section-heading">
<h1>Testimonials</h1>
</div>
<div class="testimony-item">
<div class="testimony-img has-margin-right">
<img src="images/Faye.jpeg" alt="Faye Hayes of Hayes & Co">
</div>
<div class="testimony-description">
<a href="https://fayemyrettehayes.com/" class="cta">Visit Site</a>
<h1>Faye Hayes of Hayes & Co</h1>
<p>"Luke helped me by being a valued contributor to multiple projects for my business, Hayes & Co. As a development agency, it’s so important to have reliable and responsive help and Luke was just that! He helped on a number of projects including: WordPress site development, custom software development (using Mongo, Express, React.js and Node.js) and some database management. I appreciated the can-do attitude and willingness to tackle difficult projects."</p>
</div>
</div>
<!-- <div class="testimony-item">
<div class="testimony-description has-margin-right" style="text-align: right">
<a href="https://harmonicwellness.net" class="cta">Visit Site</a>
<h6>WordPress Web Development</h6>
<h1>Harmonic Wellness</h1>
<p>Business site for client with vibrational healing technology</p>
</div>
<div class="testimony-img">
<img src="images/harmonicwellness_screen.png" alt="">
</div>
</div> -->
</section>
<section class="contact" id="contact">
<div class="container">
<div class="section-heading">
<h1>Let's talk</h1>
</div>
<form name="contact" method="POST" data-netlify="true">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="subject">Leave a message at the sound of the beep for your Free Consultation... 'BEEEEP'</label>
<textarea name="subject" id="subject" cols="10" rows="10"></textarea>
<input type="submit" value="Submit">
</form>
</div>
</section>
<footer class="copyright">
<a href="#header">
<div class="up" id="up">
<i class="fas fa-chevron-up scroll" href="#header"></i>
</div>
</a>
<p class="footer-name">Luke Nemy</p>
<p>© 2023</p>
</footer>
<script src="main.js"></script>
</body>
</html>