resume.html

<!DOCTYPE html>
<html>
<head>
  <title>MY RESUME</title>
</head>
<body>
<article>
  <header>
    <div style="background-color: yellow" align="center" ;><h1 style="font-size: 40px;">Resume</h1></div>
    <h2>Basic Info here</h2>
  </header>
  <div  style="display:block; background-color: #F0F0F0;">
  <p style="height: 205px; font-style: oblique; font-weight: bold; font-size: 20px;">
     <img style="float: left; margin-right: 10px; border:2px solid black;" src="me.jpg" height="200"  width="250">
     Hey there! I'm Garvit Khurana from the CSE department of VIT University. I'm  currently in my third year.<br>
  	I like gymming, travelling, trekking etc. etc,<br>
  	It's a pleasure meeting you.
   </p>
  </div>
</article>
  	<section style="display:block; background-color: #F0F0F0; height:200px;">
      <hgroup>
  <h2>Web Developing Skills</h2>
  <p>I am comfortable in the usage of HTML, CSS and JS and I always look forward to learn more in this field.<br></p>
  <h2>ML  Skills</h2>
  <p>I am comfortable in the usage of Scikit Learn, Python and Neural Networks and I always look forward to learn more in this field.</p>
    <p style="font-weight: bold; float: right;"> ML: Machine Learning</p>
      </hgroup>
</section>
<section  style="background-color: #F0F0F0 ";>
  <nav>
    <h2> Some important links are: </h2>
  LinkedIN Profile: <a href="https://www.linkedin.com/in/garvitkhurana/">LinkedIN</a><br>
  GitHUB Profile: <a href="https://github.com/garvitkhurana">GitHUB</a><br>
  Email Id: garvit.khurana@gmail.com <a href="https://www.google.com/gmail/about/#">Gmail</a>
  
</nav>
</section>
  
<section style="background-color: #F0F0F0;">
	<h1>Other Extra Curriculars</h1>
	<ul style="list-style-type: circle; float">
	<li>Deep Learning Enthusiast</li>
  <li>State Level Cricket Player</li>
	<li>Travelling Enthusiast</li>
	<li>Hyper-active on Social Media </li>
  <li>Gym Enthusiast</li></ul>
</section>
<section style="background-color: #F0F0F0;">
	<h1>Some Stats:</h1>
	Progress in life goals (40%)
<progress value="40" max="100">40%</progress>
<br>
Progress in fitness (60%)
<progress value="60" max="100">40%</progress>
</section>
<footer style="text-align: center;">
  <p>Posted by: Garvit Khurana</p>
</footer>
</body>
</html>