-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (163 loc) · 7.36 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./resources/css/reset.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="./resources/css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<div class="content">
<span id="fontStyle1">Founders</span>
<span id="fontStyle2">& Coders</span>
<span id="fontStyle1">Application</span>
</div>
<nav class="desktop">
<ul>
<li class="repoIcons"><a href="https://github.com/jcharnley"><img src="./resources/images/Git_Hub.png"></a></li>
<li class="repoIcons"><a href="https://www.freecodecamp.org/jcharnley"><img src="./resources/images/FCCicon.png" style="
"></a></li>
<li class="repoIcons"><a href="https://www.codewars.com/users/jcharnley"><img src="./resources/images/codewars2.png"></a></li>
</ul>
</nav>
<nav class="mobile">
<ul>
<li class="repoIcons"><a href="https://github.com/jcharnley"><img src="./resources/images/Git_Hub.png"></a></li>
<li class="repoIcons"><a href="https://www.freecodecamp.org/jcharnley"><img src="./resources/images/FCCicon.png" style="
"></a></li>
<li class="repoIcons"><a href="https://www.codewars.com/users/jcharnley"><img src="./resources/images/codewars2.png"></a></li>
</ul>
</nav>
</header>
<!-- Main Content -->
<div class="main_container">
<div class="banner">
</div>
</div>
<!-- About me Content -->
<div class="container">
<div class="aboutme">
<h1>About me</h1>
<p>It cliché to say that I have always wanted to become a Web Developer but in my case, it is true! During my teens I attempted to learn C++ and Assembly language to help me with my hardcore gaming :) Unfortunately I found it way too difficult as I did not have a good level of educational background. Years later I discovered that I can understand the basic concepts and can apply logical thinking to problems with code. Applying to this year's Founders and Coders intake has pushed me further than I expected and I hope to keep learning and apply this knowledge. Having attended the weekly coding meetups and through talking to FAC alumni I feel this course is best suited to me to continue my journey. I particularly like how students teach themselves in a warm environment with like-minded people that value working in teams</p>
<span></span>
</div>
<div class="subInfo">
<h1>Career Change</h1>
<p>I graduated from UCL studying the Information Management for Business in 2016 and during that same year I started a job as an IT Consultant for an advisory company. I knew it was not the right career for me so I started learning font-end programming in my spare time to upskill myself. Through online courses and textbooks, I have learn't HTML/CSS/Javascript/React. I have come to realise that by working hard I can turn a hobby into a career that I want to do</p>
<span></span>
</div>
</div>
<div class="content-container">
<div class="space">
</div>
<div class="why container">
<div class="reason">
<div class="reason-image">
<img src="./resources/images/Creative-Thinking.png">
</div>
<div class="Info">
<h2 class="topic">Creativity</h2>
<h3 class="feature"></h3>
<span class="description">Opportunities to use my creative mind and come up with interesting ideas</span>
</div>
</div>
<div class="reason">
<div class="reason-image">
<img src="./resources/images/problemSolveing.png">
</div>
<div class="Info">
<h2 class="topic">Problem Solving</h2>
<h3 class="feature"></h3>
<span class="description">Ability to solve problems and provide solutions via applications</span>
</div>
</div>
<div class="reason">
<div class="reason-image">
<img src="./resources/images/UX-Designer.jpg">
</div>
<div class="Info">
<h2 class="topic">Design</h2>
<h3 class="feature"></h3>
<span class="description">Ensure that each user journey has an enjoyable experience</span>
</div>
</div>
<div class="reason">
<div class="reason-image">
<img src="./resources/images/Entrepreneur.png">
</div>
<div class="Info">
<h2 class="topic">Entrepreneur</h2>
<h3 class="feature"></h3>
<span class="description">Learn technology to allow me to create something to market</span>
</div>
</div>
<div class="reason">
<div class="reason-image">
<img src="./resources/images/techIndustry.png">
</div>
<div class="Info">
<h2 class="topic">Tech Industry</h2>
<h3 class="feature"></h3>
<span class="description">Be a part of the UK’s tech industry and create applications anywhere at any time</span>
</div>
</div>
<div class="reason">
<div class="reason-image">
<img src="./resources/images/Careerchange1.png">
</div>
<div class="Info">
<h2 class="topic">Career Opportunities</h2>
<h3 class="feature"></h3>
<span class="description">Turn a hobby into a career I enjoy</span>
</div>
</div>
</div>
</div>
<div class="content-container">
<div class="space">
</div>
<div class="container">
<div class="addInfo">
<h2 id="videoDesp">London Legions Hockey team</h2>
<p id="videoText">I train with the London Legions Hockey team on Monday & Thursday nights at Alexander Palace and Wednesdays at Sobel Leisure Centre. This is a video of me in a scrimmage back in April 2018</p>
<iframe width="100%" height="80%" src="https://www.youtube.com/embed/91ApmKjASyk" frameborder="0" gesture="media" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="addInfoRight">
<div class="personal">
<div class="media-content">
<img class="personImg"src="./resources/images/IMG_15252.jpg">
</div>
<div class="section">
<h2 class="head">Scotland</h2>
<span class="text">Mum, Gaby & Jimmy visited Edinburgh for my mum's birthday</span>
</div>
</div>
<div class="personal">
<div class="media-content">
<img class="personImg"src="./resources/images/mars2.jpg">
</div>
<div class="section">
<h2 class="head">Mars</h2>
<span class="text">Mars, my dog is 6 years old and lives in Dumfries and Galloway with my mum. I travel home every couple of months to see him!</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="social-media">
<ul id="icons">
<li><a href="https://www.facebook.com/jason.charnley.56" class="social-icon"> <i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.instagram.com/jas_char84/" class="social-icon"> <i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/jason-charnley/" class="social-icon"> <i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</footer>
</body>
</html>