-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
273 lines (268 loc) · 24 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
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home</title>
<meta name="description" content="Hi my name is Anubhav Kushwaha">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png?h=ffbbaa422d8ebe464dd2bbc122f2b343">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png?h=e2da85eb0c6b42ea9e5c777204a7bde8">
<link rel="icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png?h=46018e2b03e939c80511533e98702fc8">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/android-chrome-192x192.png?h=8ea19c87f8d796a8c0a13e364643c1ee">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/android-chrome-512x512.png?h=3b2eb3e3bcd4a33c0822301efac69298">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=1fc9802395877bfedb3bf42c341e595c">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Aclonica">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Acme">
<link rel="stylesheet" href="/assets/fonts/fontawesome-all.min.css?h=b077f3d66f4dd45a76529f02462151f3">
<link rel="stylesheet" href="/assets/fonts/font-awesome.min.css?h=b077f3d66f4dd45a76529f02462151f3">
<link rel="stylesheet" href="/assets/fonts/line-awesome.min.css?h=b077f3d66f4dd45a76529f02462151f3">
<link rel="stylesheet" href="/assets/fonts/simple-line-icons.min.css?h=b077f3d66f4dd45a76529f02462151f3">
<link rel="stylesheet" href="/assets/fonts/fontawesome5-overrides.min.css?h=b077f3d66f4dd45a76529f02462151f3">
<link rel="stylesheet" href="/assets/css/styles.min.css?h=ff0a8f18d2364a889ab0546f6fca9fea">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-175234662-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-175234662-1');
</script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101271942);</script>
<script async src="//static.getclicky.com/js"></script>
</head>
<body id="page-top"><a class="menu-toggle rounded" href="#"><i class="fa fa-bars"></i></a>
<nav class="navbar navbar-light navbar-expand" id="sidebar-wrapper" style="background: rgba(37,4,241,0.74);border-style: none;box-shadow: -5px 0px 20px 4px;filter: blur(0px) brightness(100%);">
<div class="container"><button data-toggle="collapse" class="navbar-toggler d-none" data-target="#"></button>
<div class="collapse navbar-collapse"><ul class="nav navbar-nav sidebar-nav" id="sidebar-nav">
<li role="presentation" class="nav-item sidebar-brand"><a class="nav-link active js-scroll-trigger" href="#page-top">Home</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link active js-scroll-trigger" href="#recentwork">Recent Work</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link active js-scroll-trigger" href="#contact">Contact</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="#footer">Follow</a></li>
<li role="presentation" class="nav-item sidebar-nav-item"><a class="nav-link js-scroll-trigger" href="/gallery">Gallery</a></li>
</ul></div>
</div>
</nav>
<header class="d-flex justify-content-center align-items-center align-content-center flex-wrap masthead" style="background-image: url('/assets/img/bg-masthead.jpg?h=c6246dd736889aa3be373dc43f71e01e');height: 102vh;">
<div class="container d-flex flex-column justify-content-between my-auto text-center" style="height: 60vh;max-width: 600px;">
<div class="row">
<div class="col d-flex d-md-flex d-lg-flex flex-column align-items-center align-items-md-center justify-content-lg-center align-items-lg-center">
<h1 class="mb-1">I'm Anubhav</h1>
<div class="Push-20"></div>
<h3 class="mb-5"><em>Loves to talk about Tech</em></h3>
</div>
</div>
<div class="row">
<div class="col"><a class="btn btn-primary btn-xl js-scroll-trigger" role="button" href="#about" style="padding: 15px 10 px;">More About me</a></div>
</div>
</div>
</header>
<section class="d-flex align-items-center content-section bg-light" id="about" style="height: 101vh;background: linear-gradient(rgb(220,164,1), rgb(205,205,205) 50%, rgb(153,153,153) 75%, rgb(29,128,159) 100%), rgb(255,255,255);filter: blur(0px);color: rgb(255,255,255);">
<div class="container text-center">
<div class="row d-flex justify-content-center align-items-center align-content-center align-self-center">
<div class="col-lg-10 d-flex d-md-flex flex-column justify-content-between align-items-center justify-content-md-center" style="min-height: 60vh;">
<h1 data-aos="zoom-in-up" data-aos-duration="1200" data-aos-delay="200" style="filter: blur(0px);color: rgb(0,0,0);padding-bottom: 30px;">About me</h1> <div class="caption v-middle text-center">
<h1 class="cd-headline clip">
<span class="blc">I'm | </span>
<span class="cd-words-wrapper">
<b class="is-visible">Designer.</b>
<b>Developer.</b>
<b>Creative.</b>
<b>Liar 😂.</b>
</span>
</h1>
</div>
<div class="Push-20" style="height: 70px;"></div>
<div class="Push-20" style="height: 40px;"></div><a class="btn btn-dark btn-xl js-scroll-trigger" role="button" href="#skills">My Skills</a></div>
</div>
</div>
</section>
<section class="text-center d-flex d-sm-flex d-md-flex d-lg-flex flex-column align-items-center align-items-sm-center align-items-md-center justify-content-lg-center content-section bg-primary text-white text-center" id="skills" style="min-height: 100vh;">
<div class="container">
<div class="content-section-heading">
<h3 class="text-secondary mb-0">Skills</h3>
<h2 data-aos="zoom-in-up" data-aos-duration="500" class="mb-5">Let's Talk About My Skills</h2>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" data-aos="fade-up" data-aos-duration="1000"><span class="mx-auto tada animated infinite service-icon rounded-circle mb-3"><i class="la la-car" data-bs-hover-animate="flash"></i></span>
<h4><strong>NFSMW</strong></h4>
<p data-aos="fade-up" data-aos-duration="900" data-aos-delay="500" class="mb-0 text-faded">If you consider it in Skills 😅<br></p>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" data-aos="fade-up" data-aos-duration="1000"><span class="mx-auto tada animated infinite service-icon rounded-circle mb-3"><i class="icon-camera" data-bs-hover-animate="flash"></i></span>
<h4><strong>Photography</strong></h4>
<p data-aos="fade-up" data-aos-duration="1000" data-aos-delay="600" class="mb-0 text-faded">Skilled in only nature Photography</p>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" data-aos="fade-up" data-aos-duration="1000"><span class="mx-auto tada animated infinite service-icon rounded-circle mb-3"><i class="icon-camrecorder" data-bs-hover-animate="flash"></i></span>
<h4><strong>Video Editing</strong></h4>
<p data-aos="fade-up" data-aos-duration="1100" data-aos-delay="700" class="mb-0 text-faded">Learning Adobe Premiere Pro</p>
</div>
<div class="col-md-6 col-lg-3 mb-5 mb-lg-0" data-aos="fade-up" data-aos-duration="1000"><span class="mx-auto tada animated infinite service-icon rounded-circle mb-3"><i class="fas fa-robot" data-bs-hover-animate="flash"></i></span>
<h4><strong>Browser Automation<br></strong></h4>
<p data-aos="fade-up" data-aos-duration="1100" data-aos-delay="700" class="mb-0 text-faded"><span></span><span>selenium and python</span></p>
</div>
</div>
</div>
<div class="Push-20" style="height: 50px;"></div>
<h1 class="soonAddingMore">Soon Adding MORE...</h1><a class="text-center btn-xl js-scroll-trigger downarrowim startting" href="#gallery" style="color: rgb(255,255,255);font-size: 37px;"><i class="fa fa-angle-double-down bounce animated infinite downarrowim"></i></a></section>
<section
class="d-flex flex-column justify-content-center align-items-center clean-block slider" id="gallery" style="background: url("/assets/img/3247840.jpg?h=25498a264ce3263451ce615a6cbb6ebe") center / cover no-repeat, rgba(255,255,255,0);">
<div class="Push-20"></div>
<div class="embed-responsive embed-responsive-1by1" style="max-width: 700px;max-height: 90vh;"><iframe class="embed-responsive-item" src="embed-pho.html"></iframe></div>
<div class="Push-202"></div>
</section>
<section class="d-flex d-md-flex d-lg-flex flex-column align-items-center align-content-center align-self-center align-items-md-center align-items-lg-center callout" style="background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), url("/assets/img/bg-callout.jpg?h=4b06cd229840dd2ac20165f423f36ca6");background-position: center center;background-repeat: no-repeat;background-size: cover;padding-top: 100px;padding-bottom: 120px;min-height: 100vh;">
<div class="container text-center">
<h2 class="mx-auto mb-5"><span>Still Want </span><em>More</em><span style="color: rgb(255,255,255);font-family: Acme, sans-serif;"><br>Follow me!<br></span></h2>
</div><a class="btn btn-dark d-flex d-xl-flex flex-grow-0 justify-content-center align-self-stretch m-auto justify-content-lg-center align-items-lg-center justify-content-xl-center tada animated infinite btn-xl js-scroll-trigger" role="button" href="#footer">Follow</a>
<div
class="Push-20"></div>
<h1 class="text-center flex-grow-1">OR</h1>
<div class="Push-20"></div>
<h1 class="text-center checkout">Check Out My Recent Work</h1>
<div class="Push-20"></div><a class="btn btn-primary text-capitalize d-flex d-xl-flex justify-content-center align-items-center justify-content-md-center justify-content-lg-center justify-content-xl-center btn-xl js-scroll-trigger" role="button" href="#recentwork"><em>Recent Work</em></a></section>
<section
id="recentwork" class="portfolio" style="margin-top: 20px;padding-top: 10px;">
<div class="container">
<h2 class="text-uppercase text-center text-secondary" style="padding: 0px;padding-top: 10px;">RECENT PROJECTS</h2>
<hr class="star-dark mb-5">
<div class="row d-flex justify-content-center align-items-center align-content-center align-self-center">
<div class="col-md-6 col-lg-4 text-center">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-1">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white 21" style="color: rgb(0,0,0);"><i class="fas fa-search-plus fa-3x" style="color: rgb(0,0,0);"></i></div>
</div><img class="img-fluid" src="/assets/img/development.jpg?h=9b3af02f96fa73cf7b6015e4cf071d18"></a>
</div>
<div class="col-md-6 col-lg-4 text-center">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-2">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="/assets/img/android.jpg?h=e8a28aa653430166fabc80c269204ddf"></a>
</div>
<div class="col-md-6 col-lg-4 text-center">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-3">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="/assets/img/imgill.webp?h=95b1a4938047a0c5259e8a4867e153ef"></a>
</div>
<div class="col-md-6 col-lg-4 text-center">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-4">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="/assets/img/sec.png?h=43eec04af13d8a5424423e3936545e09"></a>
</div>
</div>
</div>
</section>
<div class="Push-20"></div>
<section class="d-flex flex-column flex-shrink-1 justify-content-between content-section bg-primary text-white" id="contact" style="padding-top: 70px;">
<h1 class="display-3 text-capitalize text-center text-light mb-4" style="font-family: Acme, sans-serif;">Contact Me</h1>
<div class="container-fluid d-flex flex-column justify-content-end align-content-center align-self-center justify-content-sm-start text-center">
<h1 class="fell free" style="margin-bottom: 20px;">Fell Free To Ask</h1>
<hr>
<h5 class="text-capitalize" style="margin-bottom: 24PX;">I will ❤ to Answer your Question</h5><a class="btn btn-dark border rounded btn-xl mr-4 button-marg-0" role="button" href="contact" style="padding: 20px 20px;">CLICK HERE FOR CONTACT</a></div>
</section>
<footer class="d-lg-flex flex-column justify-content-lg-center align-items-lg-center footer text-center" id="footer" style="background: linear-gradient(rgb(29,128,159) 0%, white);">
<h2 class="text-uppercase follow">You can find/follow me Here</h2>
<div class="Push-20">
<h5>Sorry if i don't reply, kinda busy 🤥<br></h5>
</div>
<div class="container">
<ul class="list-inline mb-5">
<li class="list-inline-item"> <a class="text-white social-link rounded-circle" data-bs-hover-animate="tada" href="https://www.youtube.com/channel/UCSnZkICxPvBvgspud9Khfkw" target="_blank"><i class="icon-social-youtube" data-bs-hover-animate="flash"></i></a></li>
<li
class="list-inline-item"> <a class="text-white social-link rounded-circle" data-bs-hover-animate="bounce" href="https://www.instagram.com/k4anubhav/" target="_blank"><i class="icon-social-instagram" data-bs-hover-animate="flash"></i></a></li>
<li class="list-inline-item"> <a class="text-white social-link rounded-circle" data-bs-hover-animate="swing" href="https://t.me/k4anubhav" target="_blank"><i class="fab fa-telegram-plane" data-bs-hover-animate="flash"></i></a></li>
</ul>
</div>
<h5 class="text-secondary">SEE YOU SOON</h5><a class="js-scroll-trigger scroll-to-top rounded" href="#page-top"><i class="fa fa-angle-up"></i></a></footer>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-1">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">website-Get's stArted</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="/assets/img/Screenshot_106.png?h=208f35afcc62ae2e37093f3d53756e2c">
<p class="mb-5">I made this website to help JEE students of economical weaker section.<br>First i upload pirated study content to Gdrive. But many are not comfortable with it. they give me suggestion to make it more organized.<br><br>So
i think it's better to make a website and help those students<br><br></p>
</div>
</div>
</div>
</div>
<div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill portfolio-modal-dismiss" role="button" href="https://getssstarted.wordpress.com/" target="_blank">Get Started Website <i class="fa fa-external-link"></i> </a></div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-2">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">Android app</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="/assets/img/computerworld2.jpg?h=65242db320e342a34aba372f0e847236">
<p class="mb-5">I made the site <a href="#"> Get's Started <i class="fa fa-external-link"></i></a> for helping JEE students<br>But i feel like site is good to use on Desktop/Laptop<br>But in Phone, website
is not a Good Choice<br>Even though i don't have any knowledge of Android Studio<br>I managed to make a web app thanks <a href="https://github.com/mustafaersoyer">mustafaersoyer <i class="fa fa-external-link"></i> </a> due
to his source code. I managed to make a web app with HTML5 video support , Full screen support, Cookies , Great link handling Etc.</p>
</div>
</div>
</div>
</div>
<div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill portfolio-modal-dismiss" role="button" href="https://drive.google.com/uc?export=download&id=1LYvubXhDtjN8tHBxXJ9Y_QmsmV8LBBsJ">Download the App <i class="fa fa-external-link"></i></a></div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-3">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">K4anubhav.me</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="/assets/img/1.png?h=ce1b051f56862d4e10d78ccaa7faf96f">
<p class="mb-5">The same site you are surfing now. I made it to remove my boredom<br>I use to work on this site when i'm bored.<br>I am just waiting to get some cool idea's <br>Can you help me ?<br>Just click below button
and send your Thought's/Idea's with ❤ <br><br></p>
</div>
</div>
</div>
</div>
<div class="modal-footer pb-5"><a class="btn btn-primary btn-lg mx-auto rounded-pill portfolio-modal-dismiss" role="button" href="your-idea">Send Thought's/Idea's</a></div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-4">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">#SECRET</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="/assets/img/sec.png?h=43eec04af13d8a5424423e3936545e09">
<p class="mb-5"><strong><em>Still</em> NOT Completed Y<em>et</em></strong><br><strong>Come Back later</strong> to get Some <strong><em>COOL</em></strong> Updates</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/assets/js/jquery.min.js?h=83e266cb1712b47c265f77a8f9e18451"></script>
<script src="/assets/bootstrap/js/bootstrap.min.js?h=0168f7c1e0d08faa2f4b13f4a1dc8c98"></script>
<script src="/assets/js/smart-forms.min.js?h=b077f3d66f4dd45a76529f02462151f3"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.2.0/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="/assets/js/script.min.js?h=1e56fe619635701361b7fa7c6562cd60"></script>
</body>
</html>