-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (123 loc) · 6.73 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
<!DOCTYPE HTML>
<html>
<head>
<title>Minh Pham</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" href="images/icon.png">
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">Who I am </a></li>
<li><a href="#two">What I do</a></li>
<li><a href="#three">Get in touch</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<div style="display: flex;">
<a class="image"><img src="images/daisy.jpg" alt="" data-position="center center" height="300" width="auto"></a>
<a class="image"><img src="images/baby.jpg" alt="" data-position="center center" height="300" width="auto"></a>
<a class="image"><img src="images/random.jpg" alt="" data-position="center center" height="300" width="auto"></a>
<a class="image"><img src="images/holding_camera.jpg" alt="" data-position="center center" height="300" width="auto"></a>
</div>
<h1>Minh Pham</h1>
<p>Thank you for paying a visit to my personal website. Let me take you on a trip to discover things about myself!</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/un_pic.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Student at Bucknell University</h2>
<p>I am currently pursuing a Bachelor of Science at Computer Science, and I will be expected to graduate in 2027.</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>What I do</h2>
<p>I am passionate about computers and tech in general, therefore I chose to pursue Computer Science as a major. Throughout my past experience (i.e. research and internship) with software engineering, data engineering and machine learning, I have gained a stack of valuable skillset that will help me address more complex problems, therefore coming up with innovative solutions. I will attach my <b><a href="https://docs.google.com/document/d/16YCiEbj2tIXVYAP9lavPGD4B9HqBA5Cq/edit?usp=sharing&ouid=109817045254839290869&rtpof=true&sd=true">resume</a></b> here for a quick summary. Otherwise, here is an overview of my interests and past projects:</p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Some things that I do</h3>
<p>I am on the path of improving my skillset in fullstack software development. Currently, I am having a major interest in Machine Learning and Artificial Intelligence, and I am always open to opportunities related to this field (or not, I am happy with anything :) )</p>
<p> Projects:
<br><b><a href="https://github.com/minhpham1810/weather_prediction_project">1. Weather Prediction Project:</a></b> This project is a weather prediction application that uses <b>Python</b> and <b>Apache Spark</b> libraries (such as <b>PySpark, Pandas and Matplotlib</b>) for data processing and machine learning, and Tkinter for the graphical user interface (GUI). The app predicts temperatures based on historical weather data and displays the predictions along with actual data in both tables and graphs.
<br><b><a href="https://github.com/minhpham1810/catmemebot">2. CatMemeBot:</a></b> This is a <b>Discord chatbot</b> that I built using <b>Python</b> that generates random funny cat memes when user chats using certain keywords.
<br><b><a href="https://github.com/minhpham1810/FeelBit">3. FeelBit:</a></b> FeelBit is a mood-tracking app designed to help users reflect on their emotions and gain insights into their mental well-being. I, along with my teammates, built this application with <b>Java, JavaFX/Scenebuilder, MongoDB database, and Google Gemini API.</b>
</p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch</h2>
<p>I hope that you had a good experience exploring my personal website. If you want to have more information about me and what I do, or you simply just want to chat, feel free to reach out to me! I am sure that our conversation will be amazing <3 </p>
<div class="split style1">
<section>
<ul class="contact">
<li>
<h3>Address</h3>
<span>701 Moore Ave, Lewisburg, PA,
USA</span>
</li>
<li>
<h3>Email</h3>
</li>
<li>
<h3>Phone</h3>
<span>(272) 788-0427</span>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://x.com/MinhPhm1725788" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/profile.php?id=100012839411518" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/minhpham1810" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.instagram.com/phamkminh/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/khoaminhpham18/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>