-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
executable file
·110 lines (103 loc) · 4.83 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About - Benjamin Ho</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/8644701977.js" crossorigin="anonymous"></script>
</head>
<body>
<!--- Header Section--->
<section class="header">
<nav>
<h1>Benjamin Ho</h1>
<div class="nav-links" id="navLinks">
<i class="fas fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="">now</a></li>
<li><a href="blog.html">blog</a></li>
</ul>
</div>
<i class="fas fa-bars" onclick="showMenu()"></i>
</nav>
</section>
<section class="text-container">
<div class="about-intro">
<!--About-->
<h1>About</h1>
<p>
My name is Benjamin and I created this website to document my work and share my thoughts on things I am interested in. This is my first time maintaining a blog and I hope to write more regularly in future.
<br><br>
You can connect with me via <a href="">LinkedIn</a> or just drop me an <a href="">email</a>.
<br><br><br>
</p>
</div>
</section>
<section class="text-container">
<div class="what-i-doing-now">
<!--What I'm doing now-->
<h1>What I'm doing now</h1>
<br>
<h2>Deep Learning / Artifical Intelligence / Computer Vision</h2>
<div class="about-picture">
<img src="images/pointcloud.png">
<img src="images/depthmap.jpg">
</div>
<p>
I am working as a machine learning engineer for autonomous driving systems. My job involves studying state of the art deep learning models and development deep neural networks for autonomous driving appplications. Before, I was working in the aviation industry as an engineering services engineer.
<br><br>
</p>
<h2>Canoe Sprint Coach</h2>
<div class="about-picture">
<img src="images/aca.jpeg">
</div>
<p>
I am also an assistant coach at the ActiveSG Canoe Academy, where I teach the sport of kayaking to young and teenage kids and help them enjoy paddling and being on water.
<br><br><br>
</p>
</div>
</section>
<section class="text-container">
<!--Interests-->
<h1>My Interests</h1>
<br>
</section>
<section class="text-container">
<h2>Paddling</h2>
<div class="about-picture">
<img src="images/paddling.JPG" alt="benjamin-ho-paddling">
</div>
<div class="paddling">
<p>
I started learning to kayak in 2014 after joining the canoe sprint team in my university. Initially, the idea was to use it as a way to stay fit. However, after attending a couple of training sessions and dedicating some time to it, I fell in love with the sport and have never stopped paddling since.
<br><br>
</p>
</div>
</section>
<section class="text-container">
<h2>Learning Spanish</h2>
<p>
I started learning spanish in 2016 while on ERASMUS in Spain.
It helped me communicate better with the locals and helped me understand spanish culture more.
Since coming back to Singapore, I'm always looking out for opportunities to practice. I'm currently taking online classes using an app called iTalki.
</p>
</div>
</section>
<!---Javascript for Toggle Menu--->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-150px";
}
</script>
</body>
</html>