-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (91 loc) · 8.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Jerry Chen</title>
<link rel="stylesheet" href="css\styles.css">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="images\cloud.png" alt="cloid-img">
<h1>I'm Jerry.</h1>
<h2>a <span class="software">software</span> engineer.</h2>
<img class= "bottom-cloud" src="images\cloud.png" alt="cloud-img">
<img src="images\mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
<img src="https://media.cakeresume.com/image/upload/s--S6roQOOz--/c_fill,g_face,h_120,w_120/v1672820497/xlgqibhoubya8g1kinn4.jpg" alt="Jerry Chen Profile Picture">
<h2>Hello.</h2>
<p class="intro"> I'm interested in Web3 and blockchain. I love playing hockey and watching movies. I want to become better in front-end development.</p>
</div>
<hr>
<div>
<h2>Educations.</h2>
<div class="educations-row">
<img class="YZU-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQg5h2PiCBhA_r-FjyCpreNHkULQnVCZboO80rheV1D_w&s" alt="YZU icon">
<h3>Yuan Ze University</h3>
<p>BEng, Mechanical Engineering</p>
</div>
<div class="educations-row">
<img class="SSSH-img" src="https://media.cakeresume.com/image/upload/s--sZIjwpWS--/c_pad,fl_png8,h_200,w_200/v1593319864/xqr2wmzmrvc3uwr1hsba.png" alt="SSSH icon">
<h3>Taipei Song Shan Senior High School</h3>
<p>Social Activities: Student Association</p>
</div>
</div>
<hr>
<h2>Work Experiences.</h2>
<div class="experience-row">
<img class="Binance-img" src="https://cdn-icons-png.flaticon.com/128/6163/6163373.png" alt="Binance icon">
<h3>Binance</h3>
<p>Binance Prepared Angel</p>
</div>
<div class="experience-row">
<img class="FE-img" src="data:image/png;base64,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" alt="FE icon">
<h3>Fortune Electric Co.,LTD</h3>
<p>Research and Development Internship</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="Python-img" src="https://media4.giphy.com/media/KAq5w47R9rmTuvWOWa/200.webp?cid=ecf05e47d9dp2mlqaku4qjuv0trny5jt4duj1z8ooxvn3j5c&rid=200.webp&ct=g" alt="Python icon">
<h3>Python</h3>
<p class="">I started my Python journey when I was in college, and using Python to make cool scripts that makes life easier is so much fun.</p>
</div>
<div class="skill-row">
<img class="Javascript-img" src="https://media4.giphy.com/media/SvFocn0wNMx0iv2rYz/200w.webp?cid=ecf05e47mbu35qtwjmiavfxyip54yce5fn76yif4g3vusawv&rid=200w.webp&ct=g" alt="Javascript icon">
<h3>Javascript</h3>
<p class="">I love the frontend stuff that makes me chill when I'm programming with it. It's so flexible than backend stuff. Although I'm still learning it, I will become better someday.</p>
</div>
<div class="skill-row">
<img class="Autocad-img" src="https://img.icons8.com/fluency/3x/autocad.png" alt="Autocad icon">
<h3>Autocad</h3>
<p>I learned Autocad when I was in college. I can draw many different kinds of mechanical components. And I have such drawing experiences in electric generators' components during my internship.</p>
</div>
<div class="skill-row">
<img class="Solidworks-img" src="https://img.icons8.com/color/3x/solidworks.png" alt="Solidworks icon">
<h3>Solidworks</h3>
<p>I learned solidworks in my freshman year. And we used Solidworks a lot in our Mechanical Design projects in junior to draw our basketball stand and finite elements analysis. Then we do optimization to find the perfect frame values by using different data of stress and displacement values.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If there is anything I can help, please contact me!</h3>
<p class="conatact-message">Feel free to contact me! Anything with movies, programming, music, or blockchain.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/chien-jui-jerry-chen-21a11720a/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/JhiNResH">Twitter</a>
<a class="footer-link" href="https://github.com/JhiNResH">Github</a>
<p class="copyright">© 2023 Jerry Chen</p>
</div>
</body>
</html>