-
Notifications
You must be signed in to change notification settings - Fork 0
/
page-home.php
272 lines (224 loc) · 13 KB
/
page-home.php
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
<?php
/*
Template Name: Home Page
*/
get_header(); ?>
<!-- HERO
================================================== -->
<a name="top"></a>
<section id="hero" data-type="background" data-speed="5">
<article>
<div class="container clearfix">
<div class="row">
<div class="col-sm-5">
<img src="/wp-content/themes/underscoresTheme/assets/img/lizVerde.jpg" alt="Liz Verde, Junior Web Developer" class="logo">
</div><!-- col -->
<div class="col-sm-7 hero-text">
<h1>//Junior Web Developer</h1>
<p class="lead">This year, I made the decision to learn to code – I left my Art and Design studio behind and took on a 3-month, intensive, Bootcamp course; <a class="text-links" href="https://developme.training/fellowship/">The Coding Fellowship at DevelopMe_ in Bristol.</a></p>
<p>I made this website from scratch using Bootstrap for efficiency, then converted it to a Wordpress template using <a class="text-links" href="http://underscores.me/">Underscores</a> theme. This helped me feel even more confident with Wordpress development, bringing together HTML, CSS, PHP, JS and JQuery.</p>
<p><a href="#about" class="btn btn-lg btn-danger" role="button">//Find out more »</a></p>
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
</article>
</section>
<a name="projects"></a>
<!-- PROJECTS
================================================== -->
<section id="projects">
<div class="container">
<h2>//My Project Highlights</h2>
<p class="lead">Here are some of the projects I worked on whilst studying at <a href="https://developme.training/" target="_blank">DevelopMe_</a>.</p>
<div class="row">
<div class="col-sm-4">
<div class="container1">
<a href="https://github.com/lizagne/film-guide-app" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/film-react-native-app.jpg" alt="React Native App" class="image">
<div class="overlay">
<div class="img-text">View code and demo gif on GitHub</div>
</div>
</a>
</div>
<h3>//React Native<br /><small>Christmas Films & BBC news</small></h3>
<p>Skills: Expo Client, Xcode Simulator, React Native elements, external APIs, linking internally and externally, stylesheets, Redux.</p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/film-guide-app" target="_blank"> Christmas Film Finder App on GitHub</a></p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/react-native-news-app" target="_blank"> BBC News App on GitHub</a></p>
</div><!-- col -->
<div class="col-sm-4">
<div class="container1">
<a href="https://build-mprelhbife.now.sh/" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/ftbll-tm-rndmsr.png" alt="React and Redux project" class="image">
<div class="overlay">
<div class="img-text">View project online</div>
</div>
</a>
</div>
<h3>//React & Redux <small>Ftbll Tm Rndmsr</small></h3>
<p>Skills: JS, React and Redux, lodash, refactoring, HTML, SASS, gulp, CSS animations, form validation.</p>
<p><i class="fa fa-external-link" aria-hidden="true"></i><a href="https://build-mprelhbife.now.sh/" target="_blank">Ftbll Tm Rndmzr online</a></p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/football-team-picker-project" target="_blank">View on Github</a></p>
</div><!-- col -->
<div class="col-sm-4">
<div class="container1">
<a href="#" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/jsa-wip.jpg" alt="JSA Wordpress Project" class="image">
<div class="overlay">
<div class="img-text">View JSA (WIP) online</div>
</div>
</a>
</div>
<h3>//Wordpress<small> JSA & Coole Surgery</small></h3>
<p>JSA skills: Client interaction, Photoshop, Wireframing, PHP, FTP, Filezilla, MasonryJS, HTML, SASS, gulp, JQUERY, JS, responsive design.</p>
<p>Coole skills: Client management, security and SEO management, Wordpress training, CPanel, PHPMyAdmin.</p>
<p><i class="fa fa-external-link" aria-hidden="true"></i><a href="#" target="_blank">JSA (WIP) online</a></p>
<p><i class="fa fa-external-link" aria-hidden="true"></i><a href="http://coolesurgery.ie/" target="_blank">Coole Surgery online</a></p>
</div><!-- col -->
</div>
<div class="row">
<div class="col-sm-4">
<div class="container1">
<a href="https://github.com/lizagne/react-redux-cryptotracker" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/crypto-currency.png" alt="Cryptocurrency Tracker App" class="image">
<div class="overlay">
<div class="img-text">View code and demo gif on GitHub</div>
</div>
</a>
</div>
<h3>//React Native<br /><small>Cryptocurrency Tracker App</small></h3>
<p>Skills: External API's, Redux and React, React Native Stylesheets, Expo Client, JS logic.</p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/react-redux-cryptotracker" target="_blank"> Cryptocurrency Tracker App on GitHub</a></p>
</div><!-- col -->
<div class="col-sm-4">
<div class="container1">
<a href="https://github.com/lizagne/video-player" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/yourTube.png" alt="YourTube App" class="image">
<div class="overlay">
<div class="img-text">View code and demo gif on GitHub</div>
</div>
</a>
</div>
<h3>//React<small> YourTube</small><br />
and Redux<small> Reduxtagram</small></h3>
<p>React Skills: External API's, React, Lodash (debounce), Bootstrap.</p>
<p>Redux Skills: JSON files, Routes.</p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/video-player" target="_blank">YourTube on GitHub</a>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/reduxtagram" target="_blank">Reduxtagram on GitHub</a>
</div><!-- col -->
<div class="col-sm-4">
<div class="container1">
<a href="https://build-yfgwqquydy.now.sh/" target="_blank">
<img src="/wp-content/themes/underscoresTheme/assets/img/rsvp-app.png" alt="RSVP App" class="image">
<div class="overlay">
<div class="img-text">View project online</div>
</div>
</a>
</div>
<h3>//React & Redux <small>RSVP App</small></h3>
<p>Skills practiced: PropTypes</p>
<p><i class="fa fa-external-link" aria-hidden="true"></i><a href="https://build-yfgwqquydy.now.sh/" target="_blank">RSVP online</a></p>
<p><i class="fa fa-github" aria-hidden="true"></i><a href="https://github.com/lizagne/RSVP-app" target="_blank">RSVP on GitHub</a></p>
</div><!-- col -->
</div><!-- row -->
</div><!-- container -->
</section><!-- project-features -->
<!-- SKILLS
================================================== -->
<a name="skills"></a>
<section id="skills">
<div class="container">
<div class="section-header">
<h2>//Skills, Programs & Courses</h2>
</div><!-- section-header -->
<div class="row">
<div class="col-sm-4">
<!-- <i class="fa fa-html5" ></i> -->
<h3>//Intermediate</h3>
<p>HTML 5 // CSS // SASS // Bootstrap</p>
<p>Wordpress // Drupal</p>
<p>Git // Github // Command Line // Node // Yarn/NPM </p>
<p>Balsamiq // Sublime Text // Postman // MailChimp // Filezilla </p>
<p>Photoshop // Illustrator // InDesign</p>
</div><!-- end col -->
<div class="col-sm-4">
<!-- <i class="fa fa-css3" aria-hidden="true"></i> -->
<h3>//Learning</h3>
<p>JavaScript // JQuery // JSX </p>
<p>React // React Native // Redux</p>
<p>PHP // MySQL // Laravel</p>
<p>Google, React and Redux Dev Tools</p>
</div><!-- end col -->
<div class="col-sm-4">
<!-- <i class="fa fa-css3" aria-hidden="true"></i> -->
<h3>//Courses</h3>
<p>As well as the Bootcamp course, I further my learning online and by going to <a href="https://www.meetup.com/" target="_blank">'Meet Up' groups in tech </a>regularly.</p>
<p> I have a subscription with Treehouse, have bought a few courses on Udemy, try to improve my score on Codewars and have completed lots of tutorials on Codecademy, Free Code Camp, Codeschool and YouTube.</p>
</div><!-- end col -->
</div><!-- row -->
</div><!-- container -->
</section><!-- course-features -->
<!-- CODEPEN
================================================== -->
<a name="codepen"></a>
<section id="codepen">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 codepen-text">
<a href="https://codepen.io/lizagne" target="_blank">
<h2>//View my pens on Codepen</h2>
<p>In November, I participated in Codevember; a challenge for developers making a creative digital sketch each day during the month of November. Inspired by Inktober, which I'd participated in the previous 2 years, as an Artist. I decided to take on this challenge on Codepen. It was a great opportunity to learn new things like CSS Animations and HTML canvas, as well as practice my JavaScript skills. I kept it going until my brain was fried by React and Redux!</p></a>
<p><a href="https://codepen.io/lizagne" class="badge social codepen" target="_blank"><i class="fa fa-codepen"></i></a></p>
</div><!-- end col -->
</div><!-- row -->
</div><!-- container -->
</section><!-- codepen -->
<a name="about"></a>
<!-- ABOUT SECTION
================================================== -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-6 col-lg-7">
<div class="row">
<div class="col-lg-8">
<h2>//About</h2>
<p class="lead">Liz Verde<small> Junior Web Developer</small></p>
</div><!-- end col -->
<div class="col-lg-4">
<a href="https://github.com/lizagne" class="badge social github" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://codepen.io/lizagne" class="badge social codepen" target="_blank"><i class="fa fa-codepen"></i></a>
<a href="https://instagram.com/ziz_draws_too" class="badge social instagram" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://twitter.com/ziz_draws_too" class="badge social twitter" target="_blank"><i class="fa fa-twitter"></i></a>
</div><!-- end col -->
</div><!-- row -->
<p class="lead">I am passionate about learning new technologies that further my understanding of all things web.<p>
<p>My background is in Graphic Design and Art, and having worked alongside Developers, I had felt for a while that coding was something I wanted to learn. Then this year I worked at Dyson helping to put together their new website. I met developers who had been through Bootcamps and I started to research; my role at Dyson was limited and I could see that the developers there were having all the fun. </p>
<p>Since starting my journey with DevelopMe_, I've become addicted to improving my skills. It's been a huge challenge but I know it's for me as I've spent virtually every day practicing and learning new technologies. I particularly enjoy creating apps in React and React Native, even though Redux is such a challenge, I'm determined to perfect it. I also love developing with Wordpress and Drupal, as it brings together a lot of my knowledge and makes me feel like a real developer.</p>
<hr>
</div><!-- end col -->
</div><!-- row -->
</div><!-- container -->
</section><!-- instructor -->
<!-- CONTACT SECTION
================================================== -->
<a name="contact"></a>
<section id="contact" data-type="background" data-speed="4">
<div class="container">
<div class="row" id="primary">
<div id="content" class="col-sm-12">
<section class="main-content">
<h2>//Contact</h2>
<p class="lead">07813 791 655 • <span><a href="mailto:[email protected]" class="text-links">[email protected]</a></span></p>
<div class="col-lg-12">
<a href="https://github.com/lizagne" class="badge social github" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://codepen.io/lizagne" class="badge social codepen" target="_blank"><i class="fa fa-codepen"></i></a>
<a href="https://instagram.com/ziz_draws_too" class="badge social instagram" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://twitter.com/ziz_draws_too" class="badge social twitter" target="_blank"><i class="fa fa-twitter"></i></a>
</div><!-- end col -->
</section>
</div><!-- content -->
</div><!-- primary -->
</div><!-- container -->
</section><!-- contact -->
<?php
get_footer(); ?>