index.html

<!DOCTYPE html>
<html>
<head>
    <title>Portfolio</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Draco is free PSD &amp; HTML template by @afnizarnur">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/kube.min.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/custom.min.css" />
    <link rel="shortcut icon" href="img/favicon.png" />
	<link href='https://fonts.googleapis.com/css?family=Playfair+Display+SC:700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
	<style>
		.intro h1:before {
			/* Edit this with your name or anything else */
			content: 'GAYAN';
		}
	</style>
</head>
<body>
	<!-- Navigation -->
	<div class="main-nav">
		<div class="container">
			<header class="group top-nav">
				<div class="navigation-toggle" data-tools="navigation-toggle" data-target="#navbar-1">
				    <span class="logo"></span>
				</div>
			    <nav id="navbar-1" class="navbar item-nav">
				    <ul>
				        <li class="active"><a href="#about">About</a></li>
				        <li><a href="#experiences">Experiences</a></li>
				        <li><a href="#achievements">Achievements</a></li>
				        <li><a href="#skills">Skills</a></li>
				    </ul>
				</nav>
			</header>
		</div>
	</div>

	<!-- Introduction -->
	<div class="intro section" id="about">
		<div class="container">
			<p>Hello World!</p>
			<div class="units-row units-split wrap">
				<div class="unit-20">
					<img src="img/gayan1.jpg" alt="Avatar">
				</div>
				<div class="unit-80">
					<h1>I am<br><span id="typed"></span></h1>
				</div>
				<p>Hi, I'm Lahiru with over twelve years of experience working in Wireless Technology, 
					Computer programming, Auditing and control and Customs clearance under 
					Telecommunications vertical. Currently, I work as a Technical Support Engineer 
					with a global community of experts focusing on a singular objective; to deliver 
					exceptional wireless and network solutions every time—all the time.</p>
			</div>
		</div>
	</div>

	<!-- Work Experience -->
	<div class="work section second" id="experiences">
		<div class="container">
			<h1>Work<br>Experiences</h1>
			<ul class="work-list">
				<li>2018-Present</li>
				<li><a href="#">NSN</a></li>
				<li>TS Eng</li>
			</ul>
			<ul class="work-list">
				<li>2015-2018</li>
				<li><a href="#">ALU</a></li>
				<li>AM - Technical</li>
			</ul>
			<ul class="work-list">
				<li>2013-2015</li>
				<li><a href="#">ALU</a></li>
				<li>AM</li>
			</ul>
			<ul class="work-list">
				<li>2010-2013</li>
				<li><a href="#">ALU</a></li>
				<li>LS</li>
			</ul>
			<ul class="work-list">
				<li>2010-2010</li>
				<li><a href="#">Sierra</a></li>
				<li>TO</li>
			</ul>
		</div>
	</div>

	<!-- Award & Achievements -->
	<div class="award section second" id="achievements">
		<div class="container">
			<h1>Award &amp;<br>Achievements</h1>
			<ul class="award-list list-flat">
				<li>2013-2014</li>
				<li>Receiver of Night‑Out award for the Most Dedicated Employee category,</li>
				<li>ALU</li>
			</ul>
			<ul class="award-list list-flat">
				<li>December 2014</li>
				<li>Two time price winner for Business Integrity quiz</li>
				<li>NSN</li>
			</ul>
			<ul class="award-list list-flat">
				<li>2011-2015 ALU University</li>
				<li>ALU Quality Training (TL 9000)</li>
				<li>ISO 9001: 2008 Implementing Standards</li>
				<li>Risk Management Process</li>
				<li>Conducting Business with Integrity</li>
			</ul>
		</div>
	</div>

	<!-- Qualifications -->
	<div class="skills section second" id="skills">
		<div class="container">
			<h1>Qualifications</h1>
			<ul class="skill-list list-flat">
				<li>University of Colombo</li>
				<li>Automation Technologies</li>
			</ul>
			<ul class="skill-list list-flat">
				<li>London Met</li>
				<li>MBA</li>
			</ul>
			<ul class="skill-list list-flat">
				<li>e University</li>
				<li>Project Management</li>
			</ul>
		</div>
	</div>

	<!-- Technical Skills -->
	<div class="skills section second" id="skills">
		<div class="container">
			<h1>Technical<br>Skills</h1>
			<ul class="skill-list list-flat">
				<li>Telecommunication</li>
				<li>Optical Networking / Automation / Project Management</li>
			</ul>
			<ul class="skill-list list-flat">
				<li>Web Technology</li>
				<li>HTML / CSS / PHP / Javascript / Python</li>
			</ul>
			<ul class="skill-list list-flat">
				<li>Database</li>
				<li>MySQL / Oracle / Access</li>
			</ul>
			<ul class="skill-list list-flat">
				<li>Framework</li>
				<li>React JS</li>
			</ul>
		</div>
	</div>

	<!-- Recent Projects -->
	<div class="skills section second" id="skills">
		<div class="container">
			<h1>Recent<br>Projects</h1>
			<ul class="skill-list list-flat">
				<li><a href="https://github.com/codelahiru/CRASH-COURSE-V1.git" target="_blank" rel="noopener noreferrer">Remote Paddy Land Activity Mapper</a></li>
				<li>A remotely accessible, automated system to rapidly monitor ’Paddy Land Abandonment’ in Sri Lanka using Google Earth Engine platform ‑
					JavaScript + Python + GIS database</li>
			</ul>
			<ul class="skill-list list-flat">
				<li><a href="https://github.com/codelahiru/CRASH-COURSE-V1.git" target="_blank" rel="noopener noreferrer">a Notebook for JavaScript</a></li>
				<li>A dynamic CLI programming environment where users can interact with a development environment to write and document code ‑ React +
					TypeScript + Node.js</li>
			</ul>
		</div>
	</div>

			<!-- Interests -->
	<div class="skills section second" id="skills">
		<div class="container">
			<h1>Interests</h1>
			<ul class="skill-list list-flat">
				<li></li>
				<li>Business Process Automation with UiPath</li>
			</ul>
			<ul class="skill-list list-flat">
				<li></li>
				<li>Line Editing and Proofreading</li>
			</ul>
			<ul class="skill-list list-flat">
				<li></li>
				<li>Mental health and physical fitness</li>
			</ul>
		</div>
	</div>

	<!-- Quote -->
	<div class="quote">
		<div class="container text-centered">
			<h1>trust the process.</h1>
		</div>
	</div>

	<footer>
		<div class="container">
			<div class="units-row">
			    <div class="unit-50">
			    	<p>Handcrafted by GLB</p>
			    </div>
			    <div class="unit-50">
					<ul class="social list-flat right">
						<li><a href="mailto:gayan.hatharasinghe@gmail.com"><i class="fa fa-send"></i></a></li>
						<li><a href=""><i class="fa fa-twitter"></i></a></li>
						<li><a href=""><i class="fa fa-dribbble"></i></a></li>
						<li><a href=""><i class="fa fa-behance"></i></a></li>
					</ul>
			    </div>
			</div>
		</div>
	</footer>

	<!-- Javascript -->
	<script src="js/jquery.min.js"></script>
	<script src="js/typed.min.js"></script>
    <script src="js/kube.min.js"></script>
    <script src="js/site.js"></script>
    <script>
		function newTyped(){}$(function(){$("#typed").typed({
		// Change to edit type effect
		strings: ["driven", "motivated", "trustworthy"],

		typeSpeed:90,backDelay:700,contentType:"html",loop:!0,resetCallback:function(){newTyped()}}),$(".reset").click(function(){$("#typed").typed("reset")})});
    </script>
</body>
</html>