-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
87 lines (87 loc) · 5.08 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sam Cleveland</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<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=Roboto:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="content" style="max-width:2000px">
<div class="navbar">
<div class="navlink">
<a href="index.html">Home</a>
</div>
<div class="navlink">
<a href="programming.html">Programming</a>
</div>
<div class="navlink">
<a href="music.html">Music</a>
</div>
<div class="navlink">
<a href="academics.html">Academics</a>
</div>
</div>
<div class="center">
<img src="resources/forest.jpeg" style="width:100%">
<div class="centered-text" style="z-index: 1">
<p style="font-size: 60px;color:var(--charcoal);margin:20px">Sam Cleveland</p>
<p style="font-size: 20px;color:var(--charcoal)">Programmer, Student, Musician</p>
</div>
</div>
<div class="about" style="">
<img class="aboutimg" src="resources/IMG_0124.jpeg">
<p style="width:100%;font-size:58px;margin-left: 45px;">About Me</p>
<p style="font-size:19px;margin-left: 45px;width:35%">
Hey, My name is Sam Cleveland. I am a Junior at DCA in El Dorado
Hills, California. I enjoy programming, reading, playing the piano,
learning math, and playing chess among many other things. This
website is a place where I can show off all the stuff I do. I have
worked on many projects and have many planned so make sure to
check out all the different things I do.<br>
<br>
I have enjoyed coding and writing programs since I was young. The
programming languages that I use most frequently are Java, Python,
HTML5, javascript(node.js), and C++. I like making all different
types of things, but Machine Learning is particularly interesting
to me.
<br>
I go to District Church and am a firm beleiver in Jesus Christ. I
enjoy participating in worship (whether in the band or not), and
I love connecting with other beleivers to talk about faith. I am
always trying to read the Bible more and spend more time with God.
My favorite Bible verse is Proverbs 3:5-6, "Trust in the LORD with
all your heart and lean not on your own understanding. In all your
ways submit to him and he will make your paths straight."<br>
<br>
I play keys (piano) in the worship band at District church on
Sundays and I enjoy listening to and playing music. I am always
trying to get better and learn more to sound better for myself and
for anyone that I play for. I might release music in the future if
I ever get around to learning the ins and outs of creating it. So
look out for that.<br>
<br>
Other than that, I enjoy reading, school(sometimes), playing chess
solving rubik's cubes, swimming, hiking, languages and other stuff
too. My favorite book is the screwtape letters but some other good
ones that I reccomend are The Road, Humble Pi, The Martian,
Hail Mary, The C.S. Lewis Space Trilogy, Ender's Game, and The
Three Body Problem. I play chess a lot but I still have a lot to
learn. Languages and Linguistics have always interested me and I
am studying Spanish currently but I would like to learn several
languages.<br>
<br>
</p>
</div>
</div>
<footer style="text-align: center;">
<a href="https://github.com/sam-cleveland" class="fa fa-2x fa-github"></a>
<a href="https://https://www.instagram.com/samcleveland06/" class="fa fa-2x fa-instagram"></a>
<a href="https://open.spotify.com/user/31psx5jdpj7cbj7ssa4nx2htimme?si=e441c9e71e1a449f"class="fa fa-2x fa-spotify"></a>
<a href="mailto:[email protected]" class="fa fa-2x fa-envelope"></a>
</footer>
</body>
</html>