-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (110 loc) · 5.48 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Daniel Kashepava</title>
<script src="js/index.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css"
integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
</head>
<body>
<header>
<nav class="menu" id="menu">
<a class="menuitem" href="index.html">Home</a>
<a class="menuitem" href="experience.html">Work Experience</a>
<a class="menuitem" href="projects.html">Projects</a>
<a class="menuitem" href="writingsamples.html">Writing Samples</a>
<a class="menuitem" href="contact.html">Contact</a>
</nav>
<a class="defaultlink" id="bsd" href="https://en.wikipedia.org/wiki/Besiyata_Dishmaya">בס״ד</a>
</header>
<section class="fullpagesection">
<h1>Hey there!</h1>
<div class="profile">
<div class="introtext">
<div>
<h2 style="padding: 0px;">I'm <strong class="strongtext" style="color:wheat">Daniel
Kashepava</strong></h2>
<p style="font-size: large;">A <strong>Smart Contract Engineer</strong> with a passion for Web3.</p>
</div>
</div>
<img class="introphoto" src="img/introphoto.png"
style="max-height:45vh; padding:10px; border-radius: 50px;">
</div>
<ul class="index-buttons">
<li class="index-buttons_item"><button class="index-button" onclick="location.href='#quickfacts';">Quick
Facts</button>
</li>
<li class="index-buttons_item"><button class="index-button"
onclick="location.href='#resume';">Résumé</button></li>
</ul>
</section>
<section class="fullpagesection" id="quickfacts">
<div style="padding-top: 5%;">
<h1 style="text-align: left;">I'm a...</h1>
<ul class="introfactslist">
<li class="introfact">
<div>
<h3 style="text-align: center; color: wheat;">Experienced Dev</h3>
<p>I have over three years of experience as a Software Developer, most recently as a
<strong>Smart Contract Engineer</strong> at Node Guardians.
My expertise includes Smart Contracts, DevOps, and Web Development.
</p>
</div>
<div class="infobox-button-container"><button class="infobox-button"
onclick="location.href='experience.html';">Work Experience</button>
</div>
</li>
<li class="introfact">
<div>
<h3 style="text-align: center; color: wheat;">Crypto Native</h3>
<p>I've worked full- and part-time in the crypto space <strong>since 2021</strong>
in various lines of work, including as a smart contract developer,
marketing content director, and technical writer. As an enthusiast, I've been involved with Bitcoin since the MtGox days.
</p>
</div>
<div class="infobox-button-container"><button class="infobox-button"
onclick="location.href='writingsamples.html';">Writing
Samples</button></div>
</li>
<li class="introfact">
<div>
<h3 style="text-align: center; color: wheat;">Autodidact</h3>
<p>With a knack for picking up skills quickly and independent learning, I've learned a lot about the space over the last few years.
My <strong>Solidity</strong> and <strong>ZK Proofs</strong> skills are all either self-taught or learned on the job.
</p>
</div>
<div class="infobox-button-container"><button class="infobox-button"
onclick="location.href='projects.html';">Projects</button></div>
</li>
</ul>
</div>
</section>
<section class="fullpagesection" id="resume" style="text-align: center;">
<h1>My Résumé</h1>
<iframe id="resumepdf" style="width:75vw; height: 75vh;"
src="https://kashepava.com/danielkashepavaresume2024.pdf">
</iframe>
</section>
<footer class="footer">
<ul class="social-list">
<li class="social-list__item">
<a href="mailto:[email protected]" class="social-list__link">
<i class="fas fa-envelope" style="font-size: 150%; color: wheat;"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.linkedin.com/in/daniel-kashepava-a312ba112/">
<i class="fab fa-linkedin" style="font-size: 150%; color: wheat;"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/kashepavadan">
<i class="fab fa-github" style="font-size: 150%; color: wheat;"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>