-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
84 lines (78 loc) · 3.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA_Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href = "style.css">
<title>About</title>
</head>
<body>
<header>
<div id="nav-icon1" class="menu-trigger" onclick="toggleMenu()">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<nav class = "menu">
<ul>
<li><a href = "/index.html">Home</a></li>
<li><a href = "/about.html">About</a></li>
<li><a href = "/demos.html">Demos</a></li>
<li><a href = "https://github.com/kalo22">Git Repos</a></li>
</ul>
</nav>
</header>
<div class="scroll-to-top" id="scrollToTop">
<span>⥥</span>
</div>
<div class="photo" id="dynamicPhoto">
<img src="images/aplbg.jpeg" alt="cybergirl">
<div class="title-overlay">
<h1 class="gradient-text">Code the Future</h1>
</div>
</div>
<div class="feed-item">
<div class="content-item-bord">
<img src="memes/portrait.jpeg" alt="Your Image" class="profile-image" id='profpic'>
<div class='content-text'>
<h2>As a Computer Science student at Vrije Universiteit Amsterdam, I am passionate about
exploring the intersections of technology, engineering, business, and education.
My goal is to leverage my skills and knowledge to make a positive impact in these
domains.<br>I thrive in collaborative environments, having gained valuable experience
working within teams and engaging with customers. I'm always eager to embrace new
ideas and innovation while continuously seeking opportunities for personal and professional
growth. My ultimate aim is to contribute to the fields of technology and education, nurturing
improvement and progress.</h2>
</div>
</div>
</div>
<footer class="footer">
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<ul class="social-icon">
<!--<li class="social-icon__item"><a class="social-icon__link" href="#">
<ion-icon name="logo-facebook"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" href="#">
<ion-icon name="logo-twitter"></ion-icon>
</a></li>-->
<li class="social-icon__item"><a class="social-icon__link" href="https://www.linkedin.com/in/kaloyan-mladenov-75aa75227">
<ion-icon name="logo-linkedin"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" href="https://www.instagram.com/klnmldnv/">
<ion-icon name="logo-instagram"></ion-icon>
</a></li>
</ul>
<p>©2023 Kaloyan Mladenov | All Rights Reserved</p>
</footer>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script src="script.js"></script>
</body>
</html>