-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (195 loc) · 10.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jordan Timberlake</title>
<link rel="icon" href="" type="">
<link rel="stylesheet" href="https://unpkg.com/primeflex@latest/primeflex.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<a class="navbar-brand" href="#home">Jordan Timberlake</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resume">Resume</a>
</li>
<li class="nav-item last">
<a class="nav-link" href="#about">About</a>
</li>
</ul>
</div>
</nav>
<div id="home" class="start">
<div class="row">
<div class="col-sm">
<div class="start-text">
<h1>Jordan Timberlake</h1>
<p class="start-inner-text">
<span class="typed"
data-typed-items="Computer Science Student, Software Developer, AI, Hard Worker, Determined, Good Communicator"></span>
</p>
</div>
</div>
</div>
</div>
<div>
<div class="container vh-100 flex align-items-center justify-content-center">
<h1 class="text-center">
Under Construction
</h1>
</div>
</div>
<!-- <div id="projects" class="scrolled-Element container-fluid text-center mt-6 mb-6 vh-100 bg-dark text-light">
<h1>
University Projects
</h1>
<ul class="d-flex flex-column justify-content-center align-content-center" style="list-style: decimal;">
<li>
AI project using a Artificial Neural Network method with supervised learning using a breast cancer dataset.
</li>
<li>
A community project where we used React to create a web application for the University of Pretoria for the module JCP
</li>
</ul> -->
<!-- </div>
<div id="resume" class="scrolled-Element container">
<h1>
Resume
</h1>
<p>
Interned at Nexis-Academic for 2 weeks over the holidays
</p>
<h2>
I am currently in my final year of university
</h2> -->
<!-- <h3>
I have experience in multiple languages including:
</h3>
<ul class="list-group">
<li class="list-group-item">Java</li>
<li class="list-group-item">Python</li>
<li class="list-group-item">C++</li>
<li class="list-group-item">Javascript</li>
<li class="list-group-item">Assembly Language</li>
<li class="list-group-item">HTML</li>
<li class="list-group-item">CSS</li>
<li class="list-group-item">React</li>
<li class="list-group-item">VueJS </li>
<li class="list-group-item">Django</li>
<li class="list-group-item">SQL</li>
</ul> -->
<!-- </div> -->
<!-- <div id="about" class="scrolled-Element about-mf sect-pt4 route progression">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="box-shadow-full">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-sm-6 col-md-5">
<div class="about-img">
<img src="static/images/Legacy_2(NXL).jpg"
class="img-fluid rounded b-shadow-a" alt="">
</div>
</div>
<div class="col-sm-6 col-md-7">
<div class="about-info">
<p><span class="title-s">Name: </span> <span>Jordan Timberlake</span></p>
<p><span class="title-s">Profile: </span> <span>Computer Science
Student</span>
</p>
<p><span class="title-s">Email: </span>
<span>jordtimberlake@gmail.com</span>
</p>
<p><span class="title-s">Phone: </span> <span>(+27) 61 006 0695</span></p>
</div>
</div>
</div>
<div class="skill-mf">
<p class="title-s">Skill</p>
<span>HTML</span> <span class="pull-right">85%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 85%;"
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>CSS3</span> <span class="pull-right">75%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%"
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>React</span> <span class="pull-right">50%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%"
aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>JAVASCRIPT</span> <span class="pull-right">70%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 70%"
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<span>JAVA</span> <span class="pull-right">90%</span>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 90%"
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="about-me pt-4 pt-md-0">
<div class="title-box-2">
<h5 class="title-left">
About me
</h5>
</div>
<p class="lead">
I am currently studying at the University of Pretoria. I am in my third year and
plan to graduate at the end of 2024. I am currently looking for an internship
for the 2024 year. I am interested in software development and am looking to
gain experience in the field. I am also interested in the field of artificial
intelligence and machine learning. I also am interested in full stack
development.
I am currently making a project using react (while learning it) by making a
commercial
website for my brothers photography business. I am using Django for the backend
for
website too.
</p>
<p class="lead">
I currently play paintball for a team called Legacy. I have been playing
paintball for almost a decade. It involves two teams of 5 players where the objective is
to eliminate the other team by shooting them with paintball's. It is a very fun
sport and I would recommend it to anyone who is interested in it. I played for the U19
South African team in 2018 and 2019. I played for a team called Legacy and we
went overseas in 2019 and won the Division 3 in the NXL Europe event in Amsterdam.
</p>
<p class="lead">
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> -->
<script src="typed.min.js"></script>
<script src="main.js"></script>
<script src="scrollIntoView.js"></script>
</body>
</html>