-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (88 loc) · 4.57 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
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-food.css">
<style>
html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif
}
</style>
<head>
<title>Matthew Trang</title>
</head>
<body>
<!-- Navigation -->
<div class "w3-bar w3-light-grey w3-border w3-green">
<a href="#home" class="w3-button w3-bar-item w3-green">Home</a>
<a href="projects.html" class="w3-button w3-bar-item w3-hover-none w3-border-white w3-bottombar w3-hover-border-black">Projects</a>
<a href="awards.html" class="w3-button w3-bar-item w3-hover-none w3-border-white w3-bottombar w3-hover-border-black">Awards</a>
<a href="games.html" class="w3-button w3-bar-item w3-hover-none w3-border-white w3-bottombar w3-hover-border-black">Games</a>
</div>
<!-- Profile Pic -->
<section>
<div class="w3-container w3-center">
<img src="images/headshot_1.jpg" alt="Headshot" style="max-width:300px">
</div>
</section>
<!-- Page Title -->
<section class="w3-container w3-center w3-gray">
<h1>OUT OF DATE, VISIT MY NEW WEBSITE</h1>
<h1><a href=https://www.trangml.com>trangml.com</a></h1>
</section>
<section class="w3-container w3-center">
<h1>Matthew Trang's Portfolio</h1>
<p>Welcome to my project portfolio page.</p>
<p>Here you can see all my past, present, and future projects, as well as my awards and personal motivations. </p>
<p>Click on the navigation tabs above to see more!</p>
<p><i>(This page is still a work in progress, so contact me with any inquiries or suggestions)</i></p>
</section>
<!-- Biography Section -->
<section class="w3-container w3-center w3-light-grey">
<h2 class="w3-wide">Biography</h2>
<p class="w3-opacity"><i>Engineering and Innovation</i></p>
</section>
<section class="w3-container w3-content w3-center w3-padding-24" style="max-width:1000px">
<p class="w3-justify">
Matthew L. Trang is currently a rising sophomore Computer Engineering student and Pamplin Scholar Award recipient at Virginia Tech. In 2018, he graduated as a National Merit Finalist and Valedictorian from Patriot High School and the Governor’s
School at Innovation Park in Northern Virginia. Matthew has an interest in robotics, autonomomy, and machine learning.</p>
</section>
<!-- Resume Section -->
<section class="w3-container w3-center w3-light-grey">
<h2 class="w3-wide">Resume</h2>
</section>
<section class="w3-container w3-content w3-center w3-padding-24" style="max-width:1000px">
<a href="MatthewTrang_EngineeringResume.pdf"> Download Here (Right click and select Save As) </a>
</section>
<!--Personal Statement-->
<section class ="w3-container w3-center w3-light-grey">
<h2 class="w3-wide">Personal Statement</h2>
<p class="w3-opacity"><i>My Motivations</i></p>
</section>
<section class="w3-container w3-content w3-center w3-padding-24" style="max-width:1000px">
<p class="w3-justify">
I hope to use my computer engineering degree to build innovative devices such as exoskeletons and robotic assistive technologies. I aspire to be an engineer to build solutions
and apply them to helping the lives of others. I was previously an Algorithm Developer and Diagram Designer for Scriyb, Laboratory Research Assistant at George Mason University, and Engineering Lead for the ASSIP Inventor's Club. Through these
experiences, I have been a contributing author on a chapter of a book titled "Learning Engineering for Online Education", invented and patented two online education technologies, researched and built a testing mechanism for human motion, and
created a device that monitors patient's knees after knee surgery to check for complications such as blood clots or improper gait.</p>
<p class="w3-justify">These experiences are just the start of my journey as an engineer, and I'm excited to create many other innovations to assist those in need. </p>
</section>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-black w3-xlarge">
<h5>Contact me: [email protected]</h5>
<!--<a href="#"><i class="fa fa-envelope"></i></a>-->
<a href="https://www.linkedin.com/in/matthew-trang"><i class="fa fa-linkedin"></i></a>
<a href="https://www.facebook.com/matthew.trang"><i class="fa fa-facebook-official"></i></a>
</footer>
</body>
</html>