index.html

<!DOCTYPE html>
<html>

<head>
	<title>Harsh Sharma</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="icon" href="img/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="css/superslides.css">
	<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
		integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css"
		integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />

	<link rel="stylesheet" type="text/css" href="css/style.css">


	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>

	<div class="loader">
		<div class="inner"></div>
	</div>

	<div id="slides">

		<div class="overlay"></div>

		<div class="slides-container">
			<img src="img/slide1.jpg" alt="">
			<img src="img/slide2.jpeg" alt="">
			<img src="img/slide3.jpeg" alt="">
		</div>

		<div class="titleMessage">
			<div class="heading">
				<p class="main">Harsh Sharma</p>
				<p class="sub typed"></p>
			</div>
		</div>


		<nav class="slides-navigation">
			<a href="#" class="next"></a>
			<a href="#" class="prev"></a>
		</nav>


	</div>

	<nav id="navigation" class="navbar navbar-expand-lg">
		<a class="navbar-brand" href="index.html">Harsh Sharma</a>

		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
			aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		</button>

		<div class="collapse navbar-collapse" id="navbarNav">
			<ul class="navbar-nav">
				<li class="nav-item active">
					<a class="nav-link" href="#about">About <span class="sr-only">(current)</span></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#skills">Skills</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#stats">Stats</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#contact">Contact</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#portfolio">Portfolio</a>
				</li>
			</ul>
		</div>

	</nav>

	<div id="about" class="section">

		<div class="container">

			<div class="row">

				<div class="col-md-4">
					<img class="aboutImage" src="img/about.jpeg">
				</div>

				<div class="col-md-7">


					<h4>My name is Harsh Sharma</h4>


					<p>I'm from <a target="_blank" href="https://en.wikipedia.org/wiki/Punjab">Punjab</a>, India. I currently work as a <b>Senior Android Developer</b> at <a
							href="https://www.jio.com/">Jio</a> in Bangalore.</p>
					<p>I have <b>7 years</b> of experience in Android Application Development.</p>
					<p><b>Runner's Up</b> in <a target="_blank" href="http://bit.ly/ixigohackwinners">App Hackathon</a> organized by Ixigo in 2017.</p>
					<p>Developed <b>7+ Android Apps</b> and numerous <b>open-source</b> projects.</p>
					<p>Currently working on <b><a target="_blank" href="bit.ly/jio_design_system">Jio Design System</a></b> for <b>Jio apps</b> (My Jio, Jio Chat, Jio TV etc)</p>
					<p>Developed some <b>plugins</b> like <b>Powerset</b> and Theme Generator for devs <b>productivity</b>.</p>
					<p>Worked for <b>Telstra</b> client on <a target="_blank" href="bit.ly/my_telstra">My Telstra Android App </a></p>
					<p><b>Implemented</b> an alternative to the already used <b>AR SDK</b> in the <b>safe2Go</b> app for <b>British Petroleum</b> which <b>saved</b> around <b>1000+ $ annually</b>. (At <a target="_blank" href="https://www.infosys.com/">Infosys</a>)</p>
					<p><b>1500+ Employees</b> live made <b>hassle free</b> by shifting attendance management system from <b>Biometric to Mobile Apps</b>. (At <a target="_blank" href="https://www.teamcomputers.com/">Team Computers</a>)</p>
					<p>Passionate to update my knowledge and skills through continuous self-learning.</p>
					<p>Loves to make Open Source Contributions.</p>
					<p>As an Individual I love Chess, Cricket, Guitar, Singing and Gaming.</p>

					<div class="icons-social">
						<a target="_blank" href="http://bit.ly/stackharsh"><i class="fab fa-stack-overflow"></i></a>
						<a target="_blank" href="http://bit.ly/lnkdharsh"><i class="fab fa-linkedin"></i></a>
						<a target="_blank" href="http://bit.ly/githarsh"><i class="fab fa-github"></i></a>
						<a target="_blank" href="http://bit.ly/harshfb"><i class="fab fa-facebook"></i></a>
						<a target="_blank" href="http://bit.ly/youharsh"><i class="fab fa-youtube"></i></a>
					</div>

				</div>

			</div>

		</div>

	</div>

	<div id="skills" class="skillsSection section">

		<div class="container">

			<div class="row">

				<div class="col-md-12 text-center">
					<h2>TECHNICAL SKILLS</h2>
					<p>My proficiency in each skill (drag to scroll)</p>
					<br />
					<br />
				</div>


				<div class="owl-carousel owl-theme">

					<div class="skill">
						<span class="chart" data-percent="90">
							<span class="percent">90</span>
							<canvas height="152" width="152"></canvas>
						</span>
						<br />
						<br />
						<h4>Java</h4>
						<p>Used in most of my Android Apps</p>
					</div>

					<div class="skill">
						<span class="chart" data-percent="90">
							<span class="percent">90</span>
							<canvas height="152" width="152"></canvas>
						</span>
						<br />
						<br />
						<h4>Kotlin</h4>
						<p>Used in 3 Android Apps</p>
					</div>

					<div class="skill">
						<span class="chart" data-percent="80">
							<span class="percent">80</span>
							<canvas height="152" width="152"></canvas>
						</span>
						<br />
						<br />
						<h4>Dart</h4>
						<p>Used in Open Source projects</p>
					</div>


					<div class="skill">
						<span class="chart" data-percent="50">
							<span class="percent">50</span>
							<canvas height="152" width="152"></canvas>
						</span>
						<br />
						<br />
						<h4>Swift</h4>
						<p>A new skill i am learning for iOS Apps</p>
					</div>

				</div>


			</div>

		</div>

	</div>

	<div id="stats" class="statsSection section">

		<div class="container">

			<div class="row">


				<div class="col-md-3 col-sm-6">
					<div class="squareItem">
						<div class="squareInnerContainer">
							<div class="squareIcon">
								<i class="fa fa-clock"></i>
							</div>
							<div class="squareContent">
								<h2 class="counter">7</h2>
								<h3>Years Experience</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-3 col-sm-6">
					<div class="squareItem">
						<div class="squareInnerContainer">
							<div class="squareIcon">
								<i class="fab fa-google-play"></i>
							</div>
							<div class="squareContent">
								<h2 class="counter">8</h2>
								<h3>Android Apps</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-3 col-sm-6">
					<div class="squareItem">
						<div class="squareInnerContainer">
							<div class="squareIcon">
								<i class="fab fa-github"></i>
							</div>
							<div class="squareContent">
								<h2 class="counter">3</h2>
								<h3>Open Souce Apps</h3>
							</div>
						</div>
					</div>
				</div>

				<div class="col-md-3 col-sm-6">
					<div class="squareItem">
						<div class="squareInnerContainer">
							<div class="squareIcon">
								<i class="fas fa-trophy"></i>
							</div>
							<div class="squareContent">
								<h2 class="counter">1</h2>
								<h3>Hackathon Won</h3>
							</div>
						</div>
					</div>
				</div>


			</div>

		</div>

	</div>

	<div id="contact" class="contactSection section">

		<div class="col-md-12 text-center">

			<p class="subHeading">Like what you see?</p>
			<h2>I'd love to hear from you!</h2>
			<a href="mailTo:harsh159357@gmail.com" class="contactButton">GET IN TOUCH!</a>

		</div>

	</div>

	<div id="portfolio" class="section">

		<div class="container">

			<div class="row">

				<div class="heading">
					<h2>PORTFOLIO</h2>
				</div>

				<div class="filter">

					<ul id="filters">

						<li><a href="#" data-filter="*" class="current">ALL</a></li>
						<li><a href="#" data-filter=".apps">Apps</a></li>
						<li><a href="#" data-filter=".me">Open Source</a></li>
						<li><a href="#" data-filter=".java">Java</a></li>
						<li><a href="#" data-filter=".kotlin">Kotlin</a></li>
						<li><a href="#" data-filter=".dart">Dart</a></li>
						
						
					</ul>

				</div>

				<div class="itemsContainer">

					<ul class="items">

						<li class="apps kotlin col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://play-lh.googleusercontent.com/SDR0B84O0d37O_E7qG4agTaYe9Hq_QeV12k07ScweHU9YWwVScKPDZsprSjoOXnPDysI=s180-rw">


								<div class="icons">
									<a href="img/portfolio/my_telstra.jpg" title="View image" class="openButton" data-fancybox
									   data-caption="My Telstra">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/my_telstra" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps kotlin col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/IhZ9W.png">


								<div class="icons">
									<a href="img/portfolio/bhagavad_gita.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Bhagavad Gita">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/bhagavad-gita-android-app" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps kotlin col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/TLYwI.jpg">


								<div class="icons">
									<a href="img/portfolio/pixa.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Pixa Live">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/apppixa" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>
						
						<li class="me dart col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/Iou9E.png">


								<div class="icons">
									<a href="img/portfolio/contacts.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Contacts">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appcontacts" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/mjXpv.png">


								<div class="icons">
									<a href="img/portfolio/team_works.jpg" title="View image" class="openButton" data-fancybox
										data-caption="TeamWorks">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appteamworks" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">
						
					
							<div class="item">

								<img src="https://i.stack.imgur.com/RTVG4.png">


								<div class="icons">
									<a href="img/portfolio/matchstix.jpg" title="View image" class="openButton" data-fancybox
										data-caption="MatchStix">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appmatchstix" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="me java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/TeU9S.png">


								<div class="icons">
									<a href="img/portfolio/insta_tag.jpg" title="View image" class="openButton" data-fancybox
										data-caption="InstaTag">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/insta_tag" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/ocv1P.png">


								<div class="icons">
									<a href="img/portfolio/chatna.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Chat Na">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appchatna" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/gPSqO.jpg">


								<div class="icons">
									<a href="img/portfolio/wedoshoes.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Wedo Shoes">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appwedo" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/yHfkZ.png">


								<div class="icons">
									<a href="img/portfolio/nulta_patients.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Nulta for Patients">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appnultapatient" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="me dart col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/RGJgC.png">


								<div class="icons">
									<a href="img/portfolio/flutter_client_php_backend.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Flutter Client PHP Backend">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appfcpb" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

						<li class="apps java col-xs-6 col-sm-4 col-md-3 col-lg-3">


							<div class="item">

								<img src="https://i.stack.imgur.com/lO1Vx.png">


								<div class="icons">
									<a href="img/portfolio/nulta_doctors.jpg" title="View image" class="openButton" data-fancybox
										data-caption="Nulta for Doctors">
										<i class="fa fa-search"></i>
									</a>

									<a href="http://bit.ly/appnultadoctors" target="_blank" class="projectLink">
										<i class="fa fa-link"></i>
									</a>
								</div>

								<div class="imageOverlay"></div>

							</div>


						</li>

					
					</ul>

				</div>


			</div>

		</div>

	</div>

	<div class="copyrightSection">

		<div class="col-md-12 text-center">
			<p>&copy; Copyright Harsh Sharma 2019</p>
		</div>

	</div>

	
	<script src="js/countUp.js"></script>
	<script src="js/countUp-jquery.js"></script>
	<script src="js/jquery.superslides.min.js"></script>
	<script src="js/jquery.easypiechart.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/typed.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
		integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
		crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
		integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
		crossorigin="anonymous"></script>
	<script type="text/javascript" src="https://unpkg.com/isotope-layout@3.0.5/dist/isotope.pkgd.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>

	<script src="js/script.js"></script>

</body>

</html>