<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" >
<title>PrateekJain</title>
<link rel="stylesheet" href="Css/style.css">
<link rel="icon" href="Faavicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Play&family=Sacramento&family=Lato&family=Trispace&display=swap" rel="stylesheet">
</head>
<body >
<div class="top-container">
<h1 class="web-heading" style="font-size: 350%;">I am Prateek Jain</h1>
<h3 style="color: rgb(2, 0, 119); font-size: 80%;">A Web Development Enthusiast</h3>
<!--<a href="html-code.html"></a>-->
<img class="main" src="icons/programming.png" alt="main image" width="18.75%" height="18.75%">
<div class="fig">
<div class="imageHolder" style="margin-right: 29.5%;">
<a href="html-code.html"> <img class = "html-code" src="icons/html-5.png" alt="html5-image"></a>
<div class="caption1"><br>HTML5 Code here</div>
</div>
<div class="imageHolder" style="margin-left: 29.5%; ">
<a href="css-code.html"><img class = "css-code" src="icons/css.png" alt="css3-image"></a>
<div class="caption2"><br>CSS3 code here</div>
</div>
</div>
</div><br>
<br>
<div class="profile" id="profile">
<img class="profile-photo"src="icons/player.png" alt="profile-photo" width="12%" height="12%">
<h3>Hello.</h3>
<p class="profile-desc">I am Enthusiastic Programmer eager to contribute to team success through hard work, problem solving , analyzing and excellent
organizational skills. Clear understanding of Programming languages and related fields of computer science . Motivated to learn, grow
and excel in Software and Web Development .</p>
</div>
<hr>
<div class="Education" id="education">
<img class="education-img" src="icons/mortarboard12.png" alt="education image" width="12%" height="12%">
<h3 class="Edu-head">Education</h3>
<p class="edu-desc"> I am recent College Graduate, Graduated in Sept 2020 from <strong>Lakshmi Narain College Of Technology, Bhopal</strong> in <em>Electronics and Communication Engineering</em> with Overall CGPA of 8.12.</p>
</div>
<hr>
<div class="skills">
<img class="skills-image" src="icons/skills.png" alt="skills-image" width="12%" height="12%">
<div class="skills-desc">
<h3 class="skills-head">Skills</h3>
<p><strong>Programming Languages</strong> : C, C++, Java</p>
<p><strong>Web Technologies</strong> : HTML5, CSS3, Javascript, Bootstrap</p>
<p><strong>Database</strong> : MySQL</p>
<p><strong>Version Control</strong> : Git</p>
</div>
</div>
<hr>
<div class="Project" >
<img class="project-img" src="icons/project .png" alt="project-image" width="12%" height="12%">
<div>
<h3 class="project-heading">Project</h3>
<p> Live Weather Forecasting Web Application</p>
<p> Bank Account Managment System</p>
<p> IOT based Patient Health Monitoring System</p>
</div>
</div>
<hr>
<div class="Resume" >
<img class="resume-image" src="curriculum.png" alt="resume-image" width="12%" height="12%">
<h3 class="resume-head">Resume</h3>
<p class="resume-desc">I am attaching my Resume Here</p>
<a class="resume-down" style="padding-top: 20px;" download href="Prateek's_Resume (3).pdf">Download</a>
</div>
<hr>
<div class="bottom-container" >
<h3 class="get-touch">Get In Touch</h3>
<p >If You Like My work Feel Free To Contact</p>
<div>
<img class="location" src="icons/003-placeholder.png" alt="location-image" width="30px" height="30px" >
<p class="contact-desc" style="padding-top: 5px; padding-bottom: 5px;">Madhya Pradesh, India</p>
<a class="footer-link" href="https://www.linkedin.com/in/prateek-jain-031106131/"><img class="linkedin" src="icons/001-linkedin.png" alt="linkedin" width="45px" height="45px"></a>
<a class="footer-link" href="mailto:prateek32177@gmail.com"><img class="gmail" src="icons/005-gmail.png" alt="gmail" width="45px" height="45px"></a>
<a class="footer-link" href="https://github.com/Prateek32177"><img class="github" src="icons/github.png" alt="github" width="45px" height="45px"></a>
<p class="copyright" style="padding-top: 20px;" >© 2020 Prateek Jain.</p>
</div>
</body>
</html>
