PageSourceSearch

https://sanketgurav.netlify.app/

html sanketgurav.netlify.app collected 2026-10-03 11:22:00 UTC 44,060 bytes, 819 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="utf-8">
6<!-- This site is hosted on Netlify. Anyone can build and deploy a site
7     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=7e9e6bd3-2068-4360-a557-5a2bf8469b30
8     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
9  <meta content="width=device-width, initial-scale=1.0" name="viewport">
10
11  <!-- <title>Sanket Gurav | Full Stack Developer</title> -->
12  <title>Sanket Gurav | Front-End Developer | Angular Developer | Node Developer</title>
13  <meta name="theme-color" content="#132238" />
14  <!-- <meta content="Creative full stack and NodeJs Developer" name="description"> -->
15  <meta content="Creative Front-End Developer and ReactJs Developer" name="description">
16  <meta content="developer , development,ReactJs , node, nodejs" name="keywords">
17
18  <!-- Favicons -->
19  <link href="assets/img/fav1.png" rel="icon">
20  <link href="assets/img/fav1.png" rel="apple-touch-icon">
21
22  <link rel="stylesheet" href="https://unpkg.com/kursor/dist/kursor.css">
23  <!-- Vendor CSS Files -->
24  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
25  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
26  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
27  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
28
29  <link rel="preconnect" href="https://fonts.googleapis.com">
30  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
31  <link
32    href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap"
33    rel="stylesheet">
34
35  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
36  <link rel="stylesheet" type="text/css"
37    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
38  <link rel="stylesheet" type="text/css"
39    href="https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/app-assets/css/bootstrap-extended.min.css">
40  <link rel="stylesheet" type="text/css"
41    href="https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/app-assets/fonts/simple-line-icons/style.min.css">
42  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
43  <link rel="stylesheet" type="text/css"
44    href="https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/app-assets/css/bootstrap.min.css">
45  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
46  <!-- Template Main CSS File -->
47  <link href="assets/css/style.css" rel="stylesheet">
48  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css">
49
50</head>
51
52<body class="transition-fade">
53
54  <!-- ======= Header ======= -->
55  <header id="header" class="fixed-top">
56    <div class="container d-flex align-items-center justify-content-between">
57
58      <!-- <h1 class="logo"><a href="index.html">DevFolio</a></h1> -->
59      <!-- Uncomment below if you prefer to use an image logo -->
60      <a class='logo' href='/'><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
61
62      <nav id="navbar" class="navbar">
63        <ul>
64          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
65          <li><a class="nav-link scrollto" href="#about">About</a></li>
66          <li><a class="nav-link scrollto " href="#work">Projects</a></li>
67          <li><a class="nav-link scrollto" href="#services">Services</a></li>
68          <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
69        </ul>
70        <i class="bi bi-list mobile-nav-toggle"></i>
71      </nav><!-- .navbar -->
72
73    </div>
74  </header><!-- End Header -->
75
76  <!-- ======= Hero Section ======= -->
77  <div id="hero" class="hero route bg-image">
78    <div class="overlay-itro"></div>
79    <div class="hero-content display-table">
80      <div class="table-cell">
81        <div class="container" style="font-family: 'Ubuntu', sans-serif;">
82          <!--<p class="display-6 color-d">Hello, world!</p>-->
83          <p class="font-monospace" style="color:#f59d2a; ">Hi! I'm </p>
84          <h1 class="hero-title mb-1" style=" margin-left: -5px; font-weight: 400;">Sanket</h1>
85          <p class="fs-5 mb-2" style="color: #324664;">A creative Full-Stack Developer with <span
86              style="color:#f59d2a;">
87              3+ years </span> of <br> experience in building high-performance, scalable, and responsive <br> web
88            solutions.</p>
89          <a class="my-btn " target="blank"
90            href="https://drive.google.com/file/d/1C7gm1BpOkVBO-K3oBjI6Rd4BXTfAQvXc/view?usp=sharing"
91            role="button">Download Resume</a>
92        </div>
93      </div>
94    </div>
95  </div><!-- End Hero Section -->
96
97  <main id="main">
98
99    <!-- ======= About Section ======= -->
100    <section id="about" class="about">
101      <div class="container" data-aos="fade-up">
102
103        <div class="section-title">
104          <!-- <h2 style="color: #324664"> <span style="color: #f59d2a;"> &lt; </span> <span style="color: #324664;"> About me </span> <span style="color: #f59d2a;">/&gt;</span></h2> -->
105
106          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
107              class="font-monospace">console.log("</span> <span class="font-monospace">ABOUT ME</span> <span
108              style="color: #324664; text-transform: lowercase; font: size 12px;">")</span></h2>
109
110
111          <!-- <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p> -->
112        </div>
113
114        <div class="row">
115          <div class="col-lg-4 d-flex">
116            <img src="assets/img/profile-img.png" class="img-fluid shadow-lg img-pro" alt="">
117          </div>
118          <div class="col-lg-8 pt-4 pt-lg-0 content">
119            <!-- <h3 class="fw-bold mb-1" style="color: #d4d4d4;">Full-Stack Developer and NodeJs Developer</h3> -->
120            <h3 class="fw-bold mb-1" style="color: #d4d4d4;">Full-Stack Developer (MEAN)</h3>
121            <p style="color: #a9b5b9;">
122              I believe in a user centered design approach, ensuring that every project I work on is tailored to meet
123              the specific needs of its users.
124            </p>
125            <div class="row mb-2 mt-1" style="color: #a9b5b9;">
126              <div class="col-lg-6">
127                <ul>
128                  <li><i class='bx bx-subdirectory-right'></i> <strong>Email:</strong>
129                    <span>[email protected]</span>
130                  </li>
131                  <li><i class='bx bx-subdirectory-right'></i> <strong>Phone:</strong> <span>+91 8485036850</span></li>
132                  <li><i class='bx bx-subdirectory-right'></i> <strong>Address:</strong> <span>Pune, Maharashtra, India
133                    </span></li>
134                </ul>
135              </div>
136              <div class="col-lg-6">
137                <ul>
138                  <li><i class='bx bx-subdirectory-right'></i> <strong>Birthday:</strong> <span>26 January 2000</span>
139                  </li>
140                  <li><i class='bx bx-subdirectory-right'></i> <strong>Degree:</strong> <span>Bachelor of
141                      Engineering</span></li>
142
143                  <li><i class='bx bx-subdirectory-right'></i> <strong>Freelance:</strong> <span>Available</span></li>
144                </ul>
145              </div>
146            </div>
147            <p style="color: #a9b5b9;">
148
149              My approach focuses on creating scalable, high-performing solutions tailored to both user needs and
150              business objectives. By prioritizing performance, accessibility, and responsiveness, I strive to deliver
151              experiences that not only engage users but also drive tangible results.
152              <br><br>
153              With 10,000+ hours of experience, I have engineered and delivered 7+ end-to-end projects. Over the past 3+
154              years, I’ve consistently worked with modern
155              frameworks, scalable architectures, and performance-driven solutions, bringing a strong foundation in
156              full-stack development, code optimization, and system design.
157            </p>
158          </div>
159        </div>
160
161      </div>
162    </section><!-- End About Section -->
163
164
165    <!-- ======= Skills Section ======= -->
166    <section id="skills" class="skills section-bg">
167      <div class="container" data-aos="fade-up">
168
169        <div class="section-title">
170
171          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
172              class="font-monospace">print("</span> <span class="font-monospace">MY EXPERTISE</span> <span
173              style="color: #324664; text-transform: lowercase; font: size 12px;">")</span></h2>
174
175          <p>My aim is to serve you with your desired appearance for the web page along with the corresponding
176            web development.</p>
177        </div>
178        <div class="row skills-content">
179          <div class="col-lg-6">
180
181            <div class="card mb-1 shadow"
182              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
183              <div class="card-content">
184                <div class="card-body">
185                  <div class="media d-flex">
186                    <div class="media-body text-left">
187                      <h3 class="danger">Angular</h3>
188                    </div>
189                    <div class="align-self-center">
190                      <i class="fab fa-angular font-large-2 float-right" style="color: aliceblue;"></i>
191                    </div>
192                  </div>
193                </div>
194              </div>
195
196            </div>
197
198            <div class="card mb-1 shadow"
199              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
200              <div class="card-content">
201                <div class="card-body">
202                  <div class="media d-flex">
203                    <div class="media-body text-left">
204                      <h3 class="danger">TypeScript</h3>
205                    </div>
206                    <div class="align-self-center">
207                      <i class="devicon-typescript-plain float-right" style="color: aliceblue;font-size: 2.7rem;"></i>
208                    </div>
209                  </div>
210                </div>
211              </div>
212
213            </div>
214            <div class="card mb-1 shadow"
215              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
216              <div class="card-content">
217                <div class="card-body">
218                  <div class="media d-flex">
219                    <div class="media-body text-left">
220                      <h3 class="danger">ReactJs</h3>
221                    </div>
222                    <div class="align-self-center">
223                      <i class="fab fa-react font-large-2 float-right" style="color: aliceblue;"></i>
224                    </div>
225                  </div>
226                </div>
227              </div>
228
229            </div>
230
231            <div class="card mb-1 shadow"
232              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
233              <div class="card-content">
234                <div class="card-body">
235                  <div class="media d-flex">
236                    <div class="media-body text-left">
237                      <h3 class="danger">SASS / SCSS</h3>
238                    </div>
239                    <div class="align-self-center">
240                      <i class="fab fa-sass font-large-2 float-right" style="color: aliceblue;"></i>
241
242                    </div>
243                  </div>
244                </div>
245              </div>
246
247            </div>
248
249            <div class="card mb-1 shadow"
250              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
251              <div class="card-content">
252                <div class="card-body">
253                  <div class="media d-flex">
254                    <div class="media-body text-left">
255                      <h3 class="danger">AWS</h3>
256                    </div>
257                    <div class="align-self-center">
258                      <i class="fab fa-aws font-large-2 float-right" style="color: aliceblue;"></i>
259                    </div>
260                  </div>
261                </div>
262              </div>
263
264            </div>
265          </div>
266
267          <!-- SECOND ROW -->
268
269          <div class="col-lg-6">
270
271            <div class="card mb-1 shadow"
272              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
273              <div class="card-content">
274                <div class="card-body">
275                  <div class="media d-flex">
276                    <div class="media-body text-left">
277                      <h3 class="danger">JavaScript</h3>
278                    </div>
279                    <div class="align-self-center">
280                      <i class="fab fa-js  font-large-2 float-right" style="color: aliceblue;"></i>
281                    </div>
282                  </div>
283                </div>
284              </div>
285
286            </div>
287
288            <div class="card mb-1 shadow"
289              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
290              <div class="card-content">
291                <div class="card-body">
292                  <div class="media d-flex">
293                    <div class="media-body text-left">
294                      <h3 class="danger">NodeJs</h3>
295                    </div>
296                    <div class="align-self-center">
297                      <i class="fab fa-node font-large-2 float-right" style="color: aliceblue;"></i>
298                    </div>
299                  </div>
300                </div>
301              </div>
302
303            </div>
304
305            <div class="card mb-1 shadow"
306              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
307              <div class="card-content">
308                <div class="card-body">
309                  <div class="media d-flex">
310                    <div class="media-body text-left">
311                      <h3 class="danger">Bootstrap</h3>
312                    </div>
313                    <div class="align-self-center">
314                      <!-- <i class="bx bxl-mongodb font-large-2 float-right" style="color: aliceblue;"></i> -->
315                      <i class="fab fa-bootstrap font-large-2 float-right" style="color: aliceblue;"></i>
316                    </div>
317                  </div>
318                </div>
319              </div>
320
321            </div>
322            <div class="card mb-1 shadow"
323              style="background-color: #324664; border-left: 5px solid #f59d2a; border-radius: 0;">
324              <div class="card-content">
325                <div class="card-body">
326                  <div class="media d-flex">
327                    <div class="media-body text-left">
328                      <h3 class="danger">MySQL</h3>
329                    </div>
330                    <div class="align-self-center">
331                      <i class="fas fa-database font-large-2 float-right" style="color: aliceblue;"></i>
332                    </div>
333                  </div>
334                </div>
335              </div>
336
337            </div>
338
339          </div>
340
341
342
343
344
345        </div>
346
347      </div>
348    </section><!-- End Skills Section -->
349
350    <!-- ======= Resume Section ======= -->
351    <section id="resume" class="resume">
352      <div class="container" data-aos="fade-up">
353
354        <div class="section-title">
355          <h4 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 10px;"
356              class="font-monospace">import Education and experience from <span
357                style="color: #445369; text-transform: capitalize;"> sanket's career </span></span></h4>
358          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
359              class="font-monospace">print(</span> <span class="font-monospace">Education and Experience</span> <span
360              style="color: #324664; text-transform: lowercase; font: size 12px;">)</span></h2>
361          <p>
361Below Mentioned are the details of my educational background along with my working experience with several
362            organizations.</p>
363        </div>
364
365        <div class="row">
366          <div class="col-lg-6">
367
368
369            <h3 class="resume-title">Education</h3>
370            <div class="resume-item">
371              <h4 style="color: #a9b5b9;">Bachelor of Engineering in Computer engineering</h4>
372              <h5>2019 - 2022</h5>
373              <p style="color: #a9b5b9;"><em>PGMCOE, Pune.</em></p>
374              <p style="color: #f5f5f5;">Currently I am Pursuing my bachelor of engineering in computer engineering from
375                Parvatibai Genba Moze College of Engineering, Wagholi, Pune.</p>
376            </div>
377            <div class="resume-item">
378              <h4 style="color: #a9b5b9;">Diploma in Computer Engineering</h4>
379              <h5>2016 - 2019</h5>
380              <p style="color: #a9b5b9;"><em>Government Polytechnic,Osmanabad</em></p>
381              <p style="color: #f5f5f5;">I have completed my technical education from Government Polytechnic,Osmanabad
382                in Computer Engineering</p>
383            </div>
384          </div>
385          <div class="col-lg-6">
386            <h3 class="resume-title">Experience & Internship</h3>
387            <div class="resume-item">
388              <h4 style="color: #a9b5b9;">Software Engineer</h4>
389              <h5>2022 - Present</h5>
390              <p>
391                <em>Hubengage</em>
392                <a href="https://www.hubengage.com/" target="_blank" rel="noopener noreferrer" style="margin-left: 8px; color: #a9b5b9;">
393                  <i class="fas fa-external-link-alt"></i>
394                </a>
395              </p>
396              <ul>
397                <li style="color: #f5f5f5;">Execute full software development life cycle (SDLC). Develop flowcharts,
398                  layouts and documentation
399                  to identify requirements and solutions. Write well-designed, testable code.</li>
400                <li style="color: #f5f5f5;">Collaborating with engineering and development teams to evaluate and
401                  identify optimal cloud
402                  solutions.Modifying and improving existing systems.</li>
403                <li style="color: #f5f5f5;">Maintaining Company's Cloud Server and Also Create Server For Others
404                  Projects.</li>
405              </ul>
406            </div>
407            <div class="resume-item">
408              <h4 style="color: #a9b5b9;">Junior Software Engineer
409                <span class="badge" style="background-color: #f59d2a; color: #2f3640">6 MONTHS INTERNSHIP </span>
410              </h4>
411              <h5>2020 - 2021</h5>
412              <p><em>Forage</em></p>
413              <ul>
414                <li style="color: #f5f5f5;">Execute full software development life cycle (SDLC). Develop flowcharts,
415                  layouts and documentation
416                  to identify requirements and solutions. Write well-designed, testable code.</li>
417                <li style="color: #f5f5f5;">Collaborating with engineering and development teams to evaluate and
418                  identify optimal cloud
419                  solutions.Modifying and improving existing systems.</li>
420                <li style="color: #f5f5f5;">Maintaining Company's Cloud Server and Also Create Server For Others
421                  Projects.</li>
422              </ul>
423            </div>
424            <div class="resume-item">
425              <h4 style="color: #a9b5b9;">Front End Developer
426                <span class="badge" style="background-color: #f59d2a; color: #2f3640">6 MONTHS INTERNSHIP </span>
427              </h4>
428              <h5>MAY-2019 TO NOV-2019</h5>
429              <p><em>INGenious TechnoHub</em></p>
430              <ul>
431                <li style="color: #f5f5f5;">responsible for developing websites.</li>
432                <li style="color: #f5f5f5;">responsible for maintaining the websites of all the projects that we are
433                  running.</li>
434              </ul>
435            </div>
436          </div>
437        </div>
438
439      </div>
440    </section><!-- End Resume Section -->
441
442    <!-- ======= Portfolio Section ======= -->
443    <section id="work" class="portfolio section-bg">
444      <div class="container" data-aos="fade-up">
445
446        <div class="section-title">
447          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; "
448              class="font-monospace">Select * From </span> <span class="font-monospace">PROJECTS</span> <span
449              style="color: #324664; text-transform: lowercase;">;</span></h2>
450          <p>I have worked for several organisations in providing them with the best user interface and designs for the
451            website
452            Here are some of the references.</p>
453        </div>
454
455        <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="200">
456          <div class="container">
457            <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
458              <div class="col-10 col-sm-8 col-lg-6">
459                <img src="assets/img/project/blogmart.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes"
460                  width="700" height="500" loading="lazy">
461              </div>
462              <div class="col-lg-6">
463                <h1 class="display-6 fw-bold lh-1 mb-3">BUSINESS | BUSINESS SITE</h1>
464                <p style="color: #a9b5b9;">It is basically a Business webApp UI developed using ReactJs.</p>
465                <div class="d-grid gap-2 d-md-flex justify-content-md-start">
466                  <a href="https://github.com/sanketgurav165/Business" target="_blank" type="button"
467                    class="btn my-btn ">View in Github </a>
468                  <a href="https://confident-newton-752d52.netlify.app" type="button" target="_blank"
469                    class="btn my-btn ">Open</a>
470                </div>
471              </div>
472            </div>
473          </div>
474          <div class="container mb-1">
475            <div class="row  align-items-center g-5 py-5">
476              <div class="col-10 col-sm-8 col-lg-6">
477                <img src="assets/img/project/elehub.png" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes"
478                  width="700" height="500" loading="lazy">
479              </div>
480              <div class="col-lg-6">
481                <h1 class="display-6 fw-bold lh-1 mb-3">GYM HUB | GYM WEBSITE </h1>
482                <p style="color: #a9b5b9;">It is a single vendor webApp. You can view each any every product. It is very
483                  easy to get in touch with the owner through our contact facilities. Our website allows you to place
484                  order with ease.</p>
485                <div class="d-grid gap-2 d-md-flex justify-content-md-start">
486                  <a href="https://github.com/sanketgurav165/GYM" target="_blank" type="button" class="btn my-btn ">View
487                    in Github </a>
488                  <a href="https://adoring-villani-6347a7.netlify.app" target="_blank" type="button"
489                    class="btn my-btn ">Open</a>
490                </div>
491              </div>
492            </div>
493          </div>
494
495        </div>
496      </div>
497      </div>
498    </section><!-- End Portfolio Section -->
499
500    <!-- ======= Services Section ======= -->
501    <section id="services" class="services">
502      <div class="container" data-aos="fade-up">
503
504        <div class="section-title">
505          <h6 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase;"
506              class="font-monospace">import Services from <span style="color: #445369; text-transform: capitalize;">
507                sanket's skills </span></span></h6>
508          <h6 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 10px;"
509              class="font-monospace">skills = <span style="color: #445369; text-transform: capitalize;">
510                sanket.skills.all() </span></span></h6>
511          <h6 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 10px;"
512              class="font-monospace">creativity = <span style="color: #445369; text-transform: capitalize;">
513                sanket.creativity.all() </span></span></h6>
514          <h6 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 10px;"
515              class="font-monospace">services = <span style="color: #445369; "> skills + creativity </span></span></h6>
516          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
517              class="font-monospace">print(</span> <span class="font-monospace">services</span> <span
518              style="color: #324664; text-transform: lowercase;">)</span></h2>
519          <p>I can provide character to your web-page with my skills of website development to take the reach of your
520            website to the next level.</p>
521        </div>
522
523        <div class="row">
524
525          <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
526            <div class="icon-box iconbox-blue">
527              <div class="icon">
528                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
529                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
530                    d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174">
531                  </path>
532                </svg>
533                <i class="fas fa-laptop-code"></i>
534              </div>
535              <h4><a href="">Front End Development</a></h4>
536              <p>I provide you with the integrated working of the website as well as the user interface</p>
537            </div>
538          </div>
539
540          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
541            data-aos-delay="200">
542            <div class="icon-box iconbox-orange ">
543              <div class="icon">
544                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
545                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
546                    d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426">
547                  </path>
548                </svg>
549                <i class="fab fa-react"></i>
550              </div>
551              <h4><a href="">Single Page Application Development</a></h4>
552              <p>I Develop Single Page Applications using react and angular.</p>
553            </div>
554          </div>
555
556          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in"
557            data-aos-delay="300">
558            <div class="icon-box iconbox-pink">
559              <div class="icon">
560                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
561                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
562                    d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781">
563                  </path>
564                </svg>
565                <i class="fa fa-file-code-o"></i>
566              </div>
567              <h4><a href="">Software Development</a></h4>
568              <p>I provide the necessary software development required for an efficient webApp</p>
569            </div>
570          </div>
571
572          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
573            <div class="icon-box iconbox-yellow">
574              <div class="icon">
575                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
576                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
577                    d="M300,503.46388370962813C374.79870501325706,506.71871716319447,464.8034551963731,527.1746412648533,510.4981551193396,467.86667711651364C555.9287308511215,408.9015244558933,512.6030010748507,327.5744911775523,490.211057578863,256.5855673507754C471.097692560561,195.9906835881958,447.69079081568157,138.11976852964426,395.19560036434837,102.3242989838813C329.3053358748298,57.3949838291264,248.02791733380457,8.279543830951368,175.87071277845988,42.242879143198664C103.41431057327972,76.34704239035025,93.79494320519305,170.9812938413882,81.28167332365135,250.07896920659033C70.
57717666984294237,320.27484674793965,64.84698225790005,396.69656628748305,111.28512138212992,450.4950937839243C156.20124167950087,502.5303643271138,231.32542653798444,500.4755392045468,300,503.46388370962813">
578                  </path>
579                </svg>
580                <i class="bx bx-layer"></i>
581              </div>
582              <h4><a href="">UI Design</a></h4>
583              <p>I design an user friendly interface with various attractive features to make accessibility much easier.
584              </p>
585            </div>
586          </div>
587
588          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
589            <div class="icon-box iconbox-red">
590              <div class="icon">
591                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
592                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
593                    d="M300,532.3542879108572C369.38199826031484,532.3153073249985,429.10787420159085,491.63046689027357,474.5244479745417,439.17860296908856C522.8885846962883,383.3225815378663,569.1668002868075,314.3205725914397,550.7432151929288,242.7694973846089C532.6665558377875,172.5657663291529,456.2379748765914,142.6223662098291,390.3689995646985,112.34683881706744C326.66090330228417,83.06452184765237,258.84405631176094,53.51806209861945,193.32584062364296,78.48882559362697C121.61183558270385,105.82097193414197,62.805066853699245,167.19869350419734,48.57481801355237,242.6138429142374C34.843463184063346,315.3850353017275,76.69343916112496,383.4422959591041,125.22947124332185,439.3748458443577C170.7312796277747,491.8107796887764,230.57421082200815,532.3932930995766,300,532.3542879108572">
594                  </path>
595                </svg>
596                <i class="fa fa-database"></i>
597              </div>
598              <h4><a href="">Hosting</a></h4>
599              <p>I also configure and Upload the respective website by myself.</p>
600            </div>
601          </div>
602
603          <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
604            <div class="icon-box iconbox-teal">
605              <div class="icon">
606                <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
607                  <path stroke="none" stroke-width="0" fill="#f5f5f5"
608                    d="M300,566.797414625762C385.7384707136149,576.1784315230908,478.7894351017131,552.8928747891023,531.9192734346935,484.94944893311C584.6109503024035,417.5663521118492,582.489472248146,322.67544863468447,553.9536738515405,242.03673114598146C529.1557734026468,171.96086150256528,465.24506316201064,127.66468636344209,395.9583748389544,100.7403814666027C334.2173773831606,76.7482773500951,269.4350130405921,84.62216499799875,207.1952322260088,107.2889140133804C132.92018162631612,134.33871894543012,41.79353780512637,160.00259165414826,22.644507872594943,236.69541883565114C3.319112789854554,314.0945973066697,72.72355303640163,379.243833228382,124.04198916343866,440.3218312028393C172.9286146004772,498.5055451809895,224.45579914871206,558.5317968840102,300,566.797414625762">
609                  </path>
610                </svg>
611                <i class="bi bi-speedometer"></i>
612              </div>
613              <h4><a href="">Web Optimize</a></h4>
614              <p> i also work on the working speed of the website along with the all other maintenance</p>
615            </div>
616          </div>
617
618        </div>
619
620      </div>
621    </section><!-- End Services Section -->
622
623
624    <!-- ======= Testimonials Section ======= -->
625    <section id="testimonials" class="testimonials section-bg">
626      <div class="container" data-aos="fade-up">
627
628        <div class="section-title text-center">
629          <h1 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
630              class="font-monospace">select * from </span> <span class="font-monospace">Testimonials</span> <span
631              style="color: #324664; text-transform: lowercase;">;</span></h1>
632        </div>
633
634
635        <div class="testimonials-slider swiper-container" data-aos="fade-up" data-aos-delay="100">
636          <div class="swiper-wrapper">
637
638            <div class="swiper-slide">
639              <div class="testimonial-item">
640                <img src="assets/img/testimonials/testimonials-1.jpeg" class="testimonial-img" alt="">
641                <h3>Jayesh Joshi</h3>
642                <h4>Android Team Lead</h4>
643                <p>
644                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
645                  sanket is a big mind. He thinks about things that the rest of us overlook. As a result, he has led his
646                  team to discover deeper insights and ideas.
647                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
648                </p>
649              </div>
650            </div><!-- End testimonial item -->
651
652            <div class="swiper-slide">
653              <div class="testimonial-item">
654                <img src="assets/img/testimonials/testimonials-2.jpeg" class="testimonial-img" alt="">
655                <h3>Akshay Ashok Nambiar</h3>
656                <h4>Android Developer</h4>
657                <p>
658                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
659                  Well !!! sanket is someone , I love talking with since I know him because of his interest towards
660                  software and technology . He is always very enthusiastic about exploring new opportunities , and he
661                  love taking risk .He is very good with Angular and frontend technologies . One more quality which I
662                  like most in him is the hunger of learning new things . I 
662wish him a very bright future ahead and
663                  definitely recommend him for any kind of software related work
664                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
665                </p>
666              </div>
667            </div><!-- End testimonial item -->
668            <div class="swiper-slide">
669              <div class="testimonial-item">
670                <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
671                <h3>Akshaya Dalvi</h3>
672                <h4>Java Developer</h4>
673                <p>
674                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
675                  My working experience with sanket was pretty smooth .I have worked with him in 1 project and I liked
676                  his work.His work is pretty accurate and precise. I recommend him for Web
677                  development.
678                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
679                </p>
680              </div>
681            </div><!-- End testimonial item -->
682
683            <div class="swiper-slide">
684              <div class="testimonial-item">
685                <img src="assets/img/testimonials/testimonials-3.jpeg" class="testimonial-img" alt="">
686                <h3>Suraj Bajare</h3>
687                <h4>Search Engine Optimization Manager</h4>
688                <p>
689                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
690                  we have worked together in 2-3 projects and he has completed the work in time. Great to work with him.
691                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
692                </p>
693              </div>
694            </div><!-- End testimonial item -->
695
696            <div class="swiper-slide">
697              <div class="testimonial-item">
698                <img src="assets/img/testimonials/testimonials-4.jpeg" class="testimonial-img" alt="">
699                <h3>Harshal Attarade</h3>
700                <h4>QA Engineer</h4>
701                <p>
702                  <i class="bx bxs-quote-alt-left quote-icon-left"></i>
703                  sanket is a great web developer. i would recommend him for front end development.
704                  <i class="bx bxs-quote-alt-right quote-icon-right"></i>
705                </p>
706              </div>
707            </div><!-- End testimonial item -->
708
709            <!-- End testimonial item -->
710
711          </div>
712          <div class="swiper-pagination"></div>
713        </div>
714
715      </div>
716    </section><!-- End Testimonials Section -->
717
718
719    <!-- ======= Contact Section ======= -->
720    <section id="contact" class="contact">
721      <div class="container" data-aos="fade-up">
722
723        <div class="section-title">
724          <h2 style="color: #f59d2a"> <span style="color: #324664; text-transform: lowercase; font: size 12px;"
725              class="font-monospace">document.write("</span> <span class="font-monospace">Contact</span> <span
726              style="color: #324664; text-transform: lowercase;">");</span></h2>
727        </div>
728        <div class="container d-flex justify-content-center align-items-center">
729          <div class="row">
730            <div class="col-lg-4 col-md-4 col-sm-12 col-12">
731              <div class="card border-0 shadow-lg text-center" style="width: 25rem;"
732                style="background-color:#324664;color: #cccccc;">
733                <div class="card-body" style="background-color:#324664;color: #cccccc;">
734                  <h5 class="card-title fw-bold">Contact Number</h5>
735                  <p class="card-text">+91 8485036850</p>
736                </div>
737              </div>
738            </div>
739            <div class="col-lg-4 col-md-4 col-sm-12 col-12">
740              <div class="card border-0 shadow-lg text-center" style="width: 25rem;"
741                style="background-color:#324664;color: #cccccc;">
742                <div class="card-body" style="background-color:#324664;color: #cccccc;">
743                  <h5 class="card-title fw-bold">Email Address</h5>
744                  <p class="card-text"> <a href="[email protected]" style="color: #cccccc;">
745                      [email protected]</a></p>
746                </div>
747              </div>
748            </div>
749            <div class="col-lg-4 col-md-4 col-sm-12 col-12">
750              <div class="card border-0 shadow-lg text-center" style="width: 25rem;"
751                style="background-color:#324664;color: #cccccc;">
752                <div class="card-body" style="background-color:#324664;color: #cccccc;">
753                  <h5 class="card-title fw-bold">Address</h5>
754                  <p class="card-text">Pune, Maharashtra, India</p>
755                </div>
756              </div>
757            </div>
758          </div>
759        </div>
760        <iframe
761          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d126203.45591622285!2d73.80044174756281!3d18.5259932203015!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2bf2e67461101%3A0x828d43bf9d9ee343!2sPune%2C%20Maharashtra!5e1!3m2!1sen!2sin!4v1645455734817!5m2!1sen!2sin"
762          width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
763
764      </div>
765    </section><!-- End Contact Section -->
766
767  </main><!-- End #main -->
768
769  <!-- ======= Footer ======= -->
770  <footer id="footer">
771    <div class="container">
772      <h3>Sanket Gurav</h3>
773      <p>A Creative Front End Developer And Website Designer .</p>
774      <div class="social-links">
775        <!-- <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> -->
776        <a href="https://www.facebook.com/sanket.gurav.92102" target="blank" class="facebook"><i
777            class="bx bxl-facebook"></i></a>
778        <a href="https://www.instagram.com/rootkit_xoxo/?hl=en" target="blank" class="instagram"><i
779            class="bx bxl-instagram"></i></a>
780        <!-- <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> -->
781        <a href="https://www.linkedin.com/in/sanket-gurav-810a06194/" target="blank" class="linkedin"><i
782            class="bx bxl-linkedin"></i></a>
783        <a href="https://www.youtube.com/channel/UCfRqzv2UGPr-3KXvZktvW1w" target="blank" class="YouTube"><i
784            class="bx bxl-youtube"></i></a>
785      </div>
786      <div class="copyright">
787        &copy;
787 Copyright <strong><span>Sanket Gurav</span></strong>. All Rights Reserved
788      </div>
789    </div>
790  </footer><!-- End Footer -->
791
792  <div id="preloader"></div>
793  <a href="#" class="back-to-top font-monospace"><i class="bi bi-arrow-up-short"></i><span
794      style="writing-mode: vertical-rl;">BACK TO TOP</span> </a>
795  <!-- Vendor JS Files -->
796  
796<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
796
797  
797<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
797
798  
798<script src="assets/vendor/php-email-form/validate.js"></script>
798
799  
799<script src="assets/vendor/purecounter/purecounter.js"></script>
799
800  
800<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
800
801  
801<script src="assets/vendor/typed.js/typed.min.js"></script>
801
802  
802<script src="https://cdn.jsdelivr.net/npm/kursor"></script>
802
803  
803<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/kursor.js"></script>
803
804
805  
805<script>
806    new kursor({
807      type: 1,
808      removeDefaultCursor: true,
809      color: '#f59d2a',
810    });
811  </script>
811
812
813  <!-- Template Main JS File -->
814  
814<script src="assets/js/main.js"></script>
814
815  <!-- unpkg -->
816
817</body>
818
819</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.