-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (161 loc) · 7.46 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
<!DOCTYPE HTML>
<!--
Strata by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Strata by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"><img src="images/avatar.jpg" alt="" /></a>
<h1><strong>I am Song(宋)</strong>, an AI enthusiast<br />
Be the change that you wish to see in the world<br />
</h1>
</div>
</header>
<!-- Main -->
<style>
#nav {
position: fixed; /* Keeps it in place during scrolling */
top: 10px; /* Adjust as needed for positioning from the top */
right: 10px; /* Adjust as needed for positioning from the right */
background-color: #fff; /* Optional: give it a background for better readability */
padding: 10px;
border-radius: 5px; /* Optional: rounded corners for aesthetics */
z-index: 1000; /* Ensure the navigation stays on top of other content */
}
#nav ul {
list-style-type: none; /* Remove default bullet points */
margin: 0;
padding: 0;
display: flex; /* Flex layout to organize items in one line */
justify-content: space-between; /* Distribute space between items */
}
#nav ul a {
display: inline-block; /* Display the links inline */
margin-right: 25px; /* Add space between the links */
text-decoration: none; /* Optional: remove the default underline from links */
color: #333; /* Optional: set a default color for the links */
}
#nav ul a:last-child {
margin-right: 0; /* Removes the right margin from the last link */
}
</style>
<div id="main">
<nav id="nav">
<ul>
<a href="./portfolio_english_learning.html">Portfolio</a>
<a href="./resume.html">Resume</a>
<a href="./deployment.html">Deployment</a>
</ul>
</nav>
<!-- One -->
<section id="one">
<header class="major">
<h2>
Work Experience</h2>
</header>
<h3>Data Scientist(Most Recent)</h3>
<p>@WorkFusion, R&D Department 05/2021-Present</p>
<ul>
<li>Lead multiple projects focused on identifying and addressing product vulnerabilities through in-depth research, experimentation, and evaluation of best practices to enhance product performance and security.</li>
<li>Streamline operational workflows by identifying process improvement opportunities and leveraging automation techniques to increase efficiency and productivity.</li>
<li>Finetune, train, evaluate, and validate machine/deep learning models utilizing cloud computing platforms, ensuring scalability and efficient resource utilization.</li>
<li>Stay abreast of cutting-edge research papers, applying state-of-the-art methods into end-to-end workflows to drive innovation and advancement in the field.</li>
</ul>
<h3>Education</h3>
<h4><i class="fas fa-graduation-cap"></i>Stevens Institute of Technology, Hoboken, NJ</h4>
<p>Master of Science in Business Intelligence & Analytics, <strong>Dean’s List</strong> - GPA 3.73/4.0, Graduated: 12/2017</p>
<h4><i class="fas fa-graduation-cap"></i>Indiana University, Bloomington, IN</h4>
<p>Bachelor of Arts: Economics & Mathematics, GPA: 3.2/4.0, Graduated: 12/2015</p>
<ul class="actions">
<li><a href="resume.html" class="button">Learn More</a></li>
</ul>
</section>
<!-- Two -->
<section id="two">
<h2>Recent 5am Project(English Learning Chatbot)</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/enitre_flow.png" class="image fit thumb"><img src="images/enitre_flow.png" alt="" /></a>
<h3>English Learning Chatbot</h3>
</article>
<p>Before we get into business, let's bring Song(Which is me) on the stage to share his one of his embarassment moments when he fresh off the boat.</p>
<p>Song: Oh man, that traced back to 2011 when trying to order a sandwich from Subway in a winter day. When it's my turn, the young lady asked me what meat? what veggie? What cheese? Oh boy, I had no clue. But I was smart enough to respond same as the last customer ordered. That was close!</p>
<p>With the power of AI, we're bringing English learning to the fingertips of non-native speakers. Imagine having your very own AI-powered English coach. My dream? Use cutting-edge tech to make learning absolutely free and spread knowledge without any roadblocks. </p>
<p>Click into Full Portfolio to check More!</p>
</div>
<ul class="actions">
<li><a href="portfolio_english_learning.html" class="button">Full Portfolio</a></li>
</ul>
</section>
<!-- Three -->
<section id="three">
<h2>Get In Touch</h2>
<p>This feature is not enabled at this moment.</p>
<div class="row">
<div class="col-8 col-12-small">
<form method="post" action="#">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
</div>
</form>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-home"><span class="label">Address</span></h3>
1234 Somewhere Rd.<br />
Nashville, TN 00000<br />
United States
</li>
<li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></h3>
000-000-0000
</li>
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="#">[email protected]</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>