-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (116 loc) · 7.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
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
<!------ HOME PAGE ------->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Adeline Belova | Portfolio</title>
<meta name="description" content="A collection of free HTML widgets designed for Notion pages">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="NKcFXB0OZ66Zmp39lKDMumP3DvdUMTii6VPh8wJ9jSQ" />
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'/> <!--social media icons-->
<link rel="stylesheet" href="styles.css"/>
</head>
<nav class="navbar">
<a class="logo" href="index.html">Adeline Belova</a>
<a class="icon nav-options" href="https://www.linkedin.com/in/adeline-belova-553a01247/" target="_blank"><i class='bx bxl-linkedin-square'></i></a>
<a class="icon nav-options" href="https://github.com/adelinebelova" target="_blank"><i class='bx bxl-github'></i></a>
<a class="nav-options" href="#contact">Contact</a>
<a class="nav-options" href="#resume-section">Resume</a>
</nav>
<div id="wrapper-home">
<body class="body-home">
<div class="hero">
<h1 class="heading">Hi, I'm <span id="name" class="gradient highlight slanted">Adeline.</span></h1>
<p class="notion">Music and Computer Science Student</p>
<div class="text-box">
<p> I am a current undergraduate student at Florida State University pursuing a double major in General Music and Computer Science.
I aim to combine my passions of music and tech through my work through a variety of avenues, including but not limited to software development,
music performance, and music education.</p>
<a class="resume-link" href="#contact">
<div class="resume">Contact</div>
</a>
</div>
</div>
<div class="skills">
<div class="skill-wrapper">
<h1>Skills and Technologies</h1>
<div class="skill-icons">
<i class='bx bxl-c-plus-plus hvr-float' ></i> <!-- C++ -->
<i class='bx bxl-html5 hvr-float'></i> <!-- HTML -->
<i class='bx bxl-css3 hvr-float' ></i> <!-- CSS -->
<i class='bx bxl-javascript hvr-float' ></i> <!-- Javascript -->
<i class='bx bxl-visual-studio hvr-float' ></i> <!--VSCode-->
</div>
</div>
</div>
<div id="resume-section" class="resume-section">
<h1>Click to View <span class="slanted highlight">Resumes.</span></h1>
<div class="resume-links">
<div class="text-box">
<a target="_blank" href="/media/Adeline Belova Resume 2024.pdf" class="work-resume">Work Resume</a>
<a target="_blank" href="media/Adeline Belova Music Resume.pdf" class="music-resume">Music Resume</a>
</div>
</div>
</div>
<div id="projects-section" class="projects-section">
<h1 class="project-heading"> Projects </h1>
<div class="project">
<div class="text-box">
<img src="media/widget-site.png" alt="Notion Widgets"/>
</div>
<div class="project-text">
<span class="bright-highlight slanted">Widgets for Notion </span>
<a href="https://widgetsbyaddie.netlify.app/" target="_blank" class="highlight-2">https://widgetsbyaddie.netlify.app/</a>
<p>
Built and published a website in Visual Studio Code using HTML, CSS, and JavaScript to share a variety of
widgets for Notion, a freemium productivity and note-taking web application. Widgets are each built using HTML, CSS, and JavaScript, such as calculators and time/date clock display.
Website is published using Netlify and appears in Google Search Console, allowing all Notion users to easily implement the widgets into their own pages for free.
</p>
<span class="project-icons">
<i class='bx bxl-html5'></i> <!-- HTML -->
<i class='bx bxl-css3' ></i> <!-- CSS -->
<i class='bx bxl-javascript' ></i>
<a class="project-github" href="https://github.com/adelinebelova" target="_blank"><i class='bx bxl-github'></i></a>
</span>
</div>
</div>
<div class="project">
<div class="text-box">
<img src="media/pokemon.png" alt="Pokemon Console Game"/>
</div>
<div class="project-text">
<span class="bright-highlight slanted">Pokemon Console Game </span>
<p>
Built a <span class="slanted">Pokémon Go</span> style console game in Visual Studio Code using C++, enabling the user to catch, sort, and research their Pokémon using external text file data.
Utilizes implementation of structures, functions, randomness, sorting file data into an array, and game logic to provide a seamless, ease-of-use game experience.
</p>
<span class="project-icons">
<i class='bx bxl-c-plus-plus' ></i>
</span>
</div>
</div>
</div>
<div id="contact" class="contact-section">
<h3>Contact Me</h3>
<div class="contacts">
<div class="email-group">
<div id="email" class="[email protected]">
<i class='bx bx-envelope contact-icon'></i>
</div>
</div>
<a class="contact-icon" href="https://github.com/adelinebelova" target="_blank"><i class='bx bxl-github'></i></a>
<a class="contact-icon" href="https://www.linkedin.com/in/adeline-belova-553a01247/" target="_blank"><i class='bx bxl-linkedin-square'></i></a>
</div>
</div>
</body>
<footer>
<div id="footer">
<p class="creator">Designed and Created by Adeline Belova</p>
<p class="copyright">© Copyright <span class="slanted">Adeline Belova Portfolio</span> 2023</p>
</div>
</footer>
</div>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="script.js"></script>
</html>