<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mohit Shaharwale - Web Developer</title>
    <meta name="theme-color" content="var(--bg-secondary)">
    <meta name="google-site-verification" content="MLUD5jmH0_NqgfWnT8viQ2dr5CO5UPmvz7k7-SdR_QM" />
    <meta name="description"
        content="Dedicated Web Developer merging theory with practice, specializing in crafting user-centric digital experiences. Committed to delivering exceptional results.">
    <link rel="manifest" href="/manifest.json">

    <!-- Preload critical assets -->
    <link rel="preload" href="/style.css" as="style">
    <link rel="preload" href="/logo.webp" as="image">
    <!-- <link rel="preload" href="/preloader.gif" as="image"> -->

    <!-- Defer non-critical CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
        integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
        crossorigin="anonymous" media="print" onload="this.media='all'" crossorigin="anonymous"
        referrerpolicy="no-referrer" />

    <!-- Optimized Google Fonts loading -->
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap"
        media="print" onload="this.media='all'">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap"
        media="print" onload="this.media='all'">

    <link rel="shortcut icon" href="/logo.webp" type="image/webp">
    <link rel="stylesheet" href="style.css">


</head>

<body>
    <div id="preloader">
        <!-- <img src="preloader.gif" alt="preloader" height="100" width="100"> -->
        <i class="fa-solid fa-code fa-flip" style="font-size: 20rem;"></i>
    </div>

    <div class="switch">
        <label class="theme-switch" for="checkbox">
            <input type="checkbox" id="checkbox" />
            <div class="slider round"></div>
        </label>
    </div>

    <nav>
        <button class="hamburger" style="font-family: 'Baloo 2', sans serif;">&#9776;</button>
        <ul class="navbar">
            <li class="nav-li"><img id="nav-img" src="logo.webp" alt="logo" height="50" width="50"
                    style="border-radius: 50%;"></li>
            <li class="nav-li"><a class="nav-links nav-active" href="#home">Home</a></li>
            <li class="nav-li"><a class="nav-links" href="#about">About</a></li>
            <li class="nav-li"><a class="nav-links" href="#skills">Skills</a></li>
            <li class="nav-li"><a class="nav-links" href="#projects">Projects</a></li>
            <li class="nav-li"><a class="nav-links" href="#education">Education</a></li>
            <li class="nav-li"><a class="nav-links" href="#certification">Certification</a></li>
            <li class="nav-li"><a class="nav-links" href="#contact">Contact</a></li>
        </ul>
    </nav>

    <section id="home">
        <div class="container">
            <img src="logo.webp" alt="logo" height="250" width="250" id="main-img">
            <p class="headings">Hello, I am</p>
            <u>
                <h1 class="headings">Mohit Shaharwale</h1>
            </u>
            <p class="headings">&</p>
            <h2 class="headings">
                I am a <u>
                    <span class="typewrite headings" style="font-family: 'Rowdies', sans-serif;" data-period="1000"
                        data-type='[ "B. Tech. Student", "Full Stack Web Developer", "Coder", "Python Developer", "Graphic Designer", "SEO Specialist", "AI Enthusiast", "Continuous Learner" ]'>
                        <span class="wrap headings"></span>
                    </span></u>
            </h2>
            <div class="btn-container">
                <a href="https://api.whatsapp.com/send?phone=+918459391455" class="button">
                    <div class="button__content">
                        <span class="button__text">Get in Touch</span>
                        <i class="fa-solid fa-message button__icon"></i>

                        <div class="button__reflection-1"></div>
                        <div class="button__reflection-2"></div>
                    </div>

                    <img src="btn-imgs/star.webp" alt="img" class="button__star-1" width="20" height="20"
                        loading="lazy">
                    <img src="btn-imgs/star.webp" alt="img" class="button__star-2" width="40" height="40"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-1" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-2" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/diamond.webp" alt="img" class="button__diamond" width="18" height="18"
                        loading="lazy">
                    <img src="btn-imgs/triangle.webp" alt="img" class="button__triangle" width="30" height="30"
                        loading="lazy">

                    <div class="button__shadow"></div>
                </a>

                <a href="https://drive.google.com/uc?export=download&id=1_LqB6CkDykbamH1lQ6fCt1lvABv9XWTm"
                    class="button" download>
                    <div class="button__content">
                        <span class="button__text">Download CV</span>
                        <i class="fa-solid fa-file-arrow-down button__icon"></i>

                        <div class="button__reflection-1"></div>
                        <div class="button__reflection-2"></div>
                    </div>

                    <img src="btn-imgs/star.webp" alt="img" class="button__star-1" width="20" height="20"
                        loading="lazy">
                    <img src="btn-imgs/star.webp" alt="img" class="button__star-2" width="40" height="40"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-1" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-2" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/diamond.webp" alt="img" class="button__diamond" width="18" height="18"
                        loading="lazy">
                    <img src="btn-imgs/triangle.webp" alt="img" class="button__triangle" width="30" height="30"
                        loading="lazy">

                    <div class="button__shadow"></div>
                </a>

                <a href="tel:+918459391455" class="button">
                    <div class="button__content">
                        <span class="button__text">Hire Me</span>
                        <i class="fa-solid fa-phone button__icon"></i>

                        <div class="button__reflection-1"></div>
                        <div class="button__reflection-2"></div>
                    </div>

                    <img src="btn-imgs/star.webp" alt="img" class="button__star-1" width="20" height="20"
                        loading="lazy">
                    <img src="btn-imgs/star.webp" alt="img" class="button__star-2" width="40" height="40"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-1" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/circle.webp" alt="img" class="button__circle-2" width="8" height="8"
                        loading="lazy">
                    <img src="btn-imgs/diamond.webp" alt="img" class="button__diamond" width="18" height="18"
                        loading="lazy">
                    <img src="btn-imgs/triangle.webp" alt="img" class="button__triangle" width="30" height="30"
                        loading="lazy">

                    <div class="button__shadow"></div>
                </a>
            </div>
        </div>
    </section>



    <section id="about">
        <div class="container">
            <h2 class="headings">About Me</h2>

            <button onclick="scrollToTop()" id="scrollToTopBtn" title="Go to top"><i
                    class="fa-solid fa-chevron-up"></i></button>

            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;Hi there! I'm Mohit Shaharwale, a Web Developer skilled in HTML, CSS,
                JavaScript, React.js, Node.js, Express.js, and MongoDB. I create user-focused digital experiences that
                deliver results. <br>
                &nbsp;&nbsp;&nbsp;&nbsp;I am currently pursuing a B. Tech. in Electronics and Telecommunications at
                Punyashlok Ahilyadevi Holkar Solapur University, I blend theory with hands-on practice. <br>
                &nbsp;&nbsp;&nbsp;&nbsp;I hold certifications from Google Qwiklabs, LinkedIn Learning, and IBM Cognitive
                Class in AI and Generative AI, showcasing my commitment to continuous learning. <br>
                &nbsp;&nbsp;&nbsp;&nbsp;I specialize in SEO-friendly, user-centric web solutions, aiming to exceed
                expectations and make a significant impact. <br>
                &nbsp;&nbsp;&nbsp;&nbsp;Let's connect to create inspiring digital experiences that succeed. Together, we
                can turn ideas into reality! <br>
            </p>
        </div>
    </section>

    <section id="skills">
        <div class="container">
            <h2 class="headings">My Skills</h2>
            <h3 class="headings" style="font-size: 1.9rem;">Technical Skills</h3>
            <!-- Tab links -->
            <div class="tab">
                <button class="tablinks active" onclick="openTab(event, 'Front-End')">Front-End</button>
                <button class="tablinks" onclick="openTab(event, 'Back-End')">Back-End</button>
                <button class="tablinks" onclick="openTab(event, 'Databases')">Databases</button>
                <button class="tablinks" onclick="openTab(event, 'Languages')">Languages</button>
                <button class="tablinks" onclick="openTab(event, 'Tools & Technologies')">Tools & Technologies</button>
                <button class="tablinks" onclick="openTab(event, 'Other Skills')">Other Skills</button>
            </div>

            <!-- Tab content -->
            <div id="Front-End" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <i class="fa-brands fa-html5"></i>
                        <h4 class="headings">HTML</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-css3-alt"></i>
                        <h4 class="headings">CSS</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-square-js"></i>
                        <h4 class="headings">JavaScript</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-bootstrap"></i>
                        <h4 class="headings">Bootstrap CSS</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-react"></i>
                        <h4 class="headings">React JS</h4>
                    </div>
                </div>
            </div>

            <div id="Back-End" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <i class="fa-brands fa-node-js"></i>
                        <h4 class="headings">Node JS</h4>
                    </div>
                    <div class="card">
                        <img src="skills/express.webp" alt="express" height="100" width="100" loading="lazy">
                        <h4 class="headings">Express JS</h4>
                    </div>
                </div>
            </div>

            <div id="Databases" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <img src="skills/mongo.webp" alt="mongo" height="100" width="100" loading="lazy">
                        <h4 class="headings">MongoDB</h4>
                    </div>
                    <div class="card">
                        <i class="fa-solid fa-database"></i>
                        <h4 class="headings">SQL</h4>
                    </div>
                </div>
            </div>

            <div id="Languages" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <i class="fa-brands fa-python"></i>
                        <h4 class="headings">Python</h4>
                    </div>
                    <div class="card">
                        <img src="skills/c.webp" alt="c" height="100" width="100" loading="lazy">
                        <h4 class="headings">C Programming</h4>
                    </div>
                </div>
            </div>

            <div id="Tools & Technologies" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <i class="fa-brands fa-git-alt"></i>
                        <h4 class="headings">Git</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-github"></i>
                        <h4 class="headings">Github</h4>
                    </div>
                    <div class="card">
                        <img src="skills/vscode.webp" alt="vscode" height="100" width="100" loading="lazy">
                        <h4 class="headings">Visual Studio Code</h4>
                    </div>
                    <div class="card">
                        <img src="skills/msoffice.webp" alt="msoffice" height="100" width="100" loading="lazy">
                        <h4 class="headings">Microsoft Office 365</h4>
                    </div>
                    <div class="card">
                        <i class="fa-brands fa-google"></i>
                        <h4 class="headings">Google Workspace</h4>
                    </div>
                    <div class="card">
                        <img src="skills/canva.webp" alt="canva" height="100" width="100" loading="lazy">
                        <h4 class="headings">Canva</h4>
                    </div>
                </div>
            </div>

            <div id="Other Skills" class="tabcontent">
                <div class="box">
                    <div class="card">
                        <img src="skills/seo.webp" alt="seo" height="100" width="100" loading="lazy">
                        <h4 class="headings">SEO</h4>
                    </div>
                    <div class="card">
                        <img src="skills/prompt.webp" alt="prompt" height="100" width="100" loading="lazy">
                        <h4 class="headings">Prompt Engineering</h4>
                    </div>
                </div>
            </div>
        </div>


        <h4 class="headings" style="font-size: 1.9rem;">Soft Skills</h4>
        <ul>
            <li>Communication</li>
            <li>Attention to Detail</li>
            <li>Critical Thinking</li>
            <li>Leadership</li>
            <li>Logical Thinking</li>
            <li>Team Collaboration</li>
            <li>Adaptability</li>
            <li>Time Management</li>
        </ul>
    </section>

    <section id="projects">
        <div class="container">
            <h2 class="headings">My Projects</h2>

            <div class="card">
                <div class="pic">
                    <img src="projects/brainTumor.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">TumorScope - Brain Tumor Navigator</h3>
                    <p>
                        TumorScope is a web-based application that leverages AI to detect and classify brain tumors from
                        MRI images. Using a deep learning model, the application accurately identifies tumor regions and
                        provides insights to assist medical professionals in diagnosis and treatment planning. With its
                        intuitive interface and advanced image processing capabilities, TumorScope streamlines the
                        analysis of brain scans, enabling faster and more accurate detection of tumors.
                    </p>
                    <a href="https://github.com/mohits2806/TumorScope" target="_blank" class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/shivaji.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">Chatrapati Shivaji Maharaj - Tribute Page</h3>
                    <p>This project is a dynamic tribute page dedicated to the legendary Chatrapati Shivaji Maharaj,
                        built using React. It offers seamless translation into six Indian regional languages, allowing
                        users to switch between language pages without reloading the site. Through immersive design and
                        intuitive functionality, visitors can explore Shivaji Maharaj's remarkable life and
                        contributions in their preferred language, fostering accessibility and inclusivity across
                        diverse cultural backgrounds.</p>
                    <a href="https://chatrapati-shivaji-maharaj.vercel.app/" class="btn" target="_blank">Visit Live
                        Site</a>
                    <a href="https://github.com/mohits2806/chatrapati-shivaji-maharaj-reactapp" target="_blank"
                        class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/netflix.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">Netflix - UI Clone</h3>
                    <p>A project aimed at replicating the sleek and user-friendly interface of Netflix using HTML, CSS,
                        and JavaScript. This clone provides an immersive experience for users to navigate through movie
                        titles, view trailers, and explore various categories, mimicking the functionality of the
                        popular streaming platform.</p>
                    <a href="https://github.com/mohits2806/Bharat-Intern-Web-Development-Internship/tree/master/Netflix-Clone"
                        target="_blank" class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/qr.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">QR Hub - QR Code Generator</h3>
                    <p>QR Hub is a versatile QR code generator designed to facilitate seamless creation of QR codes for
                        diverse purposes. Whether it's for business cards, website URLs, event invitations, or product
                        information, this tool empowers users to generate custom QR codes effortlessly. With options for
                        customization, such as color selection and logo embedding, QR Hub ensures that every QR code
                        generated reflects the unique branding and requirements of its users.</p>
                    <a href="https://mohits2806.github.io/qr-hub/" target="_blank" class="btn">Visit Live Site</a>
                    <a href="https://github.com/mohits2806/qr-hub/" target="_blank" class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/weather.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">WeatherBuddy - Weather Webapp</h3>
                    <p> WeatherBuddy is a sleek and user-friendly web application providing real-time weather updates
                        worldwide. Access current conditions, forecasts, and radar maps with ease. Stay informed and
                        plan your day effectively with WeatherBuddy.</p>
                    <a href="https://weather-buddy-app.netlify.app/" target="_blank" class="btn">Visit Live Site</a>
                    <a href="https://github.com/mohits2806/Bharat-Intern-Web-Development-Internship/tree/master/Weather%20App"
                        target="_blank" class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/digiClock.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">digiClock - Digital Clock</h3>
                    <p>digiClock is a simple yet elegant digital clock displaying time in a 12-hour format with seconds
                        count. With its minimalist design, users can easily glance at the current time and keep track of
                        seconds. Perfect for any desktop or website, digiClock offers a functional and stylish solution
                        for timekeeping needs.</p>
                    <a href="https://mohits2806.github.io/digiClock/" target="_blank" class="btn">Visit Live Site</a>
                    <a href="https://github.com/mohits2806/digiClock" target="_blank" class="btn">Get Source Code</a>
                </div>
            </div>

            <div class="card">
                <div class="pic">
                    <img src="projects/calcode.webp" alt="img" height="400" width="400" loading="lazy">
                </div>
                <div class="desc">
                    <h3 class="headings">Calcode - Calculator Webapp</h3>
                    <p>Calcode is a user-friendly web application that functions as a calculator. With a sleek design
                        and intuitive interface, users can perform basic and advanced mathematical operations quickly
                        and accurately. Whether you're calculating simple arithmetic or complex equations, Calcode
                        provides a reliable tool for all your computational needs.
                    </p>
                    <a href="https://calcode.netlify.app" target="_blank" class="btn">Visit Live Site</a>
                    <a href="https://github.com/mohits2806/calcode-calculator" target="_blank" class="btn">Get Source
                        Code</a>
                </div>
            </div>
        </div>
    </section>

    <section id="education">
        <div class="container">
            <h2 class="headings">My Education</h2>
            <div class="card left-card">
                <img src="/education/sus.webp" alt="sus-logo" width="40" height="40" loading="lazy">
                <div class="textbox">
                    <h3 class="headings">Punyashlok Ahilyadevi Holkar Solapur University, Solapur</h3>
                    <small>2023 - Present</small>
                    <p>B. Tech. in Electronics & Telecommunications</p>
                    <span class="left-card-arrow"></span>
                </div>
            </div>

            <div class="card right-card">
                <img src="/education/gps.webp" alt="gps-logo" width="40" height="40" loading="lazy">
                <div class="textbox">
                    <h3 class="headings">Government Polytechnic, Solapur</h3>
                    <small>2020 - 2023</small>
                    <p>Diploma in Electronics & Telecommunications</p>
                    <span class="right-card-arrow"></span>
                </div>
            </div>

            <div class="card left-card">
                <img src="/education/psems.webp" alt="psems-logo" width="40" height="40" loading="lazy">
                <div class="textbox">
                    <h3 class="headings">P. S. English Medium Technical High School, Solapur</h3>
                    <small>2009 - 2020</small>
                    <p>Primary & High School Education (SSC)</p>
                    <span class="left-card-arrow"></span>
                </div>
            </div>

        </div>
    </section>

    <section id="certification">
        <div class="container">
            <h2 class="headings">Certifications</h2>

            <div class="box">
                <a href="https://www.hackerrank.com/certificates/8753a147abff" target="_blank">
                    <div class="card">
                        <img src="certification/py_hr.webp" alt="certification" height="250" width='355' loading="lazy">
                        <h3 class="headings">Python (Basic)</h3>
                        <p>HackerRank</p>
                    </div>
                </a>

                <a href="https://www.hackerrank.com/certificates/d60f7d61e16e" target="_blank">
                    <div class="card">
                        <img src="certification/react_hr.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">React (Basic)</h3>
                        <p>HackerRank</p>
                    </div>
                </a>

                <a href="https://www.hackerrank.com/certificates/22ba9ee26b01" target="_blank">
                    <div class="card">
                        <img src="certification/sql_hr.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">SQL (Basic)</h3>
                        <p>HackerRank</p>
                    </div>
                </a>
            </div>

            <div class="box">
                <a href="https://www.linkedin.com/learning/certificates/e2a4bf7bb2c014b773493c9ba45a63190fae3c46ab89e40129f9ec6f025351ee"
                    target="_blank">
                    <div class="card">
                        <img src="certification/genai_ms.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Generative AI</h3>
                        <p>Microsoft</p>
                    </div>
                </a>

                <a href="https://www.kaggle.com/learn/certification/mohitshaharwale/python" target="_blank">
                    <div class="card">
                        <img src="certification/py_kaggle.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Python</h3>
                        <p>Kaggle</p>
                    </div>
                </a>

                <a href="https://www.linkedin.com/learning/certificates/c48de0a7aafddcf77405767464b68e947b45ee6619bb6ae2aa8f5089a3491220"
                    target="_blank">
                    <div class="card">
                        <img src="certification/software_ms.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Software Development</h3>
                        <p>Microsoft</p>
                    </div>
                </a>
            </div>

            <div class="box">
                <a href="https://edu.gtf.pt/admin/tool/certificate/index.php?code=9893696163MS" target="_blank">
                    <div class="card">
                        <img src="certification/py_mtf.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Python</h3>
                        <p>Institute of MTF, Portugal</p>
                    </div>
                </a>

                <a href="https://courses.cognitiveclass.ai/certificates/8282b363e6754a7a88970e8e526e542a"
                    target="_blank">
                    <div class="card">
                        <img src="certification/pe_ibm.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Prompt Engineering</h3>
                        <p>IBM</p>
                    </div>
                </a>

                <a href="https://edu.gtf.pt/admin/tool/certificate/index.php?code=3972592988MS" target="_blank">
                    <div class="card">
                        <img src="certification/webdev_mtf.webp" alt="certification" height="250" width='355'
                            loading="lazy">
                        <h3 class="headings">Web Development</h3>
                        <p>Institute of MTF, Portugal</p>
                    </div>
                </a>
            </div>
        </div>
    </section>

    <section id="contact">
        <div class="container">
            <h2 class="headings">Contact Me</h2>
            <div class="form">
                <form action="https://api.web3forms.com/submit" method="POST" id="form">
                    <input type="hidden" name="access_key" value="2f65c7ae-7a83-436d-ac9e-a0d8b9aa90a3">
                    <input type="text" name="name" id="name" placeholder="Enter Your Name" autocomplete="name" required>
                    <input type="email" name="email" id="email" placeholder="Enter Your Email" autocomplete="email" required>
                    <input name="message" id="message" placeholder="Enter Your Message" autocomplete="off" required>
                    <button type="submit" class="btn">Send Message</button>
                </form>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="box">
                <div class="card">
                    <h2>Share this site on:</h2>
                    <div class="card-links">
                        <a target="_blank"
                            href="https://x.com/intent/tweet?url=https://mohit.website&text=Checkout this amazing portfolio website!"><i
                                class="fa-brands fa-x-twitter"></i><span>Twitter</span></a>
                        <a target="_blank"
                            href="https://www.facebook.com/sharer/sharer.php?u=https://mohit.website"><i
                                class="fa-brands fa-facebook"></i><span>Facebook</span></a>
                        <a target="_blank"
                            href="https://api.whatsapp.com/send?text=https://mohit.website"><i
                                class="fa-brands fa-whatsapp"></i><span>WhatsApp</span></a>
                        <a target="_blank" href="mailto:?&subject=&body=https://mohit.website"><i
                                class="fa-solid fa-envelope"></i><span>E-mail</span></a>
                        <a target="_blank"
                            href="https://www.linkedin.com/shareArticle?mini=true&url=https://mohit.website&title=&summary=Checkout this amazing portfolio website!&source="><i
                                class="fa-brands fa-linkedin"></i><span>LinkedIn</span></a>
                        <a target="_blank"
                            href="https://t.me/share/url?url=https://mohit.website&text=Checkout this amazing portfolio website!"><i
                                class="fa-brands fa-telegram"></i><span>Telegram</span></a>
                        <a href="javascript:copyToClipboard()" style="cursor: pointer;"><i
                                class="fa-solid fa-clipboard"></i><span>Copy&nbsp;Link</span></a>
                    </div>
                </div>
                <div class="card">
                    <h2>Follow Me On:</h2>
                    <div class="card-links">
                        <a target="_blank" href="https://github.com/mohits2806"><i
                                class="fa-brands fa-github"></i><span>GitHub</span></a>
                        <a target="_blank"
                            href="https://www.linkedin.com/comm/mynetwork/discovery-see-all?usecase=PEOPLE_FOLLOWS&followMember=mohit-shaharwale-634b22282"><i
                                class="fa-brands fa-linkedin"></i><span>LinkedIn</span></a>
                        <a target="_blank" href="https://x.com/intent/user?screen_name=mohitshaharwale"><i
                                class="fa-brands fa-x-twitter"></i><span>Twitter</span></a>
                        <a target="_blank" href="https://www.instagram.com/mohit._.2806/"><i
                                class="fa-brands fa-instagram"></i><span>Instagram</span></a>
                        <a target="_blank" href="https://www.facebook.com/mohit.shaharwale/"><i
                                class="fa-brands fa-facebook"></i><span>Facebook</span></a>
                        <a target="_blank" href="https://www.threads.net/@mohit._.2806"><i
                                class="fa-brands fa-threads"></i><span>Threads</span></a>
                    </div>
                </div>
            </div>
            <p>&copy; 2024 Mohit Shaharwale || All Rights Reserved</p>
        </div>
    </footer>

    <script src="script.js" defer></script>
    <script src="https://web3forms.com/client/script.js" async defer></script>
    <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "Person",
          "name": "Mohit Shaharwale",
          "url": "https://mohit.website/",
          "image": "https://mohit.website/logo.webp",
          "sameAs": [
            "https://github.com/mohits2806",
            "https://www.linkedin.com/in/mohit-shaharwale-634b22282",
            "https://twitter.com/mohitshaharwale",
            "https://www.instagram.com/mohit._.2806/",
            "https://www.facebook.com/mohit.shaharwale/",
            "https://www.threads.net/@mohit._.2806"
          ],
          "jobTitle": "Web Developer",
          "description": "Web Developer skilled in HTML, CSS, JavaScript, React.js, Node.js, Express.js, and MongoDB. Creating user-focused digital experiences that deliver results. Currently pursuing a B. Tech. in Electronics and Telecommunications, blending theory with hands-on practice.",
          "knowsAbout": [
            "Web Development",
            "Front-End Development",
            "Back-End Development",
            "Full Stack Development",
            "SEO",
            "Python Programming",
            "Graphic Design",
            "AI",
            "Prompt Engineering",
            "Database Management",
            "Version Control"
          ],
          "worksFor": {
            "@type": "EducationalOrganization",
            "name": "N. B. Navale Sinhgad College of Engineering"
          },
          "alumniOf": {
            "@type": "EducationalOrganization",
            "name": "N. B. Navale Sinhgad College of Engineering"
          },
          "hasCredential": [
            {
              "@type": "EducationalOccupationalCredential",
              "name": "Python (Basic)",
              "url": "https://www.hackerrank.com/certificates/8753a147abff",
              "credentialCategory": "Certification",
              "recognizedBy": {
                "@type": "Organization",
                "name": "HackerRank"
              }
            },
            {
              "@type": "EducationalOccupationalCredential",
              "name": "React (Basic)",
              "url": "https://www.hackerrank.com/certificates/d60f7d61e16e",
              "credentialCategory": "Certification",
              "recognizedBy": {
                "@type": "Organization",
                "name": "HackerRank"
              }
            },
            {
              "@type": "EducationalOccupationalCredential",
              "name": "SQL (Basic)",
              "url": "https://www.hackerrank.com/certificates/22ba9ee26b01",
              "credentialCategory": "Certification",
              "recognizedBy": {
                "@type": "Organization",
                "name": "HackerRank"
              }
            },
            {
              "@type": "EducationalOccupationalCredential",
              "name": "Generative AI",
              "url": "https://www.linkedin.com/learning/certificates/e2a4bf7bb2c014b773493c9ba45a63190fae3c46ab89e40129f9ec6f025351ee",
              "credentialCategory": "Certification",
              "recognizedBy": {
                "@type": "Organization",
                "name": "Microsoft"
              }
            },
            {
              "@type": "EducationalOccupationalCredential",
              "name": "Python",
              "url": "https://www.kaggle.com/learn/certification/mohitshaharwale/python",
              "credentialCategory": "Certification",
              "recognizedBy": {
                "@type": "Organization",
                "name": "Kaggle"
              }
            }
          ],
          "mainEntityOfPage": [
            {
              "@type": "WebSite",
              "name": "TumorScope - Brain Tumor Navigator",
              "url": "https://github.com/mohits2806/TumorScope",
              "description": "AI-powered web application for detecting and classifying brain tumors from MRI images."
            },
            {
              "@type": "WebSite",
              "name": "Chatrapati Shivaji Maharaj - Tribute Page",
              "url": "https://chatrapati-shivaji-maharaj.vercel.app/",
              "description": "Dynamic tribute page built with React, offering seamless translation into six Indian regional languages."
            },
            {
              "@type": "WebSite",
              "name": "QR Hub - QR Code Generator",
              "url": "https://mohits2806.github.io/qr-hub/",
              "description": "Versatile QR code generator for diverse purposes with customization options."
            },
            {
              "@type": "WebSite",
              "name": "WeatherBuddy - Weather Webapp",
              "url": "https://weather-buddy-app.netlify.app/",
              "description": "Real-time weather updates application providing current conditions, forecasts, and radar maps worldwide."
            }
          ]
        }
        </script>
</body>

</html>