-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
376 lines (341 loc) · 19.6 KB
/
index.html
File metadata and controls
376 lines (341 loc) · 19.6 KB
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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Website Using HTML/CSS & JS</title>
<link rel="stylesheet" href="boxicons-2.1.2/css/boxicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="style.css">
</head>
<body id="home">
<div class="scroll-up-btn">
<i class="bx bx-up-arrow-alt bx-sm"></i>
</div>
<div class="showcase">
<nav class="navbar">
<!-- My name logo linked with boxicon icons -->
<h1 class="logo"><span></i></span><i class="bx bx-happy-beaming bx-md bx-tada"></i>Nan</span><i class="iconify" data-icon="teenyicons:c-sharp-solid"></i>yLee</h1>
<ul class="nav-menu">
<li class="list"><a href="#home">Home</a></li>
<li class="list"><a href="#about">About</a></li>
<li class="list"><a href="#services">Services</a></li>
<li class="list"><a href="#skills">Skills</a></li>
<li class="list"><a href="#projects">Projects</a></li>
<li class="list"><a href="#contact">Contact</a></li>
<li><a><span class="text-secondary"><i class="bx bxs-phone bx-xs"></i></span>1-646-761-2366</a></li>
</ul>
<div class="hamburger">
<i class="bx bx-menu bx-md"></i>
</div>
</nav>
<div class="showcase-content">
<div class="showcase-text">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Nancy Lee</div>
<div class="text-3">And I'm a <span class="typing-1"></span></div>
<a href="#about" class="btn-md"></i>Let's Go!<i class="bx bx-down-arrow-circle bx-fade-down"></i></a>
</div>
<div class="showcase-img"> <img src="/images/headshot-color.jpg" alt="headshot"></div>
</div>
</div>
<!-- About Section Styling -->
<section id="about" class="about">
<h1>ABOUT ME</h1>
<div class="container">
<h5 class="title text-center m-heading text-secondary">ABOUT ME</h5>
<div class="about-content">
<div class="column left">
<img src="/images/headshot-color.jpg" alt="headshot">
</div>
<div class="column right">
<div class="text">I'm Nancy and I'm a <span class="typing-2"></span></div>
<p>In May 2022, I quit what I thought was my dream job.</p>
<p>Why?</p>
<p>During my last ten years working in the finance industry, I realized that much of my work involved
the use of coding technology for us to be efficient, faster, and better at what we do.</p>
<p>I've spent countless work hours working with Software Developing <b>think tanks</b> to implement ways to solve challenges we come across in order to benefit our day to day lives and
help solve real-life situations.</p>
<p> It became clear that I could be more valuable by doing what I love and to allow myself
to unleash my potential by being immersed in the field of Software Engineering. Please allow me to show my value to you! </p>
<table class="table">
<tr>
<td>Location:</td>
<td>Greater Orlando Area, Florida</td>
</tr>
<tr>
<td>Email:</td>
<td>nancylee7@gmail.com</td>
</tr>
<tr>
<td>Languages:</td>
<td>English (fluent), Korean (intermediary)</td>
</tr>
</table>
<a href="Nancy Lee - Resume.pdf" target="_blank" class="btn-md">Download Resume</a>
</div>
</div>
</div>
</section>
<!-- ===================Services Section Styling ========================-->
<section class="services" id="services">
<h1>SERVICES</h1>
<div class="container">
<h5 class="title text-center m-heading text-secondary">SERVICES</h5>
<div class="service-content">
<div class="main">
<div class="service">
<div class="service-logo">
<i class="bx bx-code bx-lg"></i>
</div>
<h4>Coding</h4>
<p>Creativity and problem solving go hand in hand! I have excellent communication and time management skills.
I am very curious about technology and self-motivated to level up my coding abilities.</p>
</div>
<div class="shadowone"></div>
<div class="shadowtwo"></div>
</div>
<div class="main">
<div class="service">
<div class="service-logo">
<i class="bx bx-bug-alt bx-lg"></i>
</div>
<h4>Debugging</h4>
<p>I have always loved identifying problems and correcting them! I value sharing knowledge, personal growth, positive feedback, and continuously improving engineering and team practices.
</p>
</div>
<div class="shadowone"></div>
<div class="shadowtwo"></div>
</div>
<div class="main">
<div class="service">
<div class="service-logo">
<i class="bx bxl-html5 bx-lg"></i>
</div>
<h4>Web Design</h4>
<p>With a keen eye for detail and the latest trends, I am able to build a web page with great design. I empathize with creators, the challenges of the creative process, and enjoy bringing projects to life!</p>
</div>
<div class="shadowone"></div>
<div class="shadowtwo"></div>
</div>
</div>
</div>
</section>
<!-- Skills Section Styling -->
<section id="skills" class="skills">
<h1>MY SKILLS</h1>
<div class="container">
<h5 class="title text-center m-heading text-secondary">MY SKILLS</h5>
<div class="skill-content">
<div class="column left">
<div class="text">
Skills & Experiences
</div>
<p>I am a Full-Stack Software Engineer with experience in QA testing and knowledge of software development and design. 13+ years of corporate work experience makes me a top-notch client-facing skills and a super-communicator.</p>
<p>As a dedicated problem solver, I display knowledge in C#, JavaScript, HTML, CSS, and supporting frameworks that solve real-world problems through code.
I have experience in improving and updating software performance, as well as developing new software functionalities.</p>
<p>Consistently recognized as a hands-on and competent leader, skilled at coordinating cross-functional teams in a fast-paced, deadline-driven environment to steer timely project completion within budgetary constraints.</p>
<p>Originally from NYC with a BBA Degree in Real Estate Finance & Investments & Business Law from City University of New York-Baruch
College - Zicklin School of Business. I enjoy having fun and being positive!</p>
<a href="#projects" class="btn-md">Let's Keep Going!<i class="bx bx-down-arrow-circle bx-fade-down"></i></a>
</div>
<div class="column right">
<div class="text">
Languages
</div>
<div class="bars">
<div class="info">
<span>C#</span>
<span></span>
</div>
<div class="line ps"></div>
</div>
<div class="bars">
<div class="info">
<span>JAVA SCRIPT</span>
<span></span>
</div>
<div class="line mg"></div>
</div>
<div class="bars">
<div class="info">
<span>SQL</span>
<span></span>
</div>
<div class="line axd"></div>
</div>
<div class="bars">
<div class="info">
<span>HTML</span>
<span></span>
</div>
<div class="line uxd"></div>
</div>
<div class="bars">
<div class="info">
<span>CSS</span>
<span></span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>ASP.NET</span>
<span></span>
</div>
<div class="line dm"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Projects section -->
<section class="projects" id="projects">
<h1>MY PROJECTS</h1>
<div class="container">
<h5 class="title text-center m-heading text-secondary">MY PROJECTS</h5>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="/images/LoveLeeLux.png" alt="LoveLeeLux Website snippet.png">
<a href="https://github.com/nancylee1/FinalProject.ASP.NET.CoreMVC-LoveLeeLuxWebStore"target="_blank" style="color: yellow;">Check it Out!</a>
<div class="text"><a href="https://github.com/nancylee1/FinalProject.ASP.NET.CoreMVC-LoveLeeLuxWebStore"target="_blank" style="color: lightgray;" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lightgray'">LoveLeeLux Fashion Website</a></div>
<p>My Final Project - LoveLeeLux Fashion Store using .NET Core's Razor Syntax using C#,JavaScript, HTML, CSS, to view, create, update, and delete products linked to MySQL database.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="/images/voice recognition.jpg" alt="Voice Recognition System photo">
<a href="https://www.github.com/nancylee1/Voice_Speech-RecognitionSystemCSharp"target="_blank" style="color: yellow;">Check it Out!</a>
<div class="text"><a href="https://www.github.com/nancylee1/Voice_Speech-RecognitionSystemCSharp"target="_blank" style="color: lightgray;" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lightgray'">Voice Recognition System C#</a></div>
<p>C# Voice/speaker recognition tool using WinFormApp .Net Framework with the ability to receive and interpret dictation and carry out a few spoken commands.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="/images/taco.jpg" alt="tacos on plate.jpg">
<a href="https://github.com/nancylee1/TacoParser" target="_blank" style="color: yellow;">Check it Out!</a>
<div class="text"><a href="https://github.com/nancylee1/TacoParser" target="_blank" style="color: lightgray;" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lightgray'">Taco Bell Location Parser</a></div>
<p>A console application to locate Taco Bell Store locations in AL - geolocation, CSV parsing, and logging.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="/images/weatherapp.jpg" alt="weather app.jpg">
<a href="https://github.com/nancylee1/OpenWeatherMap-API" target="_blank" style="color: yellow;">Check it Out!</a>
<div class="text"><a href="https://github.com/nancylee1/OpenWeatherMap-API" target="_blank" style="color: lightgray;" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lightgray'">Open Weather Map - API & JSon</a></div>
<p>I created a Microsoft .Net 6.0 console application that calls the OpenWeatherMap API to check the current weather forecast by entering any zipcode!</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="/images/mysql.jpg" alt="MySQL database icon.jpg">
<a href="https://github.com/nancylee1/BestBuyBestPractices-ORM_DAPPER" target="_blank" style="color: yellow;">Check it Out!</a>
<div class="text"><a href="https://github.com/nancylee1/BestBuyBestPractices-ORM_DAPPER" target="_blank" style="color: lightgray;" onMouseOver="this.style.color='black'" onMouseOut="this.style.color='lightgray'">MySQL Best Buy Database - ORM & DAPPER</a></div>
<p>Dapper is a .NET compatible, NuGet library ORM that you can add to your project that will extend your IDbConnection interface. The Dapper Execute is designed for any database writes, like INSERT, UPDATE, and DELETE.</p>
</div>
</div>
<!-- <div class="card">
<div class="box">
<img src="/images/photo6.jpg" alt="">
<div class="text">Surname name</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div> -->
<!-- <div class="card">
<div class="box">
<img src="/images/photo7.jpg" alt="">
<div class="text">Surname name</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
<div class="card">
<div class="box">
<img src="/images/photo8.jpg" alt="">
<div class="text">Surname name</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div> -->
</div>
</div>
</div>
</section>
<!-- Contact Me Section -->
<section class="contact" id="contact">
<h1>CONTACT ME</h1>
<div class="container">
<h5 class="title text-center m-heading text-secondary">CONTACT ME</h5>
<div class="contact-content">
<div class="column left">
<h2>Just Say Hello</h2>
<form id="contactForm" action="https://formsubmit.co/082b368db35691636baef9d1c1d39298" method="POST">
<div class="form-group">
<input type="text" name="name" id="name" placeholder="Your Name">
</div>
<div class="form-group">
<input type="email" name="email" id="email" placeholder="Your Email">
</div>
<div class="form-group">
<input type="text" name="subject" id="subject" placeholder="Your Subject">
</div>
<div class="form-group">
<textarea name="message" id="message" placeholder="Your Message"></textarea>
</div>
<button type="submit" class="btn-md">Send Message</button>
</form>
</div>
<div class="column right">
<h2>Contact Info</h2>
<p class="lead">I'd love to connect to feel free to reach out! To see how I'm progressing with my Software Engineering
endeavors, please visit my GitHub or LinkedIn accounts.</p>
<div class="items">
<div class="item">
<a href="mailto:nancylee7@gmail.com"></a><i class="bx bxs-envelope bx-xs"></i>
<div class="text">
<h3>Email</h3>
<p><span>nancylee7@gmail.com </span></p>
</div>
</div>
<div class="item">
<i class="bx bxs-phone bx-xs"></i>
<div class="text">
<h3>Phone</h3>
<p><span>1+ 646-761-2366</span></p>
</div>
</div>
<div class="item">
<i class="bx bxs-map bx-xs"></i>
<div class="text">
<h3>Address</h3>
<p><span>Greater Orlando Area, FL</span></p>
<p><span>New York, NY</span></p>
</div>
</div>
</div>
<div>
<p>Visit my social profiles, let's get connected!</p>
<ul class="links">
<li><a href="https://www.linkedin.com/in/nancylee7/" target="_blank"><i class="bx bxl-linkedin-square bx-md bx-burst"></i></a></li>
<li><a href="https://github.com/nancylee1" target="_blank"><i class="bx bxl-github bx-md bx-burst"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<p>© 2022. Designed by NancyLee. You are enough! <i class='bx bxs-like bx-tada'></i><span i class="bx bx-happy-beaming bx-sm"></p>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="app.js"></script>
<script src="https://code.iconify.design/2/2.1.0/iconify.min.js"></script>
<script type="module" src="https://unpkg.com/boxicons@2.1.2/dist/boxicons/boxicons.esm.js"></script>
<script nomodule src="https://unpkg.com/boxicons@2.1.2/dist/boxicons.js"></script>
</body>
</html>