index.html

<!DOCTYPE html>
<html lang=en>

    <head>
        <meta charset="UTF-8">
        <meta name="description"
            content="An engineer, designer, and optimist. I believe in tech and learning, and I care about world's most pressing issues." />
        <title>Abhishek Soni</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
        <link rel="stylesheet" href="stylesheet.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-149843961-2"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }
            gtag('js',new Date());
            gtag('config','UA-149843961-2');
        </script>
        <script type="text/javascript">
            (function (c,l,a,r,i,t,y) {
                c[a] = c[a] || function () {(c[a].q = c[a].q || []).push(arguments)};
                t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
                y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t,y);
            })(window,document,"clarity","script","banqmeb9ro");
        </script>
    </head>

    <body>
        <section id="introhead">
            <!-- Menu Navigation -->

            <div class="menuposition">
                <div class="listhover"> <i class="fa fa-bars" aria-hidden="true">
                        <div id="sitetitlediv"><span style="color: green;">abhishek soni</span>
                        </div>
                    </i>
                    <div id="navlist">
                        <ul>
                            <br>

                            <li><a href="/">About</a></li>
                            <li><a href="/work">Work</a></li>
                            <li><a href="/notes">Notes</a></li>
                            <li><a href="/bookshelf">Bookshelf</a></li>
                            <!-- <li><a href="abhishek_resume.pdf" target="_blank">Resume</a></li> -->
                            <li><a href="http://abhishek-soni.com/#contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- Menu Navigation End -->

            <!-- Body content starts  -->

            <section id="introhead">
                <div class="introhead">

                    <div class="introheadmain">
                        <h1>Introduction</h1>
                    </div>

                    <div class="introheadcontent">
                        <br>
                        <span> <a href="#skills">skills</a></span>
                        <span> <a href="#personalcontent">personal</a></span>
                        <span> <a href="#journeycontent">journey</a></span>
                        <span> <a href="/work" target="_blank">work</a> </span>
                    </div>

                </div>
            </section>

            <a href="#sectionintrocontent">
                <div class="scrollcontainer">
                    <div class="chevron"></div>
                    <div class="chevron"></div>
                    <div class="chevron"></div>
            </a>
            </div>

            <section id="introcontent">
                <div class="introcontent">
                    <div class="classheadingintrocontent">
                        <img src="photo.jpg" alt="Abhishek Soni photo" class="myphoto">

                        <p>Hey there! I'm Abhishek Soni, a dedicated <u>Computer Science Engineer</u> who loves
                            designing and engineering practical solutions to real-world problems.</p>

                        <p>My professional journey started with a summer internship at <u>Paytm</u>, and now I'm a
                            thriving Backend Development Engineer at <u>Bambu</u>, a digital wealth management platform
                            for financial institutions.
                        </p>

                        <p>Throughout my career, I've had the privilege of working in diverse roles, including
                            <u>Backend Engineer at Bambu and Niroggyan, Full-Stack Engineer at Webloon Studio, and
                                Summer Intern at Paytm.</u></p>

                        <p>My passion for technology dates back to high school when, in <u>2014, I created an
                                entertainment website</u> for my friends and me to enjoy trending videos and Hollywood
                            news. I'm incredibly grateful to have discovered my love for building tech products and
                            designing practical systems early in life.
                        </p>


                        <p>My <u>soft skills</u> include: fundamental thinking, brainstorming (I absolutely adore
                            generating ideas) and active listening.</p>

                        <p>My <u>technical skills</u> include: Full stack development (primarily focused on backend with
                            Node.js) and system and product design.<br>
                        </p>

                        <p>I am <u>experienced</u> with: </p>

                        <section id="skills">
                            <div class="tableclassintro">
                                <div class="tableclassintrodesign">
                                    <table>
                                        <caption style="text-align: left; "><strong>Code</strong></caption>

                                        <th>NODE JS</th>
                                        <!-- <th><img src="images/skills /node-js.jpg" height="25" width="100" alt="abhishek-soni-node-js">
                                    </th> -->
                                        <th>MONGO DB</th>
                                        <th>LOOPBACK</th>
                                        <th>PYTHON</th>

                                    </table>
                                </div>
                            </div>
                    </div>

                    <div class="tableclassintro">
                        <div class="tableclassintrodesign">
                            <p>
                            <table>
                                <caption style="text-align: left; "><strong>Frontend</strong></caption>

                                <th>HTML</th>
                                <th>CSS</th>
                                <th>JAVASCRIPT</th>
                                <th>WORDPRESS</th>

                                </p>
                            </table>
                        </div>
                    </div>

                    <div class="tableclassintro">
                        <div class="tableclassintrodesign">
                            <p>
                            <table>
                                <caption style="text-align: left; "><strong>Design</strong></caption>
                                <th>EMPATHY</th>
                                <th>SKETCH</th>
                                <th>FIGMA</th>
                                <th>PHOTOSHOP</th>
                                </p>
                            </table>
                        </div>
                    </div>

                    <div class="tableclassintro">
                        <div class="tableclassintrodesign">
                            <p>
                            <table>
                                <caption style="text-align: left; "><strong>More</strong></caption>
                                <th>GITHUB</th>
                                <th>KUBERNETES</th>
                                <th> GCP & AZURE </th>
                                <th>NEST JS</th>
                                </p>
                            </table>
                        </div>
                    </div>
            </section>
        </section>

        <a href="#personalhead">
            <div class="scrollcontainer">
                <div class="chevron"></div>
                <div class="chevron"></div>
                <div class="chevron"></div>
        </a>
        </div>

        <section id="personalhead">
            <p class="paddingfifty">

            <div class="introhead">

                <div class="introheadmain">
                    <h1>Personal</h1>
                </div>

                <div class="introheadcontent">
                    <br>
                    <span> <a href="#introcontent">intro</a></span>
                    <span> <a href="#skills">skills</a></span>
                    <span> <a href="#journeycontent">journey</a></span>
                    <span> <a href="/work" target="_blank">work</a> </span>
                </div>
            </div>
        </section>

        <a href="#personalcontent">
            <div class="scrollcontainer">
                <div class="chevron"></div>
                <div class="chevron"></div>
                <div class="chevron"></div>
        </a>
        </div>

        <section id="personalcontent">
            <div class="introcontent">
                <div class="personalcolor">

                    <p><strong> Passionate : <br></strong>Technology, World Progress and Gemstones.</p>
                    <p> <strong> Curious : </strong><br>Learning, Startups and Antiques.</p>
                    <section id="contact">
                        <p> <strong> Care : <br></strong>Underprivileged, Humanity and Gender Equality.
                        </p>
                        <p> <strong> Excited : <br> </strong>Ambitious projects, particularly those related to
                            healthcare and saving lives at scale (I'm always open to discussing such projects!)
                            <!-- <section id="contact"> -->
                        </p>

                        <div class="sociallinks">
                            <p>
                                <span><strong>Social :</strong></span>
                                <span> <a href="https://twitter.com/abhishek_notes" target="_blank">twitter</a></span>
                                <span> <a href="https://www.linkedin.com/in/hello-abhishek/"
                                        target="_blank">linkedin</a></span>
                                <span> <a href="https://github.com/abhisheknotes" target="_blank">github</a></span>
                                <span> <a href="https://medium.com/@abhisheknotes" target="_blank">medium</a></span>
                        </div>
                </div>
                </p>
                <div class="sociallinks">

                    <p> <strong>Contact : </strong> <span></span> <span><a href="mailto:abhishek@abhishek-soni.com"
                                target="_blank">abhishek@abhishek-soni.com</a></span></p>
                </div>
        </section>

        </div>
        </section>

        <a href="#journeyhead">
            <div class="scrollcontainer">
                <div class="chevron"></div>
                <div class="chevron"></div>
                <div class="chevron"></div>
        </a>
        </div>

        <section id="journeyhead">
            <p class="paddingfifty">
            <div class="introhead">

                <div class="introheadmain">
                    <h1>A Glimpse of My Journey</h1>
                </div>
                <div class="introheadcontent">
                    <br>
                    <span> <a href="#introcontent">intro</a></span>
                    <span> <a href="#skills">skills</a></span>
                    <span> <a href="#personalcontent">personal</a></span>
                    <span> <a href="/work" target="_blank">work</a> </span>
                </div>
            </div>
        </section>

        <a href="#journeycontent">
            <div class="scrollcontainer">
                <div class="chevron"></div>
                <div class="chevron"></div>
                <div class="chevron"></div>
        </a>
        </div>

        <section id="journeycontent">
            <div class="introcontent">
                <div class="ulstylingjourney">
                    <ul>
                        <li> <strong>1997:</strong> <br>The Adventure Begins : Born!</li>
                        <p>
                            <li><strong>2001 - 2004:</strong> <br>Started school and consistently ranked among the top
                                scorers in my class.
                        </p>
                        </li>
                        <p>
                            <li><strong>2005:</strong> <br>First encounter with a computer and the internet—love at
                                first sight!
                        </p>
                        </li>
                        <p>
                            <li><strong>2007:</strong><br>Skipped 4th grade and moved directly to 5th due to my strong
                                academic performance.
                        </p>
                        </li>
                        <p>
                            <li><strong>2008:</strong><br>Fell deeper in love with the internet on a bar phone.
                        </p>
                        </li>
                        <p>
                            <li><strong>2009:</strong><br>Discovered the joys of social internet and email; won first
                                prize in a school general knowledge quiz.
                        </p>
                        </li>
                        <p>
                            <li><strong>2013:</strong><br>Began my website creation journey with WordPress.
                        </p>
                        </li>
                        <p>
                            <li><strong>2014:</strong><br>Started programming with Java and MySQL; launched a successful
                                entertainment website with 7k monthly visitors
                        </p>
                        </li>
                        <p>
                            <li><strong>2016-2017:</strong><br>Enrolled in Engineering while working at a family web
                                development agency, gaining invaluable business insights
                        </p>
                        </li>
                        <p>
                            <li><strong>2019:</strong><br>Landed a product design internship at Paytm, contributing to a
                                project aimed at financial inclusion of a billion Indians - journey from millions to
                                billions!
                        </p>
                        </li>
                        </li>
                        <p>
                            <li><strong>2020:</strong><br>Graduated in the top 10% of my class and began making a
                                difference as a full-stack developer at Tomorrowing Today, a web development agency in
                                the USA and Canada
                        </p>
                        </li>
                        </li>
                        <p>
                            <li><strong>2021:</strong><br>Joined Niroggyan as a Backend Engineer; hard work paid off
                                with a promotion to Senior Backend Engineer within 6 months.
                        </p>
                        </li>
                        </li>
                        <p>
                            <li><strong>2022:</strong><br>Intrigued by the world of fintech, joined Bambu to help make
                                wealth management more accessible and efficient for the world, one financial institution
                                at a time.
                        </p>
                        </li>
                        <p>
                            <li><strong>2023:</strong><br>
                                <p style="color:green;"> Journey continues—let's see where life takes us next! </style>
                                </p>
                            </li>
                    </ul>
                </div>
            </div>
        </section>

        <a href="#introhead">
            <div class="scrollcontainer">
                <div class="chevron2"></div>
                <div class="chevron2"></div>
                <div class="chevron2"></div>
        </a>
        </div>

        <!-- Body content end -->

        <!-- Footer Section Start -->

        <section id="footer">
            <div class="paddingfoot">
                <hr>
            </div>
            <div class='footer-wrapper'>
                <div class='row'>
                    <div class='footercolumn'>
                        <div class='footer-first-column'>
                            <a href="mailto:abhishek@abhishek-soni.com" target="_blank">abhishek@abhishek-soni.com</a>

                        </div>
                    </div>
                    <div class='footercolumn'>
                        <div class='footer-second-column'>

                            <span> <a href="https://twitter.com/abhishek_notes" target="_blank"><i class="fa fa-twitter"
                                        aria-hidden="true"></a></span></i><span>

                                <a href="https://www.linkedin.com/in/hello-abhishek/" target="_blank"><i
                                        class="fa fa-linkedin" aria-hidden="true"></i></a></span></i>

                            <span> <a href="https://medium.com/@abhisheknotes" target="_blank"><i class="fa fa-medium"
                                        aria-hidden="true"></a></span></i>

                        </div>
                    </div>
                    <div class='footercolumn'>
                        <div class='footer-third-column'>

                            © 2023 Abhishek Soni. All rights reserved.

                        </div>
                    </div>
                </div>

            </div>
            </div>
        </section>
        <!-- Footer Section End -->
    </body>

</html>