-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
124 lines (116 loc) · 5.85 KB
/
index.html
File metadata and controls
124 lines (116 loc) · 5.85 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>David Young Lee - Personal Website</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-social.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Nunito:400,700' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'
type='text/css'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/themes/prism.min.css" rel="stylesheet">
<link rel="icon" href="https://img.icons8.com/office/30/000000/badminton-2.png">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">David Young Lee</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="https://ko-fi.com/davidlee">Support</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">Menu<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="notes.html">Notes</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Jumbotron -->
<div class="jumbotron">
<div class="container">
<h2>David Young Lee</h2>
<p>Hello, I'm a graduate student passionately immersing myself in the Bioinformatics and Software space. Here I am
putting to practice the web development that I am learning in my free time. Thank you for visiting!</p>
<p>Some possible content coming soon:</p>
<p class="upcoming-content">Side projects in ReactJS <br>
Badminton equipment blog posts <br>
Personal blog posts
</p>
<br>
<p>
<a class="btn btn-primary btn-lg" href="about.html" role="button">About</a>
<a class="btn btn-lg btn-social-icon btn-github" href="https://github.com/davidylee">
<span class="fa fa-github"></span>
<a class="btn btn-lg btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/david-young-lee/">
<span class="fa fa-linkedin"></span>
</a>
<a href="https://mentorcruise.com/mentor/davidlee/" target="_blank">
<svg viewBox="0 0 60 60" width="48px" height="48px" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 30C0 24.0666 1.75945 18.2664 5.0559 13.3329C8.35234 8.39941 13.0377 4.55425 18.5195 2.28362C24.0013 0.0129938 30.0333 -0.5811 35.8527 0.576457C41.6721 1.73401 47.0176 4.59123 51.2132 8.7868C55.4088 12.9824 58.266 18.3279 59.4235 24.1473C60.5811 29.9667 59.987 35.9987 57.7164 41.4805C55.4457 46.9623 51.6006 51.6476 46.6671 54.9441C41.7336 58.2405 35.9334 60 30 60C26.0603 60 22.1592 59.224 18.5195 57.7164C14.8797 56.2088 11.5725 53.999 8.78675 51.2132C6.00099 48.4275 3.79123 45.1203 2.2836 41.4805C0.775959 37.8407 -7.62939e-06 33.9397 0 30ZM23.6848 18.7418L17.3698 29.6797H29.0331V9.4784L23.6848 18.7418ZM30.9668 9.47817V29.6797H42.63L36.315 18.7418L30.9668 9.47817ZM52.1444 31.6134H7.85548L12.0545 38.886H47.9455L52.1444 31.6134ZM46.8291 40.8198H13.1708L17.3698 48.0927H42.63L46.8291 40.8198Z"
fill="currentColor"></path>
</svg>
</a>
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<section class="call-to-action">
<span class="glyphicon glyphicon-briefcase glyphicon-large" aria-hidden="true"></span>
</section>
<h3>Intern</h3>
<p>Lilly Biotechnology Center San Diego <br> Research IT - Biologics <br>Software Development & Bioinformatics
</p>
</div>
<div class="col-md-4">
<section class="call-to-action">
<span class="glyphicon glyphicon-education glyphicon-large" aria-hidden="true"></span>
</section>
<h3>Graduate Student</h3>
<p>MS Bioinformatics <br> San Diego State University
</p>
</div>
<div class="col-md-4">
<section class="call-to-action">
<span class="glyphicon glyphicon-floppy-disk glyphicon-large" aria-hidden="true"></span>
</section>
<h3>Web Developer</h3>
<p>Currently improving my skill in: <br> HTML/CSS <br> Javascript <br> ReactJS</p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.5.0/components/prism-python.js">
</script>
</body>
</html>