-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (128 loc) · 6.64 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
<!DOCTYPE html>
<html lang="eng">
<head>
<title>Zander Raycraft</title>
<link rel="icon" type="image/png" sizes="16x16" href="WebImages\favicon-16x16.png">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./phone_style.css">
<link rel="stylesheet" href="./tablet_style.css">
<script src="./transition.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!--Making a pre-loading screen-->
<div class="loading-screen">
<div class="loading-icon"></div>
</div>
<!--Building the Navigation bar-->
<nav>
<ul>
<li><a href="#aboutLocation" id="index-about">About Me</a></li>
<li><a href="#hobbiesLocation" id="index-hobbies">Hobbies</a></li>
<li><a href="#projectLocation" id="index-projects">Projects</a></li>
<li><a href="#contactLocation" id="index-contact">Contact</a></li>
</ul>
</nav>
<div class="image-wrapper">
<img src="WebImages\personalPicture2.jpg" alt="Your Image" id="firstChild">
<img src="WebImages\tealBack.jpg" alt="background image" id="secondChild">
<div class="image-alter">
<img src="WebImages\navyBackground.png" alt="Overimage">
</div>
<div class="input-text">
<h1><span>Zander</span>Raycraft</h1>
</div>
<div class="downloadImage">
<img src="WebImages\downloadImage.png" alt="downloadImage" id="downloadImage">
</div>
<div class="my-linkedIn">
<a href="https://www.linkedin.com/in/zander-raycraft/">
<img src="WebImages\LinkedIn.png" alt="LinkedIn" />
</a>
</div>
<div class="my-gitHub">
<a href="https://github.com/zander-raycraft">
<img src="WebImages\GitHub-logo.png" alt="GitHub"/>
</a>
</div>
<div class="student-text">Programmer</div>
<a href=".\2023_ZanderResume.pdf" download="2023_ZanderResume.pdf" class="download-link">
Resume
</a>
</div>
<div class="paragraph-wrapper">
<div class="image-container">
<h1 class="about-me" id="aboutLocation"><span>About</span>Me</h1>
<div class="paragraph-text">
<p id="firstParagraph">Howdy, my name is <strong>Zander Raycraft</strong>, and I am a student at Vanderbilt University studying
Computer Science and Cognitive Studies with an expected graduation date of May 2025. I am from Jefferson City,
TN, a little farm town outside of Knoxville, TN.
</p>
<h1 id="divider-paragraph">~</h1>
<p id="secondParagraph"> I am a problem solver and have a love for innovation, especaially in the fields of AI and Software development, and
a deep passion for almost anything related to technology. Whether it is trying to find a solution for world peace or
how many licks does it take to get to the center of a tootsie pop, you can always find me sinking my teeth into anything that
sparks my interest!
</p>
<h1 class="hobbies" id="hobbiesLocation">Hobbies</h1>
<img src="WebImages\progHobby.png" alt="prog image" id="progImage">
<!--This is the container for storing the text about programming hobbies-->
<div class="progTextContainer">
<p>I enjoy problem solving and programming solutions to issues. I am especially interested in Machine Learning,
Web Development Solutions, and technological advancement fields</p>
</div>
<img src="WebImages\workouthobby.png" alt="workout image" id="workoutImage">
<!--This is the container for storing the text about workout hobbies-->
<div class="workTextContainer">
<p>One of my hobbies is fitness, especially weightlifting. I love doing pretty much any physical activity
with friends, but am mostly a big tennis player.
</p>
</div>
<img src="WebImages\volHobby.png" alt="volunteer image" id="volunteerImage">
<!--This is the container for storing the text about volunteer hobbies-->
<div class="volTextContainer">
<p>I love to spend time doing things that give back to the community, currently I am in a
program where I teach science to middle schoolers.
</p>
</div>
<img src="WebImages\readingHobby.png" alt="reading image" id="readingImage">
<!--This is the container for storing the text about reading hobbies-->
<div class="readTextContainer">
<p>I love to immerse myself in readings outside of school, which is derieved from my desire to learn
new things.
</p>
</div>
<h1 class="projects" id="projectLocation">Projects</h1>
<img src="WebImages\vuCSD.png" alt="VU image" id="vuImage">
<!--This is the container for the research project description-->
<div class="researchText">
<p>I currently work as a research assistant for the Vanderbilt Department of Computer Science
where my focus is on the integration between control theory and machine learning using soft robotics
as an implementation of this theory.
</p>
</div>
<img src="WebImages\houseImage.png" alt="houseImage" id="houseImage">
<!--This is the container for the house project description-->
<div class="houseText">
<p>I am working on an application for predicting the selling prices of single-family real esate utilizing
Machine Learning and cross-data analysis.
</p>
</div>
<img src="WebImages\paperIcon.png" alt="papericon" id="paperIcon">
<!--This is the container for the paper parsing description-->
<div class="paperText">
<p>Currently working on a Machine Learning application for parsing and summarizing academic papers and returning
what is essentially a sparknotes of it, with a focus on papers on technological research.
</p>
</div>
<h1 class="contact-me" id="contactLocation"><span>Contact</span>Me</h1>
<h1 class="phone-number"><span>Phone Number</span>: +1 865-221-4571</h1>
<h1 class="email"><span>Email</span>: zanderraycraft504@gmail.com</h1>
<img src="WebImages\lineEnd.png" alt="endImg" id="imageEnd">
</div>
</div>
</div>
<!-- Background image container -->
<div class="background"></div>
</body>
</html>