-
Notifications
You must be signed in to change notification settings - Fork 0
/
bio.html
140 lines (120 loc) · 6.48 KB
/
bio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bio</title>
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
<script src="scripts.js"></script>
</head>
<body>
<div class="hero is-large is-warning is-bold has-text-centered">
<h1 class="title">
<em>WORK IN PROGRESS</em>
</h1>
</div>
<section id="header"class="section">
<header class="container">
<nav class="navbar is-transparent" role="navigation" aria-label="main navigation">
<div id="navbarBrand" class="navbar-brand">
<a class="navbar-item">
<img src="favicon/white-icon-192x192.png" alt="Logo">
</a>
<a role="button" class="navbar-burger " data-target="navbarMenu" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarMenu" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="index.html">Home</a>
<a class="navbar-item is-active" href="bio.html">Bio</a>
<a class="navbar-item" href="projects.html">Projects</a>
<a class="navbar-item" href="">Experience</a>
<a class="navbar-item" href="">Vitae</a>
</div>
</div>
</nav>
</header>
</section>
<section class="section">
<div class="container">
<div id="Text" class="card">
<div class="card-content">
<p class="subtitle">
Two of my noteworthy passions are technology and health sciences.
Thus, my commitments to technology and innovation is at the intersection of these fields.
</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<section class="section">
<div class="column">
<div class="container">
<div class="card">
<h1 class="title" style="padding-left: 1%">Professional</h1>
<p class="card-content">
Professionally, I work as a Software Engineer at Health Tech Solutions in Iowa City. The startup focuses
on streamlining the organ transplant process with innovative solutions. For example, I work on a Full Stack development team
building a HIPPA complaint chat platform for doctors, EMTs, and administrators. This allows crucial information to
be shared without compromising patient privacy.
</p>
</div>
<br>
<div class="card">
<h1 class="title" style="padding-left: 1%">Brain Watch</h1>
<p class="card-content">
When I’m not focusing on school or at work, I am developing Brain Watch, a real-time brain monitoring system, with three
co-founders. We use hardware to monitor acceleration, angular momentum, and forces, which is processed to rate impacts and
predict the damage caused to the brain. Brain Watch will provide many athletes—from football players to snowboarders—valuable
information about their brain health, could potentially detect concussions, and even prevent Chronic Traumatic Encephalopathy.
</p>
</div>
<br>
<div class="card">
<h1 class="title" style="padding-left: 1%">ScienceForSixty</h1>
<p class="card-content">
In addition to being an engineer, I also love communication science and technology. Innovation could come to a standstill
if the public does not understand new technologies or the what problems it can solve. Therefore, I’ve started a radio show
(ScienceForSixty) on KRUI, the student radio station at the University of Iowa. The goal of the show is to dissect complicated
scientific topics and present them in an easy manner to our listeners. With the occasional help from experts (e.g. professors,
post-docs, etc.) we elucidate topics ranging from cryptocurrency to simulating molecular dynamics.
</p>
</div>
<br>
<div class="card">
<h1 class="title" style="padding-left: 1%">Me</h1>
<br>
<div class="container has-text-centered">
<div class="column">
<img src="https://avatars.githubusercontent.com/u/4543437?v=3?height=180&width=180" width="300" height="300" class="is-bordered">
<div class="caption text-center">
Shahaed Hasan
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>