-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
242 lines (183 loc) · 10.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
242
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="images/favicon.ico" />
<title>Aayushi Pandey</title>
<!-- google font -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Ubuntu&display=swap"
rel="stylesheet">
<!-- css -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<!-- button logo -->
<script src="https://kit.fontawesome.com/c34c810785.js" crossorigin="anonymous"></script>
<!-- bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script>
</head>
<body>
<section id="title">
<div class="container-fluid">
<!-- Nav Bar -->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="#testimonials">Aayushi Pandey</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#features">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://drive.google.com/file/d/1x9AyFVTAX4GNywcOECV7H_JASm0YHhki/view?usp=sharing" target="_blank">Resume</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#footer">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- Title -->
<div class="row">
<div class="col-lg-6 col-md-12">
<h1>Hey, you've reached the best landing page ever! Please scroll down.</h1>
<a href="https://drive.google.com/file/d/1x9AyFVTAX4GNywcOECV7H_JASm0YHhki/view?usp=sharing" target="_blank"><button type="button" class="resume-button btn btn-dark btn-lg"><i
class="fas fa-file"></i> My Resume</button></a>
<a href="https://github.com/aayushi221" target="_blank"><button type="button" class="project-button btn btn-outline-light btn-lg"><i
class="fab fa-github"></i> My Projects</button></a>
<p style="font-size: 1.2rem">Hi, I am Aayushi Pandey. I am pursuing Btech(2018-2022) and I am in my
junior year as of now. Other than
being an ambitious tech enthusiast, I am a good content writer. I am a full time learner
and a dedicated person. I find all tasks equal and give my 100% to achieve it all. </p>
</div>
<div="col-lg-6 col-md-12 ">
<img class="profile-img" src="images/image.png" alt="My pic">
</div>
</div>
</div>
</section>
<!-- Features -->
<section id="features">
<div class="row">
<div class="feature-box col-lg-4">
<i class="fas fa-door-open fa-4x"></i>
<h3>Welcome.</h3>
<p class="featurep">I am a computer science student with sound knowledge of DSA.</p>
</div>
<div class="feature-box col-lg-4">
<i class="fas fa-memory fa-4x"></i>
<h3>My tech-stack.</h3>
<p class="featurep">MERN (Proficient with front-end designing)</p>
</div>
<div class="feature-box col-lg-4">
<i class="fas fa-briefcase fa-4x"></i>
<h3>Let's work together.</h3>
<p class="featurep">Find my resume and projects done so far in the links given below. </p>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials">
<div id="testimonial-carousel" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h2 class="testimonial-text">I am always open to work and devote my time to good potential projects.
It would be my pleasure to colaborate
with new developers.</h2>
<img class="test testimonial-image" src="images/gfg.png" alt="gfg">
<em>Aayushi Pandey, top 10(Geeks for Geeks-Institute rank)</em>
</div>
<div class="carousel-item">
<h2>I am a campus ambassador at YAY!- Celebrating Education, which is a sister company of GirlScript
Foundation. </h2>
<img class="test testimonial-image" src="images/yay.png" alt="campus ambassador">
<em>Aayushi Pandey, YAY! Campus Ambassador</em>
</div>
<div class="carousel-item">
<h2 class=" testimonial-text">I am an ambititious student with interests in many aspects of
technology and I aim to learn more and more everyday.</h2>
<img class="test testimonial-image" src="images/scholarship.png" alt="scholarship">
<em>Aayushi Pandey, scholarship holder @Girlscript Foundation</em>
</div>
</div>
<a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</section>
<!-- Pricing -->
<section id="pricing">
<h2>Here is a list of my projects.</h2>
<p>These are simple and interesting works done by me.</p>
<div class="row">
<div class="pricing-column col-lg-4 col-md-6">
<div class="card text-center" style="width: 18rem;">
<img class="press-logo" src="images/Cartoon.JPG" alt="Cartoonisation">
<div class="card-body">
<h5 class="card-title">Cartoonised Image</h5>
<h6> Uses Open CV </h6>
<p class="card-text">It cartoonises any image given to it. It will make the edges darker and the
colors of image more pastel.</p>
<a href="https://github.com/aayushi221/CARTOONIZATION" target="_blank" class="btn btn-dark">Source Code</a>
</div>
</div>
</div>
<div class="pricing-column col-lg-4 col-md-6">
<div class="card text-center" style="width: 18rem;">
<img class="press-logo" src="images/ar app.JPG" alt="Ar Simulation">
<div class="card-body">
<h5 class="card-title">AR apps</h5>
<h6> Made by using Unity 3D. </h6>
<p class="card-text">Made an instagram filter and an AR app. Easy to use, solar system
replication.</p>
<a href="https://github.com/aayushi221/AR-app" class="btn btn-dark">Source Code</a>
</div>
</div>
</div>
<div class="pricing-column col-lg-4">
<div class="card text-center" style="width: 18rem;">
<img class="press-logo" src="images/space.JPG" alt="Space Invaders">
<div class="card-body">
<h5 class="card-title">Space Invaders</h5>
<h6> Uses pygame </h6>
<p class="card-text">Classic Space Invaders game, where we need to blow
the bombs using our jet, without denonating.</p>
<a href="https://github.com/aayushi221/Space-Game" target="_blank" class="btn btn-dark">Source Code</a>
</div>
</div>
</div>
</div>
</section>
<!-- Call to Action -->
<section id="cta">
<h3 class= "cta-heading">Find my contributions and tasks that I have done so far, click the buttons below.</h3>
<a href="https://drive.google.com/file/d/1x9AyFVTAX4GNywcOECV7H_JASm0YHhki/view?usp=sharing" target="_blank"><button class= "down1 btn btn-lg btn-dark" type="button"><i class="fas fa-file"></i>Resume</button> </a>
<a href="https://github.com/aayushi221" target="_blank"><button class= "down2 btn btn-lg btn-outline-light" type="button"><i class="fab fa-github"></i>Other Projects</button></a>
</section>
<!-- Footer -->
<footer id="footer">
<a href= "https://www.linkedin.com/in/ap221" target="_blank">
<i class=" social-icon fab fa-linkedin-in fa-2x"></i> </a>
<a href="mailto:[email protected]" target="_blank">
<i class="social-icon fas fa-envelope fa-2x"></i> </a>
<a href= "https://twitter.com/Aayushi28537310" target="_blank">
<i class="social-icon fab fa-twitter fa-2x"></i> </a>
<p>© Copyright 2020 Aayushi Pandey</p>
</footer>
</body>
</html>