-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (127 loc) · 4.81 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
<!--
Name: TIMOTHY HO
Project: Website 3.0 Html
Feel free to check out the code in
my github
-->
<!DOCTYPE html>
<html>
<head>
<title>Home | Timothy Ho</title>
<link rel='shortcut icon' type='image/x-icon' href='./pictures/favicon.ico' />
<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=EB+Garamond&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bilbo+Swash+Caps&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="./css/main.css">
</head>
<body>
<header>
<!-- NAV BAR -->
<div class="Nav_fixed">
<div class="Nav_format">
<div id="Nav_left">
<a href="index.html"><img class="logo" src="./pictures/logo.png" width ="75" height = "30"></a>
</div>
<div id="Nav_right">
<div id="menu">
<a href="index.html">Home</a>
<a href="work_in_progress.html">Projects</a>
<a href="work_in_progress.html">Journal</a>
<a href="work_in_progress.html">About Me</a>
</div>
</div>
</div>
</div>
</header>
<div class="site_load">
<div class="spacer"></div>
<!-- START of the Page PARALLAX -->
<div id="image1" style="background-image: url('./pictures/IMG_0469.jpg');">
<div id="img_words_outterCell">
<div id="img_words_innerCell">
<div id="quote">
<strong><i><p>Hope</p></i></strong>
</div>
<div id="quote1"><strong><p>Begins with you</p></strong>
<!--<div class="a_button"><a href="work_in_progress.html"><p>Learn More</p></a></div>-->
</div>
</div>
</div>
</div>
<!-- Content -->
<div class="spacer"></div>
<div class="main_container">
<main>
<div class="wrapper">
<div class="title">
<h1>Helping the World through Engineering and Design</h1>
</div>
<div id="first_p">
<p>To understand is to put down your own beliefs and observe a situation from another perspective. It is an Engineer’s job to use this concept and apply our understanding of people, science, and technology to solving problems. Using our knowledge, we can design novel solutions that can inspire others and together we can answer the question, <br>"Why not change the World?"</p>
</div>
</div>
<!-- Double Split -->
<div class="wrapper">
<div class="double">
<div class="double_img" id="fig1">
<img src="./pictures/placeholder.jpg" align=left>
<div class="overlay"></div>
</div>
<div class="double_words">
<div class="description">
<div class="title"><h1>Hello,</h1></div>
<p>My name is Tim Ho and I'm a<br>Biomedical Engineer from<br>New York City.</p>
<div class="a_button"><a href="work_in_progress.html"><p>Continue</p></a></div>
</div>
</div>
</div>
<div class="double">
<div class="double_words">
<div class="description">
<div class="title"><h1>Projects</h1></div>
<p>One of my more interesting projects was deploying a facial recognition network. Implementing a pretrained nueral network, faces can be recognized and edited live from the webcam.</p>
<div class="a_button"><p><a href="">Learn More</div></a></p>
</div>
</div>
<div class="double_img" id="fig2">
<img src="./pictures/placeholder.jpg">
<div class="overlay"></div>
</div>
</div>
<div class="spacer"></div>
</div>
</main>
</div>
<div class="spacer"></div>
<div class="end">
<!-- Connect -->
<div class="connect">
<div class="title"><h1>Contact me</h1></div>
<form>
<label>First Name</label><br>
<input type="text" id="fname" name="firstname" placeholder="Your name.."><br>
<label>Last Name</label><br>
<input type="text" id="lname" name="lastname" placeholder="Your last name.."><br>
<textarea placeholder="comments"></textarea><br>
<input type="submit" value="Submit">
</form>
</div>
<!-- End of the Page -->
<footer>
<div class="bottom">
<p>Bioimaging Center (Royer Labs)
<br>Rensselaer Polytechnic Institute,<br>Troy, NY 12180 <br> [email protected]</p>
<div class="icons">
<a href="https://github.com/sunjaeyoon"><i style="font-size:30px" class="fa"></i></a>
<a href="https://www.linkedin.com/in/timothy-ho-253401148/"><i style="font-size:30px" class="fa"></i>
</a>
</div>
</div>
<div class="spacer"></div>
</footer>
</div>
</div>
</body>
</html>