-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
248 lines (224 loc) · 12 KB
/
about.html
File metadata and controls
248 lines (224 loc) · 12 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
<!DOCTYPE HTML>
<html>
<head>
<title>Daniel Bellfield Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="author" content="Daniel Bellfield">
<meta name="description" content="Daniel Bellfield's portfolio, projects, and more">
<meta name="keywords" content="Daniel Bellfield, software developer, javascript, node.js, developer">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Back to Home </strong> - Daniel Bellfield | Web Developer </a>
<ul class="icons">
<li><a href="https://twitter.com/DanielBellfiel1" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/dnlbellfield" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/danielbellfield-dev/" class="icon brands fa-linkedin"></a></li>
<!-- <li><a href="https://hashnode.com/@DanielBellfield" class="icon fa-brands fa-memo"><span class="label">Hashnode</span></a></li> -->
<li><a href="mailto:dnlbellfield@gmail.com" class="icon solid fa-envelope" ></a></li>
<!-- <li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li> -->
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>About Me</h1>
<p>My Tech Journey</p>
</header>
<p>My interest in tech started with electric guitars. As a teen I disassembled and repainted my first electric guitar in order to understand the components and how they fit together. My interest in guitars and music led me to study audio engineering at California State University Dominguez Hills.
<br>
<br>
After graduating college I transitioned into sales at a large wine and spirit wholesaler. During the economic downturn of 2020 I started my self-taught developer journey.
Today I'm a Web Developer with experience building projects for clients with front-end and back-end technologies. I love being directly responsible for my code. I'm thrilled to be in tech because it allows me to bring my ideas to life.
<br>
<br>Let's build something awesome! </p>
<ul class="actions">
<li><a href="Daniel-Bellfield-Resume-2022.pdf" download="DanielBellfield-Resume" class="button primary icon solid fa-download">Resume</a></li>
</ul>
</div>
<span class="image object">
<img src="images/pic-1.png" alt="" />
</span>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>Services</h2>
</header>
<div class="features">
<article>
<span class="icon fa-gem"></span>
<div class="content">
<h3>Building Websites</h3>
<p>I create dynamic web & mobile apps using a combination of front-end technologies - HTML, CSS, & Javascript.</p>
</div>
</article>
<article>
<span class="icon solid fa-paper-plane"></span>
<div class="content">
<h3>HTML Email Development</h3>
<p>
I develop responsive emails for marketing campaigns with testing across multiple clients.
</div>
</article>
<article>
<span class="icon solid fa-rocket"></span>
<div class="content">
<h3>Full Stack Web Development</h3>
<p> I write clean, functional code on the front-end and back-end with custom UI/UX designs and builds. </p>
</div>
</article>
<!-- <article>
<span class="icon solid fa-signal"></span>
<div class="content">
<h3>Support</h3>
<p>Client-focused from start to finish. I provide support with scheduled progress updates for .
</article> -->
</div>
</section>
<!-- Section -->
<section id="here">
<header class="major">
<h2> Latest Projects</h2>
</header>
<div class="posts">
<!-- <article>
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
<h3>Interdum aenean</h3>
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</article> -->
<article>
<a href="https://fandango-promotional-email.netlify.app/" class="image"><img src="https://media2.giphy.com/media/UgCwNe7ZMbmaNQIggA/giphy.gif?cid=790b7611bce3b8446f828967b2c969bd132be3f3f362da5d&rid=giphy.gif&ct=g" alt="" /></a>
<h3>Fandango Promotional Email</h3>
<p>HTML Email</p>
<ul class="actions">
<li><a href="https://fandango-promotional-email.netlify.app/" class="button">View</a></li>
</ul>
</article>
<article>
<a href="https://lionsgatelandscapers.com/" class="image"><img src="https://media0.giphy.com/media/bxFPb7tjNF98KFHoPt/giphy.gif?cid=790b76115f3b9ecffd4427ca849a564f66c9e918243e3208&rid=giphy.gif&ct=g" alt="" /></a>
<h3>Lions Gate Landscapers</h3>
<p>LionsGateLandscapers.com Website</p>
<ul class="actions">
<li><a href="https://lionsgatelandscapers.com/" class="button">Visit</a></li>
</ul>
</article>
<article>
<a href="https://faq-festival.netlify.app/" class="image"><img src="https://media3.giphy.com/media/iAZVAHoJPxBMFVqAlQ/giphy.gif?cid=790b761143125c01842de21ff92bda794a385814d3efaecd&rid=giphy.gif&ct=g" alt="" /></a>
<h3>Faq page</h3>
<p>Faq page for a music festival</p>
<ul class="actions">
<li><a href="https://faq-festival.netlify.app/" class="button">Visit</a></li>
</ul>
</article>
<article>
<a href="https://peachy-promotional-email.netlify.app/" class="image"><img src="https://media1.giphy.com/media/BaDUEpUF5uDc10PnZj/giphy.gif?cid=790b7611435f9be63e91e330a412998240dd3c7a5ebc89e9&rid=giphy.gif&ct=g" /></a>
<h3>Peachy Promotional Email </h3>
<p>A responsive HTML Email</p>
<ul class="actions">
<li><a href="https://peachy-promotional-email.netlify.app/" class="button">View</a></li>
<li><a href="https://github.com/dnlbellfield/html-email-peachy" class="button">GitHub</a></li>
</ul>
</article>
<article>
<a href="https://kayak-promotional-email.netlify.app/" class="image"><img src="https://media0.giphy.com/media/v1z7Q6pL9ILrUC05jk/giphy.gif?cid=790b7611e7572bf8f206a3babd4ac19794d46544f5747188&rid=giphy.gif&ct=g" /></a>
<h3>Kayak Promotional Email </h3>
<p>A responsive HTML Email</p>
<ul class="actions">
<li><a href="https://kayak-promotional-email.netlify.app/" class="button">View</a></li>
<li><a href="https://github.com/dnlbellfield/html-email-kayak" class="button">GitHub</a></li>
</ul>
</article>
<article>
<a href="https://nasa-apod-feed.netlify.app/" class="image"><img src="https://media0.giphy.com/media/qNol5Fto5GOd63KhmL/giphy.gif?cid=790b7611939eb88da121abe1b0d0f458eca0478e82363645&rid=giphy.gif&ct=g" alt="" /></a>
<h3>NASA API: Astronomy Picture of the Day</h3>
<p>Search by date
to get NASA's picture of the day</p>
<ul class="actions">
<li><a href="https://nasa-apod-feed.netlify.app/" class="button">Visit</a></li>
</ul>
</article>
<article>
<a href="https://joecastro.netlify.app/" class="image"><img src="https://media1.giphy.com/media/Nvnno0HTebTlmpJpEM/giphy.gif?cid=790b7611a4f0d92facd704486062d9a6dc978361dd4a47ef&rid=giphy.gif&ct=g" alt="" /></a>
<h3>Joe Castro - Content Creator </h3>
<p>Joe Castro | Podcast Host | YouTube Content Creator</p>
<ul class="actions">
<li><a href="https://joecastro.netlify.app/" class="button">Visit</a></li>
</ul>
</article>
<article>
<a href="https://phillymike.netlify.app/" class="image"><img src="https://media0.giphy.com/media/RVgy7DED4thlJ3cyW0/giphy.gif?cid=790b76116b3f6b97adf7dd7a0073a1b0ee20866719a82476&rid=giphy.gif&ct=g" alt="" /></a>
<h3>Philly Mike - The Philly Talk Podcast</h3>
<p>Everything Philadelphia Eagles and 76ers.</p>
<ul class="actions">
<li><a href="https://phillymike.netlify.app/" class="button">Visit</a></li>
</ul>
</article>
<!-- <article>
<a href="https://nyt-reviews.netlify.app/" class="image"><img src="https://media0.giphy.com/media/td474phnn6MOzi1w41/giphy.gif?cid=790b7611913b38156ea4133673467288434d9dd86916a926&rid=giphy.gif&ct=g" alt="" /></a>
<h3>New York Times Movie Reviews API</h3>
<p>View recent New York Times movie reviews </p>
<ul class="actions">
<li><a href="https://nyt-reviews.netlify.app/" class="button">Visit</a></li>
</ul>
</article> -->
<!-- <article>
<a href="https://90daypicker.netlify.app/" class="image"><img src="https://media3.giphy.com/media/4Mp65Lpu90sfr3LmgR/giphy.gif?cid=790b7611d16293d062ff5d2b267b784babad83df9e1c34e9&rid=giphy.gif&ct=g" alt="" /></a>
<h3>90 Day Fiance Couple Picker</h3>
<p>Pick A 90 Day Couple - Tech used: HTML, CSS, JavaScript</p>
<ul class="actions">
<li><a href="https://90daypicker.netlify.app/" target="_blank" class="button">Visit</a></li>
</ul>
</article> -->
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<!-- Menu -->
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<p>Reach out and let's start a conversation!</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="mailto:dnlbellfield@gmail.com">Dnlbellfield@gmail.com</a></li>
<li class="icon solid brands fa-twitter"><a href="https://twitter.com/DanielBellfiel1" >Twitter</span></a></li>
<li class="icon icon brands fa-github"><a href="https://github.com/dnlbellfield" ><span class="label">Github</span></a></li>
<li class="icon icon brands fa-linkedin"><a href="https://www.linkedin.com/in/danielbellfield-dev/" ><span class="label">Linkedin</span></a></li>
</ul>
</section>
<!-- Section -->
<!-- Section -->
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Daniel Bellfield 2022</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>