-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
342 lines (328 loc) · 18.9 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
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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description"
content="Tech Career is a one-stop that offers explicit orientation on the various careers in tech and
how to kickstart your career in tech. Create your own path and drive on your skills to achieve what you seek.
Empowering yourself with tech is a way of preparing
yourself for the future, and also be one of the most sought after and highly paid
personnels in various companies." />
<meta
name="keywords"
content="tech-career, tech, start-a-career-in-tech, career-in-tech"/>
<meta name="google-site-verification" content="-dZDLfemrmrT6zwSZznlgedFsiROFFeTo-HOnXsWj_M" />
<meta data-react-helmet="true" name="keywords" content="tech-career, tech, start-a-career-in-tech, career-in-tech">
<meta data-react-helmet="true" property="og:title" content="Tech Career is a one-stop that offers explicit orientation on the various careers in tech and
how to kickstart your career in tech. Create your own path and drive on your skills to achieve what you seek.
Empowering yourself with tech is a way of preparing
yourself for the future, and also be one of the most sought after and highly paid
personnels in various companies.">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon.ico">
<link rel="stylesheet" href="styles.css" type="text/css"/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<title>Tech Career</title>
</head>
<body>
<header>
<div class="flex nav-top">
<p>tech Career</p>
<img src="./assets/icons/menu.svg" alt="menu" id="hamburger"/>
</div>
<nav>
<div>
<img src="./assets/icons/close-menu.svg" alt="close-icon" id="close-icon" />
<ul class="nav-items">
<li>
<a class="nav-link" href="#">Home</a></li>
<li>
<a class="nav-link" href="#career">Careers</a></li>
<li>
<a class="nav-link" href="#about">Learn more</a></li>
<li>
<a class="nav-link" href="#articles">Articles</a></li>
</ul>
</div>
</nav>
<div class="flex-tab">
<div class="content">
<div>
<h1 data-aos="fade-down-right">The Ultimate Guide</span> To Getting Into <span id="tech">Tech</span></h1>
<p data-aos="fade-right">Everything you need to start a career in tech.
Create your own path and drive on your skills to achieve what you seek.</p>
<a href="#career"><button data-aos="fade-down">Get Started</button></a>
</div>
</div>
<div>
<img src="./assets/images/home-photo.jpg" data-aos="fade-up" class="home-photo" alt="girl-image-with-computer"/>
</div>
</div>
</header>
<main>
<section id="career">
<div class="title">
<div>
<h2>Careers in tech</h2>
<div class="hr-line"></div>
</div>
</div>
<div class="grid-container">
<a href="./views/mobile-development.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/mobile-app.png" class="career-icon"/>
</div>
<h3>Mobile development</h3>
</div>
<p>Research has shown that over 70% of web traffic is generated by mobile devices,
so it only makes sense for software developers to...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/frontend-development.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/front-end.png" class="career-icon"/>
</div>
<h3>Frontend development</h3>
</div>
<p> Front-End Development is the software development aspect responsible for designing
the client-side interface of the software...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/backend-development.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/computer.png" class="career-icon"/>
</div>
<h3>Backend development</h3>
</div>
<p>Backend development is the development of the server-side of a website. It is
responsible for APIs, databases...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/software-testing.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/testing.png" class="career-icon"/>
</div>
<h3> Software Testing</h3>
</div>
<p>Software testing is simply the act of determining if a mobile app or software
has the exact functionality it is expected to. It often involves... </p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/ui-ux.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/ux-interface.png" class="career-icon"/>
</div>
<h3>UI/UX Design</h3>
</div>
<p>UI or User Interface design is the aspect of design that focuses on the
graphical layout of a mobile app, website or software... </p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/developer-operations.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/server.png" class="career-icon"/>
</div>
<h3>Development Operations</h3>
</div>
<p>DevOps as it is popularly known; is a set of practices that combines
software development (Dev) and IT operations (Ops) in... </p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/product-management.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/product-management.png" class="career-icon"/>
</div>
<h3>Product Management</h3>
</div>
<p>Product Management is the practice that drives every step of a product’s life
cycle from development, launch to pricing and...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/machine-learning.html">
<div class="box"data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/learning.png" class="career-icon"/>
</div>
<h3>Machine Learning</h3>
</div>
<p> Machine Learning is a sub-field of Artificial Intelligence that is defined
as computer systems that can mimic human behaviour...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/database-administrator.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/database.png" class="career-icon"/>
</div>
<h3>Database Administration</h3>
</div>
<p>The need for a proper way to manage all these data is also increasing.
That is where a Database Administrator comes in. A database...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/data-science.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/data-science.png" class="career-icon"/>
</div>
<h3>Data Science</h3>
</div>
<p>Data Science is an integration of multiple disciplines, including statistics,
software development, and business, to derive essential...</p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
<a href="./views/cloud-engineering.html">
<div class="box" data-aos="fade-up">
<div class="inner-box">
<div class="icon-wrap">
<img src="./assets/career-icons/cloud-storage.png" class="career-icon"/>
</div>
<h3>Cloud Engineering</h3>
</div>
<p>Cloud engineering owes the rise in its demand to the fact that a larger
number of organizations are moving their business activities to... </p>
<img src="./assets/icons/right-arrow1.svg" class="right-arrow" alt="go-to-arrow"/>
</div>
</a>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="inner-about">
<div class="title">
<div data-aos="fade-down-right">
<h2>Empower yourself with a tech skill today!</h2>
<div class="hr-line"></div>
</div>
</div>
<p data-aos="fade-right">The digital world is rapidly evolving and it is predicted that tech skills are going
to be at the center of this evolution. Empowering yourself with tech is a way of preparing
yourself for the future, and also be one of the most sought after and highly paid
personnels in various companies.</p>
<a href="#career"><button data-aos="fade-down">Get Started</button></a>
</div>
<img data-aos="fade-up" src="./assets/images/about-photo.jpg" id="about-photo" class="home-photo" alt="girl-image-with-computer"/>
</div>
</section>
<section id="about">
<div class="wrapper reverse-about">
<div class="inner-about">
<div class="">
<div data-aos="fade-up">
<h2>Bring your dreams to reality!</h2>
<div class="hr-line"></div>
</div>
</div>
<p data-aos="fade-up">Honing one of these skills will also enable you to bring your dreams
into reality; by providing you the skills to create your own digital product, and introduce
it to the world.<br>
And the fun part is… you can do it all on your own and at your own pace.</p>
<a href="#career"><button data-aos="fade-down">Get Started</button></a>
</div>
<img data-aos="fade-up" src="./assets/images/about-photo2.jpg" id="about-photo" class="home-photo" alt="girl-image-with-computer"/>
</div>
</section>
<section id="articles">
<div class="title">
<div>
<h2>Related Articles</h2>
<div class="hr-line"></div>
</div>
</div>
<div class="article-container">
<a href="https://toriola.hashnode.dev/hacks-for-downloading-large-video-courses-at-a-low-cost">
<div class="article-box" data-aos="fade-up">
<img src="./assets/images/article-image2.jpg"/>
<div>
<h4>Hack into downloading lar...</h4>
<p class="read-more">READ MORE...</p>
</div>
</div>
</a>
<a href="https://academy.torilo.ng/building-a-career-in-tech-a-must-in-2021">
<div class="article-box" data-aos="fade-up">
<img src="./assets/images/article-image3.jpg"/>
<div>
<h4>Building a career in tech; a must in 2021</h4>
<p class="read-more">READ MORE...</p>
</div>
</div>
</a>
<a href="https://edidiongasikpo.com/how-to-kickstart-a-career-in-tech">
<div class="article-box" data-aos="fade-up">
<img src="./assets/images/article-image4.jpg"/>
<div>
<h4>How to kickstart a career in tech</h4>
<p class="read-more">READ MORE...</p>
</div>
</div>
</a>
</div>
</section>
<footer>
<div>
<div class="footer-description">
<a href="#home-page">
<p>tech career</p>
</a>
<p>Everything you need to start a career in tech.
Create your own path and drive on your skills
to achieve what you seek.</p>
</div>
<div class="author">
<div>
<p>Curated by</p>
<h6>Toriola Faidat O.</h6>
</div>
<div class="media-icons">
<a href="https://twitter.com/FaidatToriola">
<img src="./assets/footerIcons/twitter.svg"/></a>
<a href="https://www.linkedin.com/in/faidat-toriola-7b672021a/">
<img src="./assets/footerIcons/linkedin.svg"/></a>
<a href="mailto: [email protected]">
<img src="./assets/footerIcons/gmail.svg"/></a>
<a href="https://github.com/toriola998">
<img src="./assets/footerIcons/github.svg" id="github"> </a>
</div>
</div>
<div>
<li><a href="./views/contribute/contribute.html">Contribute</a></li>
<li><a href="#about">About</a></li>
<li><a href="#career">Careers</a></li>
</div>
</div>
</footer>
</main>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="./js/animate.js"></script>
<script src="./js/index.js"></script>
</body>
</html>