<section class="banner" id="home">
<div class="textBx">
<h2>Hello, I'm<br> <span>Sumit Sharma</span></h2>
<h3>I'm a <span class="typed-text">Learner</span><span class="cursor"> </span></h3><br>
<a href="#about" class="btn">About Me</a>
</div>
</section>
<section class="about" id="about">
<div class="heading">
<p>Get to Know me</p>
<h2>About Me</h2>
</div>
<div class="content">
<div class="w50">
<img src="photos/MPIC.jpg" alt="Profile Photo" class="propic">
<div class="contentBx w50">
<h2>Who am I ?</h2>
<h2>I'm <b>Sumit Sharma</b>, BCA (UIC) 1st Year Student</h2>
<p>I am a Sophomore from CHANDIGARH UNIVERSITY,Mohali, Punjab. I sometimes write technical blogs, make 3D Models in Blender 3D along with Unity Engine ,
Create Graphic Designs/Posters , Make Basic Webpages and Apps. I am a Core Team Member of Developer Students Club - CU and
also part of the Technical Member in AWSCC - CU [Amazon Cloud Community].
</p><br>
<p>I Spend My Time in Gaming and Coding, Currently.I am exploring different fields in search of something which I could continue becoming good in it. </p>
<div class="heading bottom">
<a href="photos/res.pdf" target="_blank" class="btn round">DOWNLOAD CV</a>
<div class="bt">
<b>Name:</b> Sumit Sharma<br>
<b>Age:</b> 18
</div>
<div class="bt">
<b>Email: </b>sharmasumit96643@gmail.com<br>
<b>Location: </b>Ambala Cantt, INDIA
</div>
</div>
</div>
</div>
</div>
</section>
<section class="skills" id="skills">
<div class="heading">
<h2>My Skills</h2>
</div>
<div class="skills-bar">
<div class="bar">
<div class="info">
<span>HTML</span>
</div>
<div class="progress-line html"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>CSS</span>
</div>
<div class="progress-line css"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>JS</span>
</div>
<div class="progress-line js"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>JAVA</span>
</div>
<div class="progress-line java"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>C++</span>
</div>
<div class="progress-line cpp"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>Blender 3D</span>
</div>
<div class="progress-line blender"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>Kotlin</span>
</div>
<div class="progress-line kotlin"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>C</span>
</div>
<div class="progress-line c"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>Adobe Photoshop</span>
</div>
<div class="progress-line ps"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>Python, DJANGO, MYSQL </span>
</div>
<div class="progress-line py"><span></span></div>
</div>
<div class="bar">
<div class="info">
<span>AWS </span>
</div>
<div class="progress-line aws"><span></span></div>
</div>
</div>
</section>
<section class="services" id="services">
<div class="heading white">
<h2>My Services</h2>
<p>Services I Offer To My Clients</p>
</div>
<div class="content">
<div class="servicesBx">
<i class="fa fa-pencil-square-o fa-5x"></i>
<h3>Graphic Designing</h3>
<p>Skills/Tools : Poster Making,Photoshop</p>
</div>
<!--icons from font awesome bootstrap cheatsheet-->
<div class="servicesBx">
<i class="fa fa-android fa-5x"></i>
<h3>App Development</h3>
<p>Skills/Tools : Android Studio , Kotlin, Flutter</p>
</div>
<div class="servicesBx">
<i class="fa fa-fighter-jet fa-5x"></i>
<h3>3D Modeling</h3>
<p>Skills/Tools : Blender 3D, Unity 3D</p>
</div>
<div class="servicesBx">
<i class="fa fa-html5 fa-5x"></i>
<h3>Front-End Web Development/Designing</h3>
<p>Skills/Tools : HTML , CSS & JS</p>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="heading white">
<p><u>Feel Free to Contact Me Anytime</u></p>
<h2>Get In Touch</h2>
</div>
<div class="content">
<div class="contactInfo">
<h3>Contact Info</h3>
<p>Always available for freelancing work, Ready to Collaborate and Team up with others! , Feel free to contact me!</p>
<div class="contactInfoBx">
<div class="box">
<div class="icon">
<i class="fa fa-map-marker"></i>
</div>
<div class="text">
<h3>Address</h3>
<address>Defence Colony, Sec = B, HNO= 34,<br> Ambala Cantt ,<br>Haryana,<br> India ,<br> 133001 </address>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="text">
<h3>Phone no:</h3>
<p>+91 7015879348</p>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="text">
<h3>Email Address</h3>
<p>sharmasumit96643@gmail.com</p>
</div>
</div>
<br>
<h3>Social Connect</h3>
<div class="boxSocial">
<div class="icon">
<a href="https://twitter.com/sumitsh89495890" target="_blank">
<i class="fa fa-twitter-square"></i>
</a>
</div>
<div class="icon">
<a href="https://www.linkedin.com/in/Sumit Sharma/" target="_blank">
<i class="fa fa-linkedin-square"></i>
</a>
</div>
<div class="icon">
<a href="https://github.com/1234sumitsharma" target="_blank">
<i class="fa fa-github"></i>
</a>
</div>
<div class="icon">
<a href="https://www.instagram.com/sharmasumit96643/" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
</div>
<div class="formBx">
<form>
<h3>Message Me</h3>
<input type="text"placeholder="Full Name">
<input type="email"placeholder="Email">
<textarea name="" id="" rows="8"placeholder="Your Message"></textarea>
<input type="submit" value="Send Message" name="" />
</form>
</div>
</div>
</section>
</body>