-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (76 loc) · 1.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Riley Sinema - Personal Website</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
padding: 20px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header {
background: #35424a;
color: white;
padding-top: 30px;
min-height: 70px;
border-bottom: #e8491d 3px solid;
}
header h1 {
margin: 0;
text-align: center;
padding-bottom: 10px;
}
img {
max-width: 200px;
display: block;
margin: 20px auto;
border-radius: 50%;
}
.bio {
text-align: justify;
padding: 20px;
}
.contact {
background: #35424a;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h1>Riley Sinema</h1>
</header>
<div class="container">
<img src="/riley-pic.jpeg" alt="Riley Sinema" />
<div class="bio">
<h2>About Me</h2>
<p>
Hello! I'm a Master's student in the Computer Science department at
Brigham Young University. I'm passionate about computer science,
especially about Machine Learning and Computer Vision, and always
excited to learn new technologies. Currently, I'm focusing on how to
measure a model's calibration more effectively.
</p>
</div>
<div class="contact">
<h2>Contact Information</h2>
<p>Email: [email protected]</p>
</div>
</div>
</body>
</html>