-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresume.html
158 lines (140 loc) · 7.61 KB
/
resume.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="en">
<head id="head">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Resume</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="/css/resume-style.css">
<link rel="stylesheet" href="/css/custom-style.css">
</head>
<body>
<header
class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 mb-4 border-bottom">
<div class="col-md-3 mb-2 mb-md-0">
<a href="/" class="d-inline-flex link-body-emphasis text-decoration-none">
<svg id="logo" version="1.0" xmlns="http://www.w3.org/2000/svg" width="60" height="42"
viewBox="0 0 1000.000000 1000.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,1000.000000) scale(0.100000,-0.100000)" fill="#000000"
stroke="none">
<path d="M5390 6189 c0 -745 4 -1269 10 -1339 65 -725 661 -1303 1392 -1347
l98 -6 0 356 0 356 -47 6 c-255 30 -444 132 -576 308 -64 84 -96 146 -128 242
l-23 70 -6 990 c-7 1110 -1 1029 -83 1195 -33 67 -59 103 -127 171 -125 127
-271 198 -437 214 l-73 7 0 -1223z" />
<path d="M4445 6493 c-16 -2 -77 -13 -135 -24 -281 -57 -523 -186 -736 -392
-138 -133 -226 -253 -309 -422 -110 -225 -155 -419 -155 -670 0 -433 172 -813
502 -1110 184 -166 407 -279 677 -342 106 -25 134 -27 316 -27 181 0 211 2
315 26 178 41 339 106 475 191 66 41 203 147 238 184 l28 30 -37 44 c-122 147
-236 366 -297 572 l-23 79 -33 -52 c-179 -276 -518 -417 -836 -346 -235 52
-447 223 -546 442 -36 80 -69 224 -69 304 0 67 22 197 45 265 101 295 364 502
688 540 l57 6 0 355 0 354 -67 -1 c-38 -1 -81 -4 -98 -6z" />
</g>
</svg>
<span class="fs-4">Resume Page</span>
</a>
</div>
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li><a href="#" class="nav-link px-2 link-secondary">Home</a></li>
<li><a href="#about" class="nav-link px-2">About</a></li>
<li><a href="#contact" class="nav-link px-2">Contact</a></li>
<li><a href="#" class="nav-link px-2">Projects</a></li>
<li><a href="#" class="nav-link px-2">Interest</a></li>
</ul>
<div class="col-md-3 text-end">
<button type="button" class="btn btn-outline-primary me-2" id="modeSwitch">Mode Switch</button>
<button type="button" class="btn btn-primary"><a href="#" id="resume-download" class="nav-link"
target="_blank">Download
Resume</a></button>
</div>
</header>
<div class="container">
<div class="d-flex justify-content-between border-bottom">
<h1 id="title">Daya <span style="font-size: 0.7em;">Shankar</span></h1>
<div class="btn-group">
<button type="button" class="btn btn-outline-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-linkedin" viewBox="0 0 16 16">
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z">
</path>
</svg>
<span class="visually-hidden">Button</span>
</button>
<button type="button" class="btn btn-outline-secondary">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-github" viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z">
</path>
</svg>
<span class="visually-hidden">Button</span>
</button>
</div>
</div>
<div class="row mt-4">
<div class="col-4 border-end">
<div id="image-container">
<img src=".\images\daya_img_cropped_black_bg.png" alt="profile photo">
</div>
<hr>
<h2>Contact</h2>
<ul id="contacts"></ul>
<h2>Skills</h2>
<ul id="skills">
</ul>
<h2>Hobbies</h2>
<ol>
<li>Reading</li>
<li>Photography</li>
</ol>
</div>
<div class="col-8">
<h2>Summary</h2>
<p id="profile"></p>
<hr>
<h2>Education</h2>
<ol>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ol>
<hr>
<h2>Work experience</h2>
<ol>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ol>
<hr>
<h2>Achievements</h2>
<ol>
<li>abc</li>
<li>abc</li>
<li>abc</li>
</ol>
</div>
</div>
</div>
<div class="b-example-divider"></div>
<footer class="py-3 my-4">
<ul class="list-unstyled d-flex justify-content-center border-bottom pb-3 mb-3">
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#twitter"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#instagram"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#facebook"></use>
</svg></a></li>
</ul>
<p class="text-center text-body-secondary">© 2023 Daya Shankar Chaudhary, Made with ❤️</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
<script src="js/daya.js"></script>
<script src="js/resume.js"></script>
</body>
</html>