-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
171 lines (146 loc) · 14.5 KB
/
Copy pathindex.html
File metadata and controls
171 lines (146 loc) · 14.5 KB
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
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@1,300&family=Bree+Serif&family=Inter:wght@200;400&family=Libre+Baskerville&family=Lora:ital@1&family=M+PLUS+Rounded+1c:wght@500&family=Nanum+Myeongjo:wght@700&family=Roboto+Slab:wght@300&family=Signika+Negative:wght@500&family=Slabo+27px&family=Splash&family=The+Nautigal:wght@700&display=swap" rel="stylesheet">
<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
<style>
*{
font-family: 'Bree Serif', serif;
}
</style>
</head>
<body>
<div id="loader">
<img src="load.gif" alt="">
</div>
<div id="main">
<header class="l">
<nav class="nav bd-grid">
<div>
<a href="#" class="n-logo">Aparna Dubey</a>
</div>
<div class="n-menu" id="nav-menu">
<ul class="n-list">
<li class="n-item"><a href="#home" class="n-link active">Home</a></li>
<li class="n-item"><a href="#about" class="n-link">About</a></li>
<li class="n-item"><a href="#skills" class="n-link">Skills</a></li>
<li class="n-item"><a href="#contact" class="n-link">Contact</a></li>
</ul>
</div>
<div class="n-toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
</nav>
</header>
<main class="l-main">
<section class="home bd-grid" id="home">
<div class="h-data">
<h1 class="h-title">Hello!<br>I am <span class="h-title-color">Aparna Dubey</span><br> <span class="anim"></span></h1>
<a href="https://converter.idrsolutions.com/online-converter/output/ad738d43-92d3-4329-a6d4-76cebbc46dbd/index.html" class="button" target="_blank">My Resume</a>
</div>
<div class="h-social">
<a href="" class="h-social-icon"><i class='bx bxl-linkedin'></i></a>
<a href="" class="h-social-icon"><i class='bx bxl-behance' ></i></a>
<a href="" class="h-social-icon"><i class='bx bxl-github' ></i></a>
</div>
<div class="h-img">
<img src="prefil.png" alt="">
</div>
</section>
<section class="about section " id="about">
<h2 class="section-title">About</h2>
<div class="ab-container bd-grid">
<div class="ab-img">
<svg xmlns="http://www.w3.org/2000/svg " enable-background="new 0 0 512 512" viewBox="0 0 512 512" id="student" width="4 em" fill=" #3f093f"><path d="M256,313c-0.5,0-0.9-0.1-1.3-0.2c-2.1-0.6-51.9-14.8-73.7-44.2c-21.3-28.7-24.8-95.6-25-98.4c-0.1-1.8,0.8-3.5,2.3-4.4c1.1-0.7,26.7-18.4,26.7-64.8c0-2.6,2-4.8,4.6-5c2.6-0.2,4.9,1.6,5.4,4.1l5.4,30.4c8.2-8.7,21.4-26.5,22.7-50.8c0.1-2.6,2.3-4.7,4.9-4.7c2.6,0,4.8,1.9,5.1,4.5c1.2,11.7,7.9,43.3,24.6,49c22.7,7.7,64.5,12,64.9,12c1.5,0.2,2.8,1,3.7,2.2C332.3,152,344,165,351,165c1.4,0,2.7,0.6,3.6,1.6c0.9,1,1.4,2.3,1.4,3.7c-0.1,2.8-3.7,69.7-25,98.4c-21.8,29.4-71.6,43.6-73.7,44.2C256.9,312.9,256.5,313,256,313z M166.2,172.4c0.9,12.6,5.6,67,22.9,90.3c17.9,24.1,59,37.6,67,40.1c8-2.4,49.1-16,67-40.1c16.6-22.3,21.6-73.3,22.7-88.6c-11.4-3.7-22.3-17.9-26.5-23.9c-9.3-1-43.9-5.1-64.8-12.2c-13.9-4.7-21.8-20.1-26.2-33.7c-9,25.1-27.1,39.4-28.1,40.2c-1.4,1.1-3.2,1.3-4.9,0.7c-1.6-0.6-2.8-2.1-3.1-3.8l-1.5-8.2C184,155.9,171.4,168.1,166.2,172.4z"></path><path d="M173.1 355.2l-4.2-9.1 52.1-24.3v-25.5h10V325c0 1.9-1.1 3.7-2.9 4.5L173.1 355.2zM338.2 354.9l-54.3-25.3c-1.8-.8-2.9-2.6-2.9-4.5v-28.7h10v25.5l51.5 24L338.2 354.9zM419 512H93c-2.8 0-5-2.2-5-5v-81.8c0-25.2 14.7-48.3 37.5-58.9l19.4-9 4.2 9.1-19.4 9c-19.3 9-31.8 28.6-31.8 49.9V502h316v-76.8c0-21.3-12.5-40.9-31.8-49.8l-19.3-9 4.2-9.1 19.3 9c22.8 10.6 37.5 33.8 37.5 58.9V507C424 509.8 421.8 512 419 512zM256 262.1c-18.6 0-29.7-11.4-31.7-13.7l7.5-6.7c1 1.1 9.8 10.5 24.6 10.3 14.1-.1 22.4-8.6 23.9-10.3l7.5 6.7c-2 2.3-13 13.5-31.3 13.7C256.3 262.1 256.1 262.1 256 262.1zM192.5 161.3l-5.1-8.6c5.2-3.1 13.6-6.7 24.5-6.7.1 0 .2 0 .3 0 10.8.1 19.1 3.7 24.3 6.7l-5.1 8.6c-4.1-2.4-10.7-5.3-19.2-5.3-.1 0-.2 0-.2 0C203.4 156 196.7 158.9 192.5 161.3z"></path><rect width="10" height="18" x="204" y="181"></rect><rect width="10" height="18" x="210" y="181"></rect><path d="M194 192h-4v-10h2.5c6-3.9 12.7-6 19.5-6 .1 0 .1 0 .2 0 8.1 0 14.1 3.2 17.7 5.1.7.4 1.6.8 1.9.9l-3.4 9.4c-1-.4-2-.9-3.2-1.5-3.1-1.7-7.4-4-13.1-4-5.2 0-10.5 1.8-15.2 5.1C196 191.7 195 192 194 192zM319.5 161.3c-4.1-2.4-10.8-5.3-19.5-5.3-.1 0-.2 0-.2 0-8.5 0-15.2 2.9-19.2 5.3l-5.1-8.6c5.1-3 13.5-6.7 24.3-6.7.1 0 .2 0 .3 0 10.9 0 19.3 3.6 24.5 6.7L319.5 161.3z"></path><rect width="10" height="18" x="298" y="181"></rect><rect width="10" height="18" x="292" y="181"></rect><path d="M322 192h-4c-1 0-2-.3-2.9-.9-4.7-3.3-9.9-5.1-15.2-5.1 0 0-.1 0-.1 0-5.6 0-9.8 2.3-12.9 4-1.2.6-2.2 1.2-3.2 1.5l-3.4-9.4c.3-.1 1.2-.6 1.9-.9 3.6-1.9 9.6-5.1 17.7-5.1.1 0 .1 0 .2 0 6.8 0 13.5 2.1 19.5 6h2.5V192zM273.5 141.1c-.5-1-12.4-24.9-16-47.9l9.9-1.5c3.3 21.4 14.9 44.7 15 44.9L273.5 141.1zM318.6 149.1c-1-1-25.3-24-29.5-51.9l9.9-1.5c3.7 24.5 26.2 45.9 26.5 46.1L318.6 149.1zM166 170h-10c0-31 6.5-72.5 6.7-74.3l9.9 1.5C172.5 97.7 166 139.8 166 170zM356 170h-10c0-37.1-9-68.6-9.1-68.9l9.6-2.8C346.9 99.6 356 131.4 356 170z"></path><rect width="10" height="60" x="156" y="256"></rect><rect width="10" height="60" x="346" y="256"></rect><path d="M256,490.7c-1.1,0-2.2-0.4-3.1-1.1l-95.2-76.4l6.3-7.8l92.1,73.9l71.9-57.4l6.2,7.8l-75,59.9C258.2,490.3,257.1,490.7,256,490.7z"></path><path d="M256,450.7c-2,0-3.8-1.2-4.6-3.1l-47-112.7l9.2-3.8L256,432.7L298.4,331l9.2,3.8l-47,112.7C259.8,449.5,258,450.7,256,450.7z"></path><path d="M256.2,391.3c-16.3,0-31.5-10.8-32.1-11.3l5.8-8.1c0.1,0.1,13.3,9.4,26.3,9.4c13,0,25.8-9.3,25.9-9.3l5.9,8.1C287.4,380.5,272.5,391.3,256.2,391.3z"></path><rect width="10" height="136" x="156" y="371"></rect><rect width="112.6" height="10" x="71.6" y="426.4" transform="rotate(80.909 127.91 431.405)"></rect><path d="M372,512h-21c-2.8,0-5-2.2-5-5V371h10v131h11.7l20.3-127.2l9.9,1.6l-21,131.4C376.5,510.2,374.5,512,372,512z"></path><path d="M324.5,382c-1.9,0-3.7-1.1-4.5-2.8c-0.8-1.7-0.6-3.8,0.6-5.3c0.2-0.3,22.9-29.4,25.2-54c-9.1-2.1-32.9-6.9-59.8-6.9v-10c35.6,0,65.1,7.9,66.3,8.2c2.2,0.6,3.7,2.6,3.7,4.8c0,20.2-13,42.9-21.2,55.1c15.5-2.6,28.7-11.3,39.4-25.9c8.6-11.7,12.7-23.6,13.7-26.8C386.8,306.9,376,198.9,376,128c0-70.6-48.2-118-120-118c-71.8,0-120,47.4-120,118c0,70.9-10.8,178.9-11.9,190.5c1,3.2,5.1,15.1,13.7,26.8c10.7,14.6,23.9,23.2,39.4,25.9C169,358.9,156,336.2,156,316c0-2.3,1.5-4.2,3.7-4.8c1.2-0.3,30.7-8.2,66.3-8.2v10c-26.9,0-50.8,4.8-59.8,6.9c2.3,24.6,25,53.7,25.2,54c1.2,1.5,1.4,3.6,0.6,5.3c-0.8,1.7-2.6,2.8-4.5,2.8c-23.1,0-43.2-10.7-58-31.1c-11-15.1-15.2-30-15.3-30.6c-0.2-0.6-0.2-1.2-0.2-1.8c0.1-1.2,12-116.4,12-190.5c0-37.8,12.9-70,37.2-93.3C186.5,12.3,219.5,0,256,0c36.5,0,69.5,12.3,92.8,34.7C373.1,58,386,90.2,386,128c0,74.1,11.9,189.3,12,190.5c0.1,0.6,0,1.2-0.2,1.8c-0.2,0.6-4.4,15.6-15.3,30.6C367.7,371.3,347.6,382,324.5,382z"></path><rect width="10" height="40" x="251" y="446"></rect></svg>
</div>
<div>
<h2 class="ab-subtitle">I am Aparna</h2>
<p class="ab-text">I am an undergrad student at Indian Institute of Technology Varanasi, currently pursuing Bachelor's degree in Metallurgical Engineering. My hobbies include singing and painting. I have interests in Web Development, Competetive Programming and Machine Learning.</p>
</div>
</div>
</section>
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>
<div class="container bd-grid">
<div>
<h2 class="subtitle">My Technical Skills</h2>
<p class="p-skills">I am proficient in programming languages like C/C++ and python. Other than that, I also take part in contests held at different platforms to enhance my problem-solving abilities.</p>
<div class="data">
<div class="names">
<div class="logo"><svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" id="html5" width="32px"><path d="M21.46777,2.3252A1.00007,1.00007,0,0,0,20.73,2H3.27a1.00039,1.00039,0,0,0-.99609,1.08887l1.52,17a.99944.99944,0,0,0,.72851.87451l7.2002,2A.99628.99628,0,0,0,11.99023,23a1.01206,1.01206,0,0,0,.26709-.03613l7.21973-2a1.00055,1.00055,0,0,0,.729-.875l1.52-17A1,1,0,0,0,21.46777,2.3252Zm-3.19238,16.896L11.99072,20.9624,5.72461,19.22168,4.36328,4H19.63672ZM7.81982,13h6.895l-.32714,3.271-2.56788.917L8.65625,16.05811a1.00017,1.00017,0,1,0-.67285,1.88378l3.5,1.25a1.00291,1.00291,0,0,0,.67285,0l3.5-1.25a1.00044,1.00044,0,0,0,.65869-.84228l.5-5A1.00064,1.00064,0,0,0,15.81982,11H8.72461L8.4248,8h7.895a1,1,0,0,0,0-2h-9a1.00064,1.00064,0,0,0-.99511,1.09961l.5,5A1.00012,1.00012,0,0,0,7.81982,13Z"></path></svg></div>
<span class="name">HTML5</span>
</div>
<div class="bar html">
</div>
<div>
<span class="percentage">90%</span>
</div>
</div>
<div class="data">
<div class="names">
<div class="logo"> <svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24" id="css3" width="32px"><path d="M20.772,3.36426A1.00062,1.00062,0,0,0,20,3H6A1,1,0,0,0,6,5H18.78613l-.78094,4H5a1,1,0,0,0,0,2H17.61475l-1.1626,5.95508-6.32324,1.99658L4.71875,17.25244l.20361-1.06494a1.00015,1.00015,0,0,0-1.96484-.375L2.5874,17.75244A1.00059,1.00059,0,0,0,3.27,18.894L9.83008,20.9541a1.00175,1.00175,0,0,0,.60107-.00049l7.18994-2.27a1.00064,1.00064,0,0,0,.68018-.7622l2.68018-13.73A1.00008,1.00008,0,0,0,20.772,3.36426Z"></path></svg>
<span class="name">CSS3</span></div>
</div>
<div class="bar css">
</div>
<div>
<span class="percentage">80%</span>
</div>
</div>
<div class="data">
<div class="names">
<div class="logo"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" data-name="Layer 1" id="javascript" width=""32px><path d="M6.8 6.8v34.4h34.4V6.8Zm18.73 25.79c0 4.23-2.05 5.64-5.09 5.64a7.65 7.65 0 0 1-2.34-.37l.34-2.26a5.19 5.19 0 0 0 1.72.28c1.6 0 2.57-.72 2.57-3.38v-9.84h2.8Zm6.52 5.62a9 9 0 0 1-4.14-1l.62-2.32a7.76 7.76 0 0 0 3.7 1C34 35.9 35 35.06 35 33.81s-.76-1.81-2.7-2.54c-2.53-.9-4.14-2.26-4.14-4.45 0-2.51 2.09-4.4 5.42-4.4a8.06 8.06 0 0 1 3.67.76l-.67 2.25a6.63 6.63 0 0 0-3.06-.72c-1.78 0-2.53.94-2.53 1.84 0 1.18.89 1.73 2.93 2.51 2.66 1 3.94 2.35 3.94 4.55 0 2.47-1.86 4.6-5.81 4.6Z"></path></svg> </div>
<span class="name">JAVASCRIPT</span>
</div>
<div class="bar js">
</div>
<div>
<span class="percentage">60%</span>
</div>
</div>
<div class="data">
<div class="names">
<div class="logo"><svg xmlns="http://www.w3.org/2000/svg" width="32px" viewBox="0 0 512 512" id="python"><path d="M193.46 249.056a65.316 65.316 0 0 1 11.586-1.041l-3.122-.015h103.823c4.503 0 8.806-.617 12.908-1.754 19.37-5.363 33.345-22.537 33.345-43.663v-87.224c0-24.832-21.15-43.484-46.289-47.606-15.931-2.624-39.258-3.827-55.089-3.749-15.829.086-30.981 1.404-44.277 3.749C167.143 74.576 160 88.928 160 115.359V144h96v16H128.82c-35.628 0-64.538 42.571-64.813 95.242-.002.253-.007.505-.007.758 0 9.523.94 18.72 2.685 27.404C74.648 323.07 99.451 352 128.82 352H144v-45.935c0-26.827 20.146-51.733 49.46-57.009zm10.196-122.054c-9.592 0-17.384-7.785-17.384-17.403 0-9.664 7.774-17.52 17.384-17.52 9.574 0 17.399 7.855 17.399 17.52.001 9.618-7.809 17.403-17.399 17.403z"></path><path d="M443.951 222.543C434.78 186.021 411.033 160 383.18 160H368v40.672c0 33.915-22.286 58.474-49.489 62.681a53.943 53.943 0 0 1-8.301.646H206.351a51.41 51.41 0 0 0-13.049 1.672C174.18 270.689 160 286.6 160 307.236v87.227c0 24.832 24.977 39.426 49.481 46.551 29.327 8.531 61.267 10.068 96.366 0C329.15 434.354 352 420.893 352 394.463V368h-96v-16h127.18c25.24 0 47.107-21.365 57.814-52.549C445.474 286.404 448 271.641 448 256c0-11.768-1.433-23.038-4.049-33.457zM307.867 382.82c9.59 0 17.381 7.785 17.381 17.4 0 9.65-7.791 17.521-17.381 17.521-9.577 0-17.399-7.871-17.399-17.521 0-9.63 7.806-17.4 17.399-17.4z"></path></svg></div>
<span class="name">Python</span>
</div>
<div class="bar ux">
</div>
<div>
<span class="percentage">80%</span>
</div>
</div>
</div>
<div>
<img src="skills.png" alt="">
</div>
</div>
</section>
<section class="contact section" id="contact">
<h2 class="section-title">Contact</h2>
<div class="contact__container bd-grid">
<form action="" class="contact__form">
<input type="text" placeholder="Name" class="contact__input">
<input type="mail" placeholder="Email" class="contact__input">
<textarea name="" id="" cols="0" rows="10" class="contact__input"></textarea>
<input type="button" value="Submit" class="contact__button button">
</form>
</div>
</section>
</main>
<footer class="footer">
<p class="footer__title">Aparna Dubey</p>
<div class="details">
<div class="mail"><svg xmlns="http://www.w3.org/2000/svg" id="mail" x="0" y="0" version="1.1" viewBox="0 0 29 29" xml:space="preserve" width="32px"><path d="M2 7.42v14.172l7.086-7.086zM3.408 6l8.971 8.971c1.133 1.133 3.109 1.133 4.242 0L25.592 6H3.408z"></path><path d="M18.035 16.385c-.943.944-2.199 1.465-3.535 1.465s-2.592-.521-3.535-1.465l-.465-.465L3.42 23h22.16l-7.08-7.08-.465.465zM19.914 14.506L27 21.592V7.42z"></path></svg></div>
<span>aparna.dubey.met21@itbhu.ac.in</span>
</div>
<script src="1.js"></script>
</div>
</body>
</html>