<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aditya Mishra Portfolio</title>
<link rel="stylesheet" href="index.css">
<link rel="shortcut icon" href="png/AdityaColoRimg 1.png">
<link rel="stylesheet" href="media.css">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="home">
<header>
<nav>
<!-- <input type="checkbox" id="check">
<label for="check">
<i class="fa fa-bars"></i>
</label> -->
<ul class="navbar">
<li>
<a href="#home" target="_blank">Home</a>
</li>
<li>
<a href="#work" target="_blank">Work</a>
</li>
<li>
<a href="#about" target="_blank">About</a>
</li>
<li>
<a href="#contact" target="_blank">Contact Us</a>
</li>
</ul>
<div class="downloadcv">
<img src="png/Rectangle 6.png" alt="">
<a href="https://drive.google.com/file/d/1SkGOJ3pkXJMJo15rz8pp0PyT_a-I2G8Z/view?usp=sharing"
target="_blank" download="mypdffile">Download CV</a>
</div>
</nav>
</header>
<section class="section">
<div class="banner">
<img src="png/Rectangle 8 (1).png" alt="" id="bannerimgrec">
<a href="#" id="aditya"><img src="png/AdityaColoRimg 1.png" alt="">
<style>
#aditya img {
width: 10%;
}
</style>
</a>
<div class="text">
<h2>Hi, I am Aditya Mishra A passionate front-end <br> Dev Based in New Delhi, India.
</h2>
</div>
</div>
<div class="connect">
<div class="connecttext">
<h4>Lets Connect :
</h4>
</div>
<div class="connectimg">
<a href="https://www.linkedin.com/in/adityamishra95/" target="_blank" id="link"><img
src="portfolio design/LinkedIn-Logos/LI-In-Bug.png" alt=""></a>
<a href="https://github.com/adityamishra2023" target="_blank" id="git"><img
src="portfolio design/github-mark-white.png" alt=""></a>
<a href="https://twitter.com/adityamishra_95" target="_blank" id="x"><img
src="portfolio design/logo-white.png" alt=""></a>
</div>
</div>
</div>
</section>
<section class="sectiontwo">
<div class="heading">
<h2>Front-End</h2>
<h1>Developer</h1>
</div>
<div class="iknow">
<div class="know">
<h1>What I Know</h1>
</div>
<div class="img">
<img src="portfolio design/icons8-html-logo-48.png" alt="">
<img src="portfolio design/icons8-css-logo-48.png" alt="">
<!-- </div> -->
<!-- <div class="img"> -->
<img src="portfolio design/icons8-javascript-48.png" alt="">
<img src="portfolio design/icons8-bootstrap-logo-48.png" alt="">
</div>
</div>
</section>
<section class="sectionthree" style="margin-top: 23px; margin-bottom: -15%;">
<div class="marquee">
<marquee behavior="scroll" direction="left">
<h1> ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT
ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT ABOUT
ABOUT ABOUT ABOUT ABOUT ABOUT</h1>
</marquee>
</div>
<div id="about">
<div class="about-container">
<div class="headoverlay">
<div clabass="overlay" style="display: flex;
justify-content: center;
position: relative;
top: 150px;">
<img src="png/Rectangle 2.png" alt="">
</div>
</div>
<div class="inerabout">
<div class="overlaycontent">
<div class="about">
<h1>About</h1>
</div>
<div class="aboutcontent">
<h1>Front-End Developer </h1>
<div class="ultable">
<ul class="ul">
<p>🛠️ What I bring to the table:</p>
<li>
Expertise in creating robust and responsive interfaces
</li>
<li>Proficiency in modern web development technologies and frameworks</li>
<li>Extensive experience in translating design concepts into seamless,
high-performance
applications
</li>
<li>Commitment to staying on the cutting edge of industry trends</li>
<li>Strong problem-solving skills with a focus on code quality and maintainability
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="marquee-projects">
<marquee behavior="scroll" direction="left">
<h1 class="marquee-h1"> PROJECT PROJECT PROJECT PROJECT PROJECT PROJECT PROJECT PROJECT</h1>
</marquee>
<div id="work">
<div class="projects">
<div class="probg">
<img src="png/Rectangle 6.png" alt="">
</div>
<h1>Projects</h1>
</div>
<div class="rectangle-shape">
<div class="bg-rec">
<li id="red-box"><a href="https://netflix-project-11-2023.netlify.app/" target="_blank"><img
src="portfolio design/netflixclone.png" alt="Netflix Project"></a>
<div class="text-rec">
<a href="https://netflix-project-11-2023.netlify.app/" target="_blank">
<h1>Netflix Clone</h1>
</a>
<p>HTML, CSS</p>
</div>
</li>
<li id="pink-box"><a href="https://myntraclonework.netlify.app/" target="_blank"><img
src="portfolio design/myntra.png" alt=""></a>
<div class="text-rec">
<a href="https://myntraclonework.netlify.app/" target="_blank">
<h1>Myntra Clone</h1>
</a>
<p>HTML, CSS</p>
</div>
</li>
<li id="green-box"><img src="portfolio design/spotifyclone.png" alt="Spotify Clone">
<div class="text-rec">
<h1>Spotify Clone</h1>
</a>
<p>HTML, CSS</p>
</div>
</li>
</div>
</div>
</div>
</section>
<section>
<div class="contact-container">
<div class="marquee-projects">
<marquee behavior="scroll" direction="left">
<h1 class="marquee-h1"> LETS CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS
CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS CONNECT LETS
CONNECT LETS CONNECT LETS CONNECT LETS CONNECT </h1>
</marquee>
</div>
<div id="contact">
<div class="contactbg">
<img src="png/Rectangle 2.png" alt="">
</div>
<div class="contacthead-flexo">
<div class="contacthead">
<h1 id="c-us">Contact Us</h1>
<p class="p1"> 🚀 Cheers to creating engaging and memorable online <br> experiences!</p>
<p class="p2"> Let's connect! I'm always open to discussing exciting opportunities</p>
<p class="p3">📧 Email: <a
href="mailto:adityamishra80012@gmail.com">adityamishra80012@gmail.com</a>
</p>
<p class="p4">📍 Location: New Delhi, India </p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="copyrights">
<p>Copyright © 2023. All rights are reserved</p>
</div>
</footer>
</body>
</html>