-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (226 loc) · 11.3 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
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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!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">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Scroll Top Button -->
<div class="scroll-top">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7l4-4m0 0l4 4m-4-4v18" />
</svg>
</div>
<!-- Navigation -->
<section id="navigation">
<div class="nav-icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</div>
</section>
<div id="nav-content">
<div class="close-btn">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</div>
<div class="wrapper">
<h2 class="section-heading">Menu</h2>
<nav>
<ul>
<li><a data-text="Home" href="./index.html#hero">Home</a></li>
<li><a data-text="About" href="./index.html#about">About</a></li>
<li><a data-text="Projects" href="./index.html#projects">Projects</a></li>
<li><a data-text="Contact" href="./index.html#footer">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!--hero section-->
<section id="hero">
<div class="container">
<div class="left">
<p class="subheading">HELLO I AM</p>
<h2 class="heading">
<div class="wrapper"><span>AASTHA</span></div>
<div class="wrapper"><span>DWIVEDI</span></div>
</h2>
<p class="desc">Student of International Institute of Professional Studies.</p>
<div class="buttons">
<a href="assignment.html" class="primary-btn" target="_blank">Assignment</a>
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z" />
</svg>
</a>
</div>
</div>
</div>
<div class="right">
<img src="img2.jpg" alt="Aastha">
</div>
</section>
<!--end of hero section-->
<!--hobby section-->
<section id="hobby">
<div class="container">
<h2 class="section-heading">Hobbies</h2>
<div class="all-item">
<div class="item">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
</svg>
</div>
<h3 class="item-heading"> Designing</h3>
<p class="item-desc">Have interest in Graphic Desgning, Vector Art, Logo Designing and Animation.</p>
</div>
<div class="item">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 9l10.5-3m0 6.553v3.75a2.25 2.25 0 01-1.632 2.163l-1.32.377a1.803 1.803 0 11-.99-3.467l2.31-.66a2.25 2.25 0 001.632-2.163zm0 0V2.25L9 5.25v10.303m0 0v3.75a2.25 2.25 0 01-1.632 2.163l-1.32.377a1.803 1.803 0 01-.99-3.467l2.31-.66A2.25 2.25 0 009 15.553z" />
</svg>
</div>
<h3 class="item-heading"> Listening Music</h3>
<p class="item-desc">Really enjoy listening to different genre of music.</p>
</div>
<div class="item">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M6.827 6.175A2.31 2.31 0 015.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 002.25 2.25h15A2.25 2.25 0 0021.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 00-1.134-.175 2.31 2.31 0 01-1.64-1.055l-.822-1.316a2.192 2.192 0 00-1.736-1.039 48.774 48.774 0 00-5.232 0 2.192 2.192 0 00-1.736 1.039l-.821 1.316z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 12.75a4.5 4.5 0 11-9 0 4.5 4.5 0 019 0zM18.75 10.5h.008v.008h-.008V10.5z" />
</svg>
</div>
<h3 class="item-heading"> Photography</h3>
<p class="item-desc">Really like to click photographs of nature and still life.</p>
</div>
</div>
</div>
</section>
<!--end of hobby section-->
<!-- About -->
<section id="about">
<div class="container">
<h2 class="section-heading" data-outline="about">About</h2>
<div class="wrapper">
<div class="left">
<div class="card">
<div class="img">
<img src="img.jpg" alt="aastha">
</div>
<p class="card-desc">I am persuing Mtech degree from the renowned university in Indore</p>
<h3 class="card-name">Aastha Dwivedi</h3>
</div>
</div>
<div class="right">
<p class="subheading">Hi! This is AASTHA</p>
<h2 class="slogan">Currently a Student</h2>
<p class="right-text">I have completed my schooling from Queens' College, Indore. Now I am completing my Graduation from International Institute of Professional Studies, Indore. I am a keen learner and aim to learn new skills. Currently I have also enrolled in Graphic Desinging and i am looking forward to create some great graphical projects.
</p>
</div>
</div>
</div>
</section>
<!-- projects -->
<section id="projects">
<div class="container">
<h2 class="section-heading" data-outline="Projects">Projects</h2>
<div class="all-items">
<div class="item">
<div class="left">
<div class="img">
</div>
</div>
<div class="right">
<h2 class="project-title">Form</h2>
<h3 class="project-sub-title">Student Registration Form</h3>
<p class="project-desc">I made this GUI interface for Student Registration form using python lanuage and connected it with Mysql database which help in storing the data gathered by the interface.</p>
<div class="buttons">
<a href="https://github.com/aasthad01/GUI-Interface/blob/main/form.py" class="primary-btn outline external-link" target="_blank"> <span>Preview</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
</svg>
</a>
</div>
</div>
</div>
<div class="item">
<div class="left">
<div class="img">
</div>
</div>
<div class="right">
<h2 class="project-title">Youtube Videos</h2>
<h3 class="project-sub-title">Explanation Videos on Youtube </h3>
<p class="project-desc">These youtube videos are the explanation of the test paper held in the class. They have detail explanation of the topics on which the question paper is based.</p>
<div class="buttons">
<a href="https://www.youtube.com/playlist?list=PLmfcvHiZB2g2eud-aM5doynvzRdc4C1Jl" class="primary-btn outline external-link" target="_blank"> <span>Preview</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
</svg>
</a>
</div>
</div>
</div>
<div class="item">
<div class="left">
<div class="img">
</div>
</div>
<div class="right">
<h2 class="project-title">Python Programs</h2>
<h3 class="project-sub-title">Set of basic Python Programs</h3>
<p class="project-desc">These are the set of basic python programs that would help the beginners in understanding the conpects and logics of the lanuage.</p>
<div class="buttons">
<a href="https://github.com/aasthad01/Pyhton-Programs/blob/main/python%20programs.py" class="primary-btn outline external-link" target="_blank"> <span>Preview</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<section id="footer">
<div class="container">
<footer>
<div class="col-2">
<ul>
<li><a href="./index.html#hero">Home</a></li>
<li><a href="./index.html#about">About</a></li>
<li><a href="./index.html#footer">Contact</a></li>
<li><a href="./index.html#projects">Project</a></li>
</ul>
</div>
<div class="col-3">
<h2 class="column-heading">Contact<br>Info</h2>
<ul>
<li><a href="#">[email protected]</a></li>
<li><a href="#">+919399678091</a></li>
<li><a href="#">Indore, India</a></li>
</ul>
</div>
<div class="col-4">
<h2 class="column-heading">Social<br>Links</h2>
<ul>
<li><a href="https://github.com/aasthad01" target="_blank">Github</a></li>
<li><a href="https://www.linkedin.com/in/aastha-dwivedi-383053238/" target="_blank">Linkedin</a></li>
</ul>
</div>
</footer>
</div>
</section>
<script src="./app.js"></script>
</body>
</html>