-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
234 lines (231 loc) · 13.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
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resume</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Concert+One&display=swap" rel="stylesheet">
<!-- Bootstrap CSS from a CDN. -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Own stylesheet -->
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://kit.fontawesome.com/1c96433981.js" crossorigin="anonymous"></script>
</head>
<body>
<main class="content-wrapper">
<header class="title-container">
<div class="resume-title">
<h1 class="line-1">I'm Anais.</h1>
<h1 class="line-2">I'm a web developer.</h1>
<p class="location">based in Edinburgh</p>
<div class="social-links">
<a class="fa-icon" href="mailto:[email protected]"><i class="fas fa-paper-plane"></i></a>
<a class="fa-icon" href="https://www.linkedin.com/in/anaistrope/"><i class="fab fa-linkedin"></i></a>
<a class="fa-icon" href="https://github.com/AnaisLT"><i class="fab fa-github"></i></a>
<!-- <a class="fa-icon" href="#"><i class="fa fa-facebook-f"></i></a> -->
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="card">
<div class="card-block">
<h2>About me</h2>
<div class="row">
<div class="col-sm-4 about-me">
<div class="image-container">
<img src="./headshot.jpg" alt="my headshot" class="img-responsive">
</div>
</div>
<div class="col-sm-8 about-me">
<p>
My enthusiasm for coding stems from that it bridges creativity and problem-solving. I'm a web developer with both front- and back-end skills, driven to help others bring their stories to life and build their business' online presence.
I have commercial experience debugging, maintaining and building from the ground up responsive, user-friendly and SEO compliant websites in collaboration with other developers, designers and marketers.
I'm now looking for a challenging position where I would work on a team that follows best practices like Test Driven Development and pair programming to help me learn and grow as a developer.
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h2>Recent Projects / Learning endeavours</h2>
<div class="projects">
<h3 class="title"><a href="https://chatty-monkey.netlify.app/">Chatty-Monkey</a></h3>
<small class="date">May 2020</small>
<p>
A real-time chat application that allows users from the same chat room to communicate with each other instantly.
I built this project to practise working with web sockets using React, Node.js and Socket.io.
</p>
<div class="projects">
<h3 class="title"><a href="https://urban-rewilding.netlify.app/">Urban Rewilding</a></h3>
<small class="date"> April 2020 - Present (in the making)</small>
<p>
A blog website in the making, built with Gatsby. Gatsby is based on React and uses GraphQL to manage data. I deployed this site using Netlify. I chose Gatsby because it has become very popular due to its speed and search engine optimization.
I was also keen on improving my backend development skills.
</p>
<div class="projects">
<h3 class="title"><a href="https://clubcultured.com/">Club Cultured</a></h3>
<small class="date"> Built at Make</small>
<p>
An e-commerce WordPress website for a start-up business that promotes healthy, vegan food.
</p>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h2>Relevant Work experience</h2>
<div class="work-experience">
<h3 class="title">Front-End Web Developer -
<a href="https://makeagency.co.uk/">Make Agency</a>
</h3>
<small class="date">Sep.2019-Present</small>
<p>
At Make, I test, debug, maintain and develop websites utilising WordPress, PHP and CSS/Sass and Bootstrap. I have gained experience working with payment gateway integration with plugins, such as Stripe, and an understanding of marketing platforms and softwares such as Mailchimp and Salesforce.
I have worked on small-scale projects and bigger brands' websites (e.g., Myo Band). I enjoy the variety of tasks given to me and working closely with designers to fulfill our clients' needs.
</p>
</div>
<div class="work-experience">
<h3 class="title">Bootcamp Teaching Assistant -
<a href="https://www.kodiri.com/">Kodiri</a>
</h3>
<small class="date">Aug.2019-Sep.2019</small>
<p>
As a teaching assistant, I led some of the morning stand-ups using the Agile methodology to monitor students' progress and keep them motivated. I improved my understanding of coding principles by helping them with their personal and/or team projects.
I also enhanced my communication skills by presenting and leading a few workshops. An example can be seen here: <a href="https://www.youtube.com/watch?v=1QDBX0vnjlA&t=165s">https://www.youtube.com/watch?v=1QDBX0vnjlA&t=165s</a>. I voluntarily assisted at some of the Meet Ups held in partnership with various organisations, such as HireFirst.
</p>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h2>Skills</h2>
<div class="row">
<div class="col-md-4">
<div class="skill-type">
<h3>Technology</h3>
<div class="tech-icons">
<i class="fab fa-html5"></i>
<i class="fab fa-css3-alt"></i>
<i class="fab fa-sass"></i>
<i class="fab fa-js"></i>
<i class="fab fa-react"></i>
<i class="fab fa-wordpress"></i>
<i class="fab fa-php"></i>
<i class="fab fa-node"></i>
<i class="fab fa-npm"></i>
<i class="fab fa-github"></i>
</div>
</div>
</div>
<div class="col-md-4">
<div class="skill-type">
<h3>Other</h3>
<ul>
<li>Agile methodology</li>
<li>DRY & maintainable code</li>
<li>Familiarity with Adobe XD</li>
<li>Familiarity with marketing platforms & softwares such as Mailchimp and Salesforce</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="skill-type">
<h3>Languages</h3>
<ul>
<li>English: native-like fluency in both written and spoken English</li>
<li>French: native, although more comfortable in English these days, especially in a professional environment</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h2>Education</h2>
<div class="row">
<div class="col-md-4">
<div class="education">
<small class="date">Jun.2019-Jul.2019</small>
<h3 class="title">Full Stack Developer Bootcamp</h3>
<p><em>Kodiri, London</em></p>
<p>I enjoyed the project-based approach of the training, which enabled me to develop my programming skills through building full-stack applications from day one. During the bootcamp, I worked with JavaScript (ES 6+), React, Node.js, HTML5, CSS, Git and Heroku.</p>
</div>
</div>
<div class="col-md-4">
<div class="education">
<small class="date">Sep.2012-Aug.2013</small>
<h3 class="title">MSc in Developmental Linguistics</h3>
<p><em>The University of Edinburgh, Edinburgh</em></p>
<p>Alongside completing my degree and thesis, I worked part-time as a research assistant at
the Edinburgh Laboratory for Language Development.
</p>
</div>
</div>
<div class="col-md-4">
<div class="education">
<small class="date">Sep.2009-Jun.2012</small>
<h3 class="title">BA in English Literature and Language</h3>
<p><em>The University of Edinburgh, Edinburgh</em></p>
<p><em>Sorbonne-Nouvelle University, Paris</em></p>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-block">
<h2>Interests and achievements</h2>
<div class="row">
<div class="col-12">
<ul>
<li><em>Wudang Chinese Martial Arts:</em><br>
I completed a three-year teacher training programme at the Soen Ren School of Spiritual Arts based
in Edinburgh. During that time, I also trained at a professional level in all aspects of Wudang martial arts for 4 months at the Wudang Daoist Traditional Internal Kung Fu Academy and
2 months at the Five Immortals Temple, in China. The syllabus included empty-hand and sword fighting styles, Qi Gong, Taiji, seated meditation, Daoist philosophy and Chinese medicine.
</li>
<li>I've also trained in the following styles of martial arts: Kali/Eskrima, Silat and BJJ.</li>
<li>I'm nerdy about anything fitness related, exercise anatomy and physiology. So to deepen my understanding, I am currently completing a gym instructor certificate. I train daily in calisthenics and bodyweight, running or natural movements.</li>
<li><em>TESOL certified teacher:</em><br>
I have taught teenagers and adults at the TLI School of English in Edinburgh and preschool children in Hong Kong.
</li>
<li>I love coffee and watching videos or reading about how to make a great coffee and using different brewers.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-container">
<h1>Get in touch</h1>
<div class="container contact">
<div class="row">
<div class="col-xs-12">
<div class="contact-links">
<div class="location">
<i class="fas fa-map-marker-alt"></i>
<p>Leith, Edinburgh</p>
</div>
<div class="email">
<a class="fa-icon" href="mailto:[email protected]"><i class="fas fa-paper-plane"></i></a>
<p>[email protected]</p>
</div>
<div class="linked-in">
<a class="fa-icon" href="https://www.linkedin.com/in/anaistrope/"><i class="fab fa-linkedin"></i></a>
<p>Message me on LinkedIn</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>