Skip to content

PraneetBose/PraneetBose.github.io

Repository files navigation

PraneetBose.github.io

<!doctype html>

<title>Praneet Bose</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"> </script> <script src="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"> </script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/booststrap.min.js"> </script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

Praneet Bose

Freelance Front End Developer

<div class="about container" id="about">
    <div class="row">
        <div class="col-md-6 text-center">
            <img src="imgs/image_2023-01-30_212423769-removebg-preview.png" class="profile-img">
        </div>
        <div class="col-md-6">
            <h3>WHO AM I ?</h3>
            <p>
                Hey HI , this Praneet Bose ...Am a 11th grader at a school in India.....Am very enthusiastic about tech n stuffs
            </p>

            <div class="skills-bar">
                <p>HTML,CSS, .JS</p>
                <div class="progress">
                    <div class="progress-bar" style="width:89%;">89%</div>
                </div>
                <p>UI/UX</p>
                <div class="progress">
                    <div class="progress-bar" style="width:80%;">80%</div>
                </div>
                <p>Python</p>
                <div class="progress">
                    <div class="progress-bar" style="width:60%;">60%</div>
                </div>
                <p>Data Science</p>
                <div class="progress">
                    <div class="progress-bar" style="width:100%;">LEARNING IN PROGRESS</div>
                </div>
                <p>JAVA , C++</p>
                <div class="progress">
                    <div class="progress-bar" style="width:100%;">LEARNING IN PROGRESS</div>
                </div>
            </div>
        </div>
    </div>
</div>

<!----------Social icons---------->
<div class="social-icons">
<ul>
    <a href="https://www.linkedin.com/in/praneet-bose-698012227/"><li><i class="fa fa-linkedin"></i></li></a>
    <a href="https://github.com/PraneetBose"><li><i class="fa fa-github"></i></li></a>
    <a href=""><li><i class="fa fa-instagram"></i></li></a>
    <a href=""><li><i class="fa fa-twitter"></i></li></a>
    <a href=""><li><i class="fa fa-google-wallet"></i></li></a>

</ul>
</div>

<!------------Resume-------------->
<div class="resume" id="resume">
    <div class="container">
       <div class="row">
           <div class="col-md-6">
               <h3 class="text-center">My Experiences</h3>
               <ul class="timeline">
                   <li>
                       <h4><span>2023 - </span> Front End / Back End Developer</h4>
                       <p>
                          ---- UPDATING SOON-------.<br>
                           <b>Company</b> - Freelance <br>
                           <b>Duration</b> - NONE <br>
                           <b>Location</b> - Ahmedabad, India
                       </p>
                   </li>

                   <li>
                       <h4><span>2022 - </span>Front End Developer</h4>
                       <p>
                           I have been in this field since 2 years now , and can perform quite some tasks , related front-end websites + UI/UX .
                           plus also have quality experience in back-end Programing , in Python.<br>
                           <b>Company</b> - Freelance <br>
                           <b>Duration</b> - NONE <br>
                           <b>Location</b> - Ahmedabad, India
                       </p>
                   </li>
                   <li>
                       <h4><span>2020 - </span> Front End Developer</h4>
                       <p>
                           Took my first step in the field of programing , especially in the Front-end development and  hold my grip in Html , Css and Js.<br>
                           <b>Company</b> - Freelance <br>
                           <b>Duration</b> - NONE <br>
                           <b>Location</b> - Ahmedabad, India
                       </p>
                   </li>
               </ul>
           </div>
           <div class="col-md-6">
               <h3 class="text-center">My Education</h3>
               <ul class="timeline">
                   <li>
                       <h4><span>2025 - </span> </h4>
                       <p>

                           <b>Institute</b> - <br>
                           <b>Session</b> - <br>
                           <b>Location</b> -<br>
                           <b>Aggregate</b> - %
                       </p>
                   </li>

                   <li>
                       <h4><span>2025 - </span>Completed class 12th </h4>
                       <p>
                          <br>
                           <b>Institute</b> -<br>
                           <b>Session</b> - 2yr <br>
                           <b>Location</b> - Ahmedabad, India<br>
                           <b>Aggregate</b> - %
                       </p>
                   </li>
                   <li>
                       <h4><span>2023 - </span> Completed class 10th </h4>
                       <p>
                           FINALLY!!! completed class 10th , 2022-23 batch <br>
                           <b>Institute</b> - Shanti Asiatic School , Shela <br>
                           <b>Session </b> - 1yr <br>
                           <b>Location</b> - Ahmedabad, India<br>
                           <b>Aggregate</b> - %
                       </p>
                   </li>
               </ul>
           </div>
       </div>
    </div>
</div>
<!-------------Services-------------->

<div class="services" id="services">
    <div class="container">
        <h1 class="text-center">My Offered Services</h1>
        <p class="text-center">Development services on HTML , CSS , Bootstrap , Java-Script , Python. </p>

        <div class="row">
            <div class="col-md-4">
                <div class="services-box" >
                    <i class="fa fa-rocket"></i><span >Web development</span>
                    <p class="text-center">Development services on HTML , CSS , Bootstrap , Java-Script ,Python. </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="services-box">
                    <i class="fa fa-line-chart"></i><span>UI/UX</span>
                    <p class="text-center">Development services on Android UI , and <br>IOS UI. </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="services-box">
                    <i class="fa fa-laptop"></i><span>Back-end Development</span>
                    <p class="text-center">Development services on data science and back-end<br> operations . </p>
                </div>
            </div>
        </div>
    </div>
</div>

<!---------------CONTACT-------->

<div class="contact" id="contact">
    <div class="container text-center">
        <h1>Contact Me</h1>
        <p class="text-center"> </p>


        <div class="row">
            <div class="col-md-4">
                <i class="fa fa-phone"></i>
                <p>+91 8757539539</p>
            </div>
            <div class="col-md-4">
                <i class="fa fa-envelope" aria-hidden="true"></i>
                <p><a href="[email protected]">[email protected]</a></p>
            </div>
            <div class="col-md-4">
                <i class="fa fa-safari" aria-hidden="true"></i>
                <p>bosepraneet.com</p>
            </div>
        </div>
        <button type="button" class="btn btn-primary" onclick="">Resume</button>
        <button type="button" class="btn btn-primary">Hire Me</button>
        <div class="footer text-center"></div>
        <p>© copyright 2023-24 <i class="fa fa-heart-o"></i>website owner Praneet Bose</p>
    </div>
</div>
<script src="smooth-scroll.js"></script> <script> var scroll = new SmoothScroll('a[href*="#"]'); </script>