PersonalWeb/index.html at main · Vivian0105/PersonalWeb · GitHub

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
<!DOCTYPE html>
<HTML>
<head>
    <title>Huimin Lyu</title>
    <link rel="stylesheet" href="CSS/styles.css">
    <link rel="icon" href="favicon.ico">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
    <script src="https://kit.fontawesome.com/2f8aa0aadb.js" crossorigin="anonymous"></script>
</head>
<body>
    <ul class="nav">
        <li class="nav-item">
          <a class="nav-link active" href="#projects">Projects</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active" href="#skills">Skills</a>
          </li>
        <li class="nav-item">
          <a class="nav-link" href="#contact">Contact</a>
        </li>
    </ul>
    <div class="title">
        <img class="profile_img" src="Huimin.png" alt="Huimin's profile">
        <h1>Huimin Lyu</h1>
        <h4>Software Engineer</h4>
    </div>
    <section id="projects">
        <div>
            <h3>Projects</h3>
            <div class="projects_box">
                <img class="tool_img" src="images/tools1-modified.png" alt="tools images">
                <h4>Website Development</h4>
                <ul class="project_list">
                    <li>Developed a web which was able to interact with relational database for a tool rental company.
                    </li>
                    <li>Implemented “make reservation” web page where customers were able to search for available tools, add tools to shopping cart and make reservation.
                    </li>
                    <li>Implemented “drop off” web page where rented fee could be calculated and receipt would be printed automatically when tools were returned.
                    </li>
                    <li>Implemented “report” pages where clerks were able to generate reports with sortable columns.
                    </li>
                </ul>
            </div>
            <div class="projects_box">
                <img class="num_img" src="images/5-modified.png" alt="number detection images">
                <h4>Numbers Detection and Recognition in Photos</h4>
                <ul class="project_list">
                    <li>Built Convolutional Neural Network to classify digits in Python with package TensorFlow.
                    </li>
                    <li>Trained The Street View House Numbers datasets which contains 100,000 digit images and got accuracy of 96% on digit classification.
                    </li>
                    <li>Located and classified digits in photos and combined digits into sequences of numbers.
                    </li>
                </ul>
            </div>
            <div class="projects_box">
                <img class="disease_img" src="images/disease-modified.png" alt="disease prediction">
                <h4>The Onset of Sepsis Prediction</h4>
                <ul class="project_list">
                    <li>Built logistic regression, random forest, LSTM and GRU models to predict the onset of sepsis using electronic health records via the MIMIC-III database.
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <div class="skills" id="skills">
        <h3>Skills</h3>
        <div class="row">
            <div class='col-md-4'>
                <table class="skill_table">
                    <tr>
                        <td>Web Development</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>Machine Learning</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>Data Visualization</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                </table>
            </div>
            <div class='col-md-4'>
                <table class="skill_table">
                    <tr>
                        <td>Python</td>
                        <td>⭐⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>R</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>Javascript</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>SQL</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                </table>
            </div>
            <div class='col-md-4'>
                <table class="skill_table">
                    <tr>
                        <td>HTML</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>CSS</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>Node.JS</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                    <tr>
                        <td>Git</td>
                        <td>⭐⭐⭐⭐</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <div class="work">
        <h3>Work Experience</h3>
        <table class="work_table">
            <tr>
                <th>DATE</th>
                <th>COMPANY</th>
                <th>TITLE</th>
            </tr>
            <tr>
                <td>Oct 2021 - Now</td>
                <td>Boehringer Ingelheim</td>
                <td>Bioinformatics Scientist</td>
            </tr>
        </table>
    </div>
    <section id="contact">
        <h3>Contact Me</h3>
        <p>Email Address:  huiminlyu0105@gmail.com </p>
        <br>
        <form action="mailto:huiminlyu0105@gmail.com" method="post" enctype="text/plain">
            <input class="contact_area" type="text" name="Name" placeholder="Your Name"><br>
            <input class="contact_area" type="email" name="Email" placeholder="Your Email"><br>
            <textarea class="contact_area" name="Message" cols="30" rows="10" placeholder="Your Message"></textarea><br>
            <button type="submit" class="btn btn-warning">Submit</button>
        </form>
    </section>

<div class="footer_box">
    <a class="footer_link" href="https://www.linkedin.com/in/huiminlyu/"><i class="fab fa-linkedin"></i></a>
    <a class="footer_link" href="https://github.com/Vivian0105"><i class="fab fa-github"></i></a>
</div>
</body>

</HTML>