-
Notifications
You must be signed in to change notification settings - Fork 0
/
Person.html
243 lines (222 loc) · 12.3 KB
/
Person.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
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<!-- Create dynamic viewport. Assign basic metadata. -->
<meta charset="utf-8">
<title>Person | Thomas Berey</title>
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="favicon.png" sizes="16x16" type="img/favicon.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Styling -->
<style>
.hover-anchor {
color: white !important;
}
.hover-anchor:hover {
color: #8cb8e2 !important;
}
</style>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/vendor.css">
<!-- Scripting -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
</head>
<body id="top">
<!-- header -->
<header>
<div>
<!-- menu -->
<div class="top-bar">
<a class="menu-toggle" href="#"
style="background:#07002c96; margin-top:5%;"><span>Menu</span></a>
<nav id="main-nav-wrap" class="set-height-js" style="background:#0d024475;overflow:auto;max-height: 550px;">
<ul class="main-navigation" style="display:none;">
<li><a class="hover-anchor" href="index.html" title=""><i class="icon-home"></i> HOME</a></li><br>In-page Navigation:
<li class="current"><a class="smoothscroll" href="#person" title="">Thomas Berey</a></li>
<li><a class="smoothscroll" href="#profile" title="">Profile</a>
</li>
<li><a class="smoothscroll" href="#hobbies-interests" title="">Hobbies & Interests</a>
</li>
<li><a class="smoothscroll" href="#branding" title="">Branding</a>
</li>
<li><a class="smoothscroll" href="#contact" title="">Contact</a></li><br>
Explore Pages:
<li><a class="hover-anchor" href="Academia.html">Academic</a></li>
<li><a class="hover-anchor" href="Professional.html">Professional</a></li>
<li><a class="hover-anchor" href="Volunteer.html">Volunteer</a></li>
<li><a class="hover-anchor" href="Skilled.html">Skilled</a></li>
</ul>
</nav>
</div>
</div>
</header>
<script>
window.addEventListener('DOMContentLoaded', () => {
var height = isNaN(window.innerHeight) ? window.clientHeight : window.innerHeight;
if (!height || isNaN(height)) var height = 570;
document.getElementsByClassName('set-height-js')[0].style.maxHeight = `${(height-65)}px`;
});
</script>
<!-- #hello section -->
<section id="person">
<div class="hello-overlay"></div>
<div class="hello-content">
<div class="row">
<div class="col-twelve" style="margin-top:30%;">
<h5 style="font-size: xx-large;">Person</h5><br>
<h1>Thomas Berey</h1>
<p><b style="background-color: rgba(4, 4, 43, 0.87);"> <a target="_blank"
href="mailto:[email protected]"
target="_top"><u>[email protected]</u></a> | <a
target="_blank"
href="https://www.github.com/tberey"><u>GitHub/tberey</u></a> | Liverpool,
UK </b></p>
</div>
</div>
</div>
</section>
<!-- #profile section -->
<section id="profile" style="background-color: #d1e3f0;">
<br><br>
<div class="overlay"></div>
<div class="row services-content">
<center>
<div class="row">
<i class="fa fa-male"></i>
<h2>Personal Profile</h2>
<img src="images/profile-pic.jpg" alt="Portrait 1" style="width:125px;height:141px;border-radius:24%;">
<h4>A full-stack Software Developer, with years of both Front & Back-End, Professional Experience.</h4>
<p style="max-width: 90%;text-align: left;font-size: 14.5px;">Through my rewarding six years in retail and management, I can regard myself a customer experience focused person, where my thoughts and actions will always be considerate towards the user/customer journey. From there my passion has soared into information and technology, and through my experience, these two areas have highly complemented each other, in making what I develop well received and suitable for the end-user’s needs. I am thorough whilst being sociable and outgoing, who supplies a positive driving energy to any team, and I find these aspects combine to create a person who will excel in all situations while delivering above expectations. I am headstrong in ways that contribute, meaning nothing is left half done, or to a low standard. Furthermore, I love to use my initiative, needing very little in terms of guidance, and I always try to nurture that quality in others around me, but will always offer help.<img src="images/quote.png" alt="Quote" style="width:225px;height:100px;float: right;padding: 4px;padding-left: 20px;"> However I am also not afraid to ask for help, or admit a mistake and learn from it. Finally, I would say I am highly adaptive as a result of my wide areas of employment, and can readily assure you punctuality with appearance is important to me.</p>
<p style="max-width: 90%;text-align: left;font-size: 14.5px;">Outside of working I have a strong motivation for keeping fit, as I regularly enjoy going to the gym and running. I have a strong passion and hobby in anything technology related, however my interest centres on software development, complete with an obsession into learning as many languages as possible. I am currently learning Python and SQL for Data Science, leading into ML/AI concepts, but more recently heavily delved into Golang and Typescript. Reading is also a past-time of mine, highly appreciating English Literature, especially that of the Bronte sisters. Moreover, I have been a member of the Air Training Corps, where I learned strict discipline, organizational skills and presentation at a young age, and have carried it ever since. Within three weeks of joining, I rose to the rank of First Class cadet, bearing the highest mark on the written test, despite being the cadet sitting it with the least experience there.</p>
<img src="images/me.jpg" alt="Portrait 2" style="width:125px;height:130px;border-radius:50%;">
</div>
</center>
</div><br>
</section>
<!-- #hobbies-interests section -->
<section id="hobbies-interests" class="grey-section">
<div class="overlay"></div>
<div class="row section-hello">
<div class="col-twelve">
<i class="fa fa-book"></i>
<h2>Hobbies & Interests</h2>
</div>
</div>
<div class="row services-content">
<div id="owl-slider" class="owl-carousel services-list">
<div class="service">
<div class="service-content">
<div class="grid-2" style="font-size:14px;"><a href="images/invest.png" target="_blank"><img
src="images/invest.png" alt="Project 2" style="width:600px;height:250px;border:2px solid darkblue;"
title="Click to see full sized image."></a><h6>Market Investing & Finance</h6>I first introduced myself to investing in 2017, during the initial cryptocurrency bull run, turning a free £20 sign-up bonus into £200+. Tasting success, naturally I was hooked and it led me to reading books such as Graham's 'The Intelligent Investor' and also 'Harriman's Book of Investing Rules' among others, and in turn participating increasingly in markets and potential market movements. I gained a huge passion for it, and as such, resulted in investments among many diverse securities, across both the Stock Markets and the Derivatives Markets (Options), over the years. This includes CFD trading; buying under leverage with a margin to manage. Most recently I have been able to fund myself a housing deposit at 5% of my budget, only setting the goal 9 months prior.</div>
</div>
</div>
<div class="service">
<div class="service-content">
<div class="grid-2" style="font-size:14px;"><a href="images/laser-cutting.jpg" target="_blank"><img
src="images/laser-cutting.jpg" alt="Project 1" style="width:600px;height:250px;border:2px solid darkblue;"
title="Click to see full sized image."></a><h6>Laser Cutting & Engraving</h6>Being a developer requires the ability to think and create abstractly. In contrast to that, this is hobby I enjoy that allows me to engage with my creative side in a more applied way, both in producing the cutting/engraving template and also painting/decorating. It requires some technical ability in building and getting the cutter setup, and in then creating the many material profiles, which are determined by variables like reflectivity, thickness, material type and laser strength. A great past-time while also being a top stress releaser. I produce designs, engravings and models from various materials such as wood (hard & soft), acrylic plastics, glass, and also dulled variant of metals like aluminium or copper. My model uses a 30W laser module.</div>
</div>
</div>
<div class="service">
<div class="service-content">
<div class="grid-2" style="font-size:14px;"><a href="images/laser-running.gif" target="_blank"><img
src="images/laser-running.gif" alt="Project 2" style="width:500px;height:250px;border:2px solid darkblue;"
title="Click to see full sized image."></a><h6>Engraving Program Running</h6>Laser Cutter running using a pre-defined profile; engraving a design on a 2mm piece MDF board (hard wood).</div>
</div>
</div>
<div class="service">
<div class="service-content">
<div class="grid-2" style="font-size:14px;"><a href="images/mt4-trading.png" target="_blank"><img
src="images/mt4-trading.png" alt="Project 2" style="width:500px;height:250px;border:2px solid darkblue;"
title="Click to see full sized image."></a><h6>Algorithmic Trading</h6>Stemming from my passion of trading and the markets, I have sought to automate various day trading strategies, using the MT4 (MetaTrader) Platform. This has been largely successful, but is still an ongoing journey.</div>
</div>
</div>
</div><br>
</section>
<!-- #branding section -->
<section id="branding" style="background-color: #fbfafd;">
<br><br>
<div class="overlay"></div>
<div class="row services-content">
<center>
<div class="row">
<i class="fa fa-tag"></i>
<h2>Branding</h2>
<img src="images/logo.png" alt="Logo" style="width:450px;height:225px;border-radius:10%;">
<p><br>TomCo (Technology & Online Media Company)™©</p>
</div><br>
<img src="images/quote2.png" alt="Portrait 1" style="width:255px;height:141px;border-radius:20%;">
</center>
</div><br>
</section>
<!-- #contact section -->
<section id="contact">
<div class="row section-intro" style="margin-top: -5%;">
<div class="col-twelve">
<h1>Contact</h1>
</div>
<p>
If you would like to discuss any opportunities, or ask any questions at all, please don't hesitate in
connecting through the various channels:
</p>
</div>
<div class="row contact-info">
<div class="col-four tab-full">
<a target="_blank" href="https://uk.linkedin.com/in/thomas-berey">
<div class="icon">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</div>
<h5>LinkedIn</h5>
<p>Thomas Berey</p>
</a>
</div>
<div class="col-four tab-full">
<a target="_blank" href="https://github.com/tberey">
<div class="icon">
<i class="fa fa-github" aria-hidden="true"></i>
</div>
<h5>Github</h5>
<p>tberey</p>
</a>
</div>
<div class="col-four tab-full">
<a target="_blank" href="mailto:[email protected]">
<div class="icon">
<i class="icon-mail" aria-hidden="true"></i>
</div>
<h5>Email</h5>
<p>[email protected]</p>
</a>
</div>
</div>
</section>
<!-- #footer -->
<footer>
<hr>
<div class="row section-hello">
<div class="col-twelve">
©Thomas Berey (All Personal Data, Projects & Ideas)
</div><br><br><br>
<p></p>
</div>
<div id="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="fa fa-long-arrow-up"></i></a>
</div>
</footer>
<div id="preloader">
<div id="loader"></div>
</div>
<!-- JavaScript -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>