-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
132 lines (116 loc) · 3.99 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me | Vinny Jodoin</title>
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="images/site.webmanifest">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
}
header {
height: 30vh;
background-image: url('images/UTK_zoom.jpg');
background-size: cover;
background-position: center 10%;
color: white;
padding: 50px 0;
text-align: center;
}
nav {
margin: 20px 0;
text-align: center;
}
nav a {
margin: 0 15px;
color: #333;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
color: #4CAF50;
}
section {
padding: 20px;
max-width: 1000px;
margin: 0 auto;
background-color: white;
}
footer {
text-align: center;
padding: 20px;
background-color: #333;
color: white;
}
.projects, .experience {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 768px) {
.card {
flex: 1 1 100%;
}
}
.cards, .experience {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 40px;
background-color: #f5f5f5;
}
.card {
background-color: #eee;
padding: 20px;
margin: 15px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
flex: 1 1 calc(30% - 40px); /* Adjust card size */
max-width: 300px;
transition: transform 0.3s, box-shadow 0.3s;
}
.card h3 {
color: #333;
}
.card p {
color: #555;
line-height: 1.5;
}
.card:hover {
transform: translateY(-10px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
</style>
</head>
<body>
<header>
<h1>Vinny Jodoin - About Me</h1>
</header>
<nav>
<a href="about.html">About Me</a>
<a href="projects.html">Projects</a>
<a href="experience.html">Experience</a>
<a href="contact.html">Contact</a>
</nav>
<section>
<h2>Hello!</h2>
<img src="images/profile.png" alt="Vinny Jodoin" style="width: 150px; border-radius: 50%;">
<p>I am a PhD student in Mathematics with a passion for solving complex problems, teaching, and conducting research in applied and theoretical mathematics. My current research focuses on mathematical biology, and I am particularly interested in public health. In addition to my research, I enjoy mentoring students and promoting mathematical thinking to wider audiences.
I am a graduate student at the University of Tennessee. After working in the classroom for years, I decided to work and earn my masters at the same time. Pursuing a masters degree gave me the drive to want to learn more, research more, and understand how to develop models for open questions. Now, I am pursuing a PhD in Math-Biology. Outside of school and work, you can still find me volunteering for local schools or outreach programs, helping my wife at our shop, or organizing chess events!
I hope we are able to connect, and thanks for visiting,
Vinny Jodoin
</p>
</section>
<section id="projects">
<footer>
<p>© 2024 Vinny Jodoin. All rights reserved.</p>
</footer>
</body>
</html>