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;"> < </span> <span style="color: #324664;"> About me </span> <span style="color: #f59d2a;">/></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 ©
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.