<link rel="stylesheet" href="p1.css" />
<link rel="stylesheet" href="p2.css" class="alternate-style" title="color-1">
<link rel="stylesheet" href="p3.css" class="alternate-style" title="color-2">
<link rel="stylesheet" href="p4.css" class="alternate-style" title="color-3"/>
<link rel="stylesheet" href="p5.css" class="alternate-style" title="color-4"/>
<link rel="stylesheet" href="p6.css" class="alternate-style" title="color-5"/>
<link rel="stylesheet" href="switcher.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
I am web developer with 1 year of experience.I work on frontend for many orgainsation .My experience in website design,graphic design..
Hire me
Web Developer with 1+ year of experience in designing and developing user interface,testing,debugging and training staff within eCommerce technologies.Proven ability to optimizing web functionalities that improve retrieval and workflow effciencies.
</p>
</div>
</div>
<div class="row">
<div class="personal-info padd-15">
<div class="row">
<div class="info-item padd-15">
<p>Birthday:<span>06 june 2003</span></p>
</div>
<div class="info-item padd-15">
<p>Age:<span>19</span></p>
</div>
<div class="info-item padd-15">
<p>Website:<span>www.Jrmishra.org</span></p>
</div>
<div class="info-item padd-15">
<p>Email:<span>ashujimishra2003@gmail.com</span></p>
</div>
<div class="info-item padd-15">
<p>Degree:<span>B-TECH, 1ST YEAR</span></p>
</div>
<div class="info-item padd-15">
<p>Phone no:<span>+918084885168</span></p>
</div>
<div class="info-item padd-15">
<p>City:<span>kolkata</span></p>
</div>
<div class="info-item padd-15">
<p>hire-me:<span>always</span></p>
</div>
</div>
<div class="row">
<div class="button padd-15">
<a href="#" class="btn">Download Resuma</a>
<a href="#contact" class="btn hire-me">Hire me</a>
</div>
</div>
</div>
<div class="skills padd-15">
<div class="row">
<div class="skill-item padd-15">
<h5>CSS</h5>
<div class="progress">
<div class="progress-in" style="width: 76%"></div>
<div class="skill-percent">65%</div>
</div>
</div>
<div class="skill-item padd-15">
<h5>HTML</h5>
<div class="progress">
<div class="progress-in" style="width: 90%"></div>
<div class="skill-percent">90%</div>
</div>
</div>
<div class="skill-item padd-15">
<h5>JS</h5>
<div class="progress">
<div class="progress-in" style="width: 60%"></div>
<div class="skill-percent">60%</div>
</div>
</div>
<div class="skill-item padd-15">
<h5>JAVA</h5>
<div class="progress">
<div class="progress-in" style="width: 70%"></div>
<div class="skill-percent">70%</div>
</div>
</div>
<div class="skill-item padd-15">
<h5>BOOTSTRAP</h5>
<div class="progress">
<div class="progress-in" style="width: 88%"></div>
<div class="skill-percent">88%</div>
</div>
</div>
<div class="skill-item padd-15">
<h5>WORDPRESS</h5>
<div class="progress">
<div class="progress-in" style="width: 80%"></div>
<div class="skill-percent">80%</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="education padd-15">
<h3 class="title">Education</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<!--timeline items-->
<h3 class="timeline-date">
<i class="fa fa-calendar"></i>2021-2025
</h3>
<div class="timeline-items">
<div class="circle-dot"></div>
<h4 class="timeline-title">Bachelor in AEIE</h4>
<p class="timeline-text">
Heritage Institute of technology<br>First Year
</p>
</div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i>2018-2020
</h3>
<div class="timeline-items">
<div class="circle-dot"></div>
<h4 class="timeline-title">12th board</h4>
<p class="timeline-title-p">
Tagore Senior Secondary school<br>marks obtained:90%
</p>
</div>
</div>
</div>
</div>
</div>
<div class="experience padd-15">
<h3 class="title">Experience</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<!--timeline items-->
<h3 class="timeline-date">
<i class="fa fa-calendar"></i>2021-ongoing
</h3>
<div class="timeline-items">
<div class="circle-dot"></div>
<h4 class="timeline-title">Raktarpan foundation</h4>
<p class="timeline-text">
frontend devloper
</p>
</div>
<!-- <h3 class="timeline-date">
<i class="fa fa-calendar"></i>2018-2020
</h3>
<div class="timeline-items">
<div class="circle-dot"></div>
<h4 class="timeline-title">12th board</h4>
<p class="timeline-title-p">
Lorem, ipsum dolor sit amet consectetur
adipisicing elit. Ea sequi vitae sapiente atque
minima, illo quod suscipit maiores doloremque sit
assumenda est, asperiores laborum.
</p>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!---------about section end-------->
<!---------service section started-------->
<section class="service section" id="services">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Services</h2>
</div>
</div>
<div class="row">
<!--=====service item started=====-->
<div class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-mobile-alt"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
<!--=====service item started=====-->
<div class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-laptop-code"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
<!--=====service item started=====-->
<div class="service-item">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-palette"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
<!--=====service item started=====-->
<div class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-code"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
<!--=====service item started=====-->
<div class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-search"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
<!--=====service item started=====-->
<div class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-bullhorn"></i>
</div>
<h4>web devloper</h4>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Sunt possimus molestiae dicta delectus nulla?
</p>
</div>
</div>
<!--=====service item ended=====-->
</div>
</div>
</section>
<!---------service section ended-------->
<!--=====portfolio section started=====-->
<section class="portfolio section" id="portfolio">
<div class="conatiner">
<div class="row">
<div class="section-title padd-15">
<h2>portfolio</h2>
</div>
</div>
<div class="row">
<div class="portfolio-heading padd-15">
<h2>My last projects :</h2>
</div>
</div>
<div class="row">
<!--====PORTFOLIO ITEM STARTED=====-->
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="2022-07-25 (2).png" alt="" />
</div>
</div>
</div>
<!--====PORTFOLIO ITEM ENDED=====-->
<!--====PORTFOLIO ITEM STARTED=====-->
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="2022-07-25.png" alt="" />
</div>
</div>
</div>
<!--====PORTFOLIO ITEM ENDED=====-->
</div>
</div>
</section>
<!--=====portfolio section ended=====-->
<!--=====CONTACT section started=====-->
<section class="contact section" id="contact">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>contact</h2>
</div>
</div>
<h3 class="contact-title">HAVE YOU ANY QUARY ?</h3>
<h4 class="contact-sub-title">I'M AT YOUR SERVICE</h4>
<div class="row">
<!------=====contact info items start====-->
<div class="contact-info-item">
<div class="icon"><i class="fa fa-phone"></i></div>
<h4>For call Contact</h4>
<p>+91 8084885168</p>
</div>
<!------=====contact info items end====-->
<!------=====contact info items start====-->
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-envelope"></i></div>
<h4>Email</h4>
<p>ashujimishra2003@gmail.com</p>
</div>
<!------=====contact info items end====-->
<!------=====contact info items start====-->
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-linkedin"></i></div>
<h4>Linkedln</h4>
<p>
https://www.linkedin.com/in/jyotiraditya-mishra-090047204/
</p>
</div>
<!------=====contact info items end====-->
<!------=====contact info items start====-->
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-instagram"></i></div>
<h4>Instagram</h4>
<p>mishra_raditya</p>
</div>
<!------=====contact info items end====-->
</div>
<h3 class="contact-title padd-15">contact me</h3>
<h4 class="contact-sub-title padd-15">I'M very responsive</h4>
<!--- conatct form -->
<div class="row">
<div class="contact-form padd-15">
<div class="row">
<div class="form-item col-6 padd-15">
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Name"
/>
</div>
</div>
<div class="form-item col-6 padd-15">
<div class="form-group">
<input
type="email"
class="form-control"
placeholder="email"
/>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="subject"
/>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<textarea
name=""
class="form-control"
id=""
placeholder="Message"
></textarea>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<button type="submit" class="btn">Send Message</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--=====CONTACT section ENDED=====-->
</div>
<!---------main content end-------->
</div>
<!---------container ended-------->
<!-----=====Style switch start======-->
<div class="style-switcher">
<div class="style-switcher-toggler s-icon">
<i class="fas fa-cog fa-spin"></i>
</div>
<div class="day-night s-icon">
<i class="fas "></i>
</div>
<h4>Theme colors</h4>
<div class="color">
<span class="color-1" onclick="setActiveStyle('p2')"></span>
<span class="color-2" onclick="setActiveStyle('p3')"></span>
<span class="color-3" onclick="setActiveStyle('p4')"></span>
<span class="color-4" onclick="setActiveStyle('p5')"></span>
<span class="color-5" onclick="setActiveStyle('p6')"></span>
</div>
</div>
<!-----=====Style switch end======-->
<!-- JS SCRIPT -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js" referrerpolicy="no-referrer"></script>
<script src="p1.js"></script>
<script src="style-switcher.js"></script>