<!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/fontawesome-free@6.2.1/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/bootstrap@5.2.3/dist/css/bootstrap.min.css">
<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="bosepraneet@gmail.com">bosepraneet@gmail.com</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>