<!-- ____________________________________________________ -->
<!-- ____________________________¶_______________________ -->
<!-- ___________________________¶¶¶______________________ -->
<!-- ___________________________¶¶¶¶_____________________ -->
<!-- ________________________¶¶¶¶¶¶¶¶¶___________________ -->
<!-- _______________________¶¶¶¶¶¶¶¶¶¶¶__________________ -->
<!-- ___________________________¶¶¶______________________ -->
<!-- ____________________________¶¶______________________ -->
<!-- ___________________¶¶¶¶¶¶¶____¶¶¶¶¶¶________________ -->
<!-- _______________¶¶¶¶¶¶¶¶¶¶¶¶¶¶_______¶¶______________ -->
<!-- _____________¶¶____¶¶¶¶¶¶¶¶¶¶¶¶¶_____¶______________ -->
<!-- ___________¶¶_________¶¶¶¶¶¶¶¶¶¶¶¶___¶______________ -->
<!-- __________¶¶____________¶¶¶¶¶¶¶¶¶¶¶_¶¶______________ -->
<!-- _________¶¶¶_____________¶¶¶¶¶¶¶¶¶¶¶¶_______________ -->
<!-- _________¶¶¶_______________¶¶¶¶¶¶¶¶¶________________ -->
<!-- ________¶¶¶¶¶_______________¶¶¶¶¶¶__________________ -->
<!-- ________¶¶¶¶¶¶_______________¶¶¶¶__________¶¶¶¶¶¶___ -->
<!-- _____¶¶_¶¶¶¶¶¶¶¶______________¶¶_________¶¶¶¶¶¶¶¶¶__ -->
<!-- _____¶¶_¶¶¶¶¶¶¶¶¶¶____________¶_________¶___¶¶¶¶¶¶__ -->
<!-- _____¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶_______¶¶________¶'____¶¶¶¶___ -->
<!-- _____¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶________¶_____________ -->
<!-- _____¶¶¶__¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_____¶¶_____________ -->
<!-- _____¶¶¶¶____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶______________ -->
<!-- _____¶¶¶¶¶____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____________ -->
<!-- _____¶¶¶¶¶¶¶____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶________ -->
<!-- ______¶¶¶¶¶¶¶¶¶____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶______ -->
<!-- _______¶¶¶¶¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____ -->
<!-- ________¶¶¶¶¶¶¶¶¶¶¶¶¶¶_______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___ -->
<!-- _________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__ -->
<!-- __________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶______¶¶¶¶¶¶¶¶¶¶¶¶¶_ -->
<!-- ___________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_____¶¶¶¶¶¶¶¶¶¶¶ -->
<!-- _____________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____¶¶¶¶¶¶¶¶ -->
<!-- ________________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶¶¶¶ -->
<!-- ____________________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶¶¶ -->
<!-- _____________________¶___¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___¶¶¶¶¶ -->
<!-- ____________________¶________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶ -->
<!-- ___________________¶________¶¶____¶¶¶¶¶¶¶¶¶¶¶__¶¶¶¶¶ -->
<!-- ________¶¶¶¶______¶_________¶________¶¶¶¶¶¶¶¶__¶¶¶¶¶ -->
<!-- _______¶¶¶¶¶¶___¶¶_________¶___________¶¶¶¶¶¶__¶¶¶¶_ -->
<!-- _______¶¶¶¶¶¶¶¶¶__________¶_____________¶¶¶¶__¶¶¶¶__ -->
<!-- ________¶¶¶¶¶____________¶______________¶¶¶___¶¶¶___ -->
<!-- ________________________¶_______________¶¶___¶¶¶____ -->
<!-- ___________¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___________¶¶___¶¶¶_____ -->
<!-- _______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___________¶¶_______ -->
<!-- ____¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶_______¶_________ -->
<!-- __¶¶¶¶¶¶______¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶___¶¶__________ -->
<!-- _¶¶¶______________¶¶_¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶____________ -->
<!-- ¶¶_______________¶______¶¶¶¶¶¶¶¶¶¶¶¶¶¶______________ -->
<!-- ¶______________¶¶_________¶¶¶¶¶¶¶¶¶¶________________ -->
<!-- ¶____________¶¶___________¶_¶¶¶¶¶¶__________________ -->
<!-- ¶¶_________¶¶_____________¶___¶¶¶___________________ -->
<!-- _¶¶¶¶¶¶¶¶¶¶_______________¶____¶____________________ -->
<!-- __________________________¶_________________________ -->
<!-- __________________________¶¶________________________ -->
<!-- _________________________¶¶¶¶_______________________ -->
<!-- _________________________¶¶¶¶_______________________ -->


<!-- ██╗░░██╗░█████╗░██████╗░███████╗  ████████╗██╗░░██╗░█████╗░████████╗ -->
<!-- ██║░░██║██╔══██╗██╔══██╗██╔════╝  ╚══██╔══╝██║░░██║██╔══██╗╚══██╔══╝ -->
<!-- ███████║██║░░██║██████╔╝█████╗░░  ░░░██║░░░███████║███████║░░░██║░░░ -->
<!-- ██╔══██║██║░░██║██╔═══╝░██╔══╝░░  ░░░██║░░░██╔══██║██╔══██║░░░██║░░░ -->
<!-- ██║░░██║╚█████╔╝██║░░░░░███████╗  ░░░██║░░░██║░░██║██║░░██║░░░██║░░░ -->
<!-- ╚═╝░░╚═╝░╚════╝░╚═╝░░░░░╚══════╝  ░░░╚═╝░░░╚═╝░░╚═╝╚═╝░░╚═╝░░░╚═╝░░░ -->

<!-- ███████╗██╗██████╗░███████╗░██╗░░░░░░░██╗░█████╗░██╗░░░░░██╗░░░░░  ░██╗░░░░░░░██╗░█████╗░██████╗░██╗░░██╗░██████╗ -->
<!-- ██╔════╝██║██╔══██╗██╔════╝░██║░░██╗░░██║██╔══██╗██║░░░░░██║░░░░░  ░██║░░██╗░░██║██╔══██╗██╔══██╗██║░██╔╝██╔════╝ -->
<!-- █████╗░░██║██████╔╝█████╗░░░╚██╗████╗██╔╝███████║██║░░░░░██║░░░░░  ░╚██╗████╗██╔╝██║░░██║██████╔╝█████═╝░╚█████╗░ -->
<!-- ██╔══╝░░██║██╔══██╗██╔══╝░░░░████╔═████║░██╔══██║██║░░░░░██║░░░░░  ░░████╔═████║░██║░░██║██╔══██╗██╔═██╗░░╚═══██╗ -->
<!-- ██║░░░░░██║██║░░██║███████╗░░╚██╔╝░╚██╔╝░██║░░██║███████╗███████╗  ░░╚██╔╝░╚██╔╝░╚█████╔╝██║░░██║██║░╚██╗██████╔╝ -->
<!-- ╚═╝░░░░░╚═╝╚═╝░░╚═╝╚══════╝░░░╚═╝░░░╚═╝░░╚═╝░░╚═╝╚══════╝╚══════╝  ░░░╚═╝░░░╚═╝░░░╚════╝░╚═╝░░╚═╝╚═╝░░╚═╝╚═════╝░ -->

<!-- ██████╗░███████╗░█████╗░░█████╗░██╗░░░██╗░██████╗███████╗  ██╗░░░██╗░█████╗░██╗░░░██╗  ░█████╗░██████╗░███████╗ -->
<!-- ██╔══██╗██╔════╝██╔══██╗██╔══██╗██║░░░██║██╔════╝██╔════╝  ╚██╗░██╔╝██╔══██╗██║░░░██║  ██╔══██╗██╔══██╗██╔════╝ -->
<!-- ██████╦╝█████╗░░██║░░╚═╝███████║██║░░░██║╚█████╗░█████╗░░  ░╚████╔╝░██║░░██║██║░░░██║  ███████║██████╔╝█████╗░░ -->
<!-- ██╔══██╗██╔══╝░░██║░░██╗██╔══██║██║░░░██║░╚═══██╗██╔══╝░░  ░░╚██╔╝░░██║░░██║██║░░░██║  ██╔══██║██╔══██╗██╔══╝░░ -->
<!-- ██████╦╝███████╗╚█████╔╝██║░░██║╚██████╔╝██████╔╝███████╗  ░░░██║░░░╚█████╔╝╚██████╔╝  ██║░░██║██║░░██║███████╗ -->
<!-- ╚═════╝░╚══════╝░╚════╝░╚═╝░░╚═╝░╚═════╝░╚═════╝░╚══════╝  ░░░╚═╝░░░░╚════╝░░╚═════╝░  ╚═╝░░╚═╝╚═╝░░╚═╝╚══════╝ -->

<!-- ░██████╗░█████╗░██████╗░███████╗░██╗░░░░░░░██╗███████╗██████╗░██╗ -->
<!-- ██╔════╝██╔══██╗██╔══██╗██╔════╝░██║░░██╗░░██║██╔════╝██╔══██╗██║ -->
<!-- ╚█████╗░██║░░╚═╝██████╔╝█████╗░░░╚██╗████╗██╔╝█████╗░░██║░░██║██║ -->
<!-- ░╚═══██╗██║░░██╗██╔══██╗██╔══╝░░░░████╔═████║░██╔══╝░░██║░░██║╚═╝ -->
<!-- ██████╔╝╚█████╔╝██║░░██║███████╗░░╚██╔╝░╚██╔╝░███████╗██████╔╝██╗ -->
<!-- ╚═════╝░░╚════╝░╚═╝░░╚═╝╚══════╝░░░╚═╝░░░╚═╝░░╚══════╝╚═════╝░╚═╝ -->


<!doctype html>
<html lang="en-US">
<head>

	
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta name="description" content="Shevon Sankalpa" />
	<meta name="keywords" content="shevon, sankalpa, perera, seo, webdesign, sri lanka, hacking, app" />
	<meta name="author" content="Shevon Sankalpa" />

	<title>Shevon Sankalpa</title>

	<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;display=swap&amp;subset=cyrillic" rel="stylesheet">

	<link rel="stylesheet" href="css/min-styles.css" />
	<link rel="stylesheet" href="css/fontawesome.css" />
	<link rel="stylesheet" href="css/brands.css" />
	<link rel="stylesheet" href="css/solid.css" />
		
	<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<link rel="shortcut icon" href="images/favicons/icon.png">
	
</head>

<body class="home">

	<!-- Preloader -->
	<div class="preloader">
		<div class="centrize full-width">
			<div class="vertical-center">
				<div class="spinner">
					<div class="double-bounce1"></div>
					<div class="double-bounce2"></div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Container -->
	<div class="container">

		<!-- Cursor -->
		<div class="cursor-follower"></div>
	
		<!-- Header -->
		<header class="header">
			<div class="head-top">

				<!-- menu button -->
				<a href="#" class="menu-btn"><span></span></a>

				<!-- logo -->
				<div class="logo hover-masks-logo">
					<a href="#">
						<span class="mask-lnk">Shevon <strong>Sankalpa</strong></span>
						<span class="mask-lnk mask-lnk-hover">Download <strong>CV</strong></span>
					</a>
				</div>
				
				<!-- top menu -->						
				<div class="top-menu hover-masks">
					<div class="top-menu-nav">	
						<div class="menu-topmenu-container">
							<ul class="menu">
								<li class="menu-item menu-item current-menu-item">
									<a href="index.html">Home</a>									
								</li>
								<li class="menu-item menu-item">
									<a href="about.html">About</a>									
								</li>
								<li class="menu-item menu-item">
									<a href="contact.html">Contact</a>									
								</li>
								<li class="menu-item menu-item">
									<a href="da.html">Diagon Alley</a>									
								</li>
							</ul>
						</div>
					</div>
				</div>

			</div>
		</header>
		
		<!-- Wrapper -->
		<div class="wrapper">	

			<!-- Section Started -->
			<div class="section started personal" id="section-started">

				<!-- background -->
				<div class="video-bg">
					<div class="video-bg-mask"></div>
					<div class="video-bg-texture" id="grained_container"></div>
				</div>

				<!-- started content -->
				<div class="centrize full-width">
					<div class="vertical-center">
						<div class="started-content">
							<div class="logo" style="background-image: url(images/man.jpg);"></div>
							<h1 class="h-title">
								Hello, I’m <strong>Shevon Sankalpa</strong>, Entrepreneur and<br />
								Computer Engineer Based in ශ්‍රී ලංකා (  Śrī Laṃkā )
							</h1>
							<div class="h-subtitle typing-subtitle">
								<p>⊑⟒⌰⌰⍜<strong> ⟟⋔ ⌇⊑⟒⎐⍜⋏</strong></p>
								<p>☊⏃⋏ ⊬⍜⎍ ⍀⟒⏃⎅ <strong> ⏁⊑⟟⌇ ⌰⏃⋏☌⎍⏃☌⟒</strong></p>
								<p>⍙⟒⌰⌰, ⊬⍜⎍ ⏃⍀⟒ ⏃⌰⟟⟒⋏.<strong> ⌰⟟☍⟒ ⋔⟒.</strong></p>
							</div>
							<span class="typed-subtitle"></span>
						</div>
					</div>
				</div>

			</div>

		</div>
		
		<!-- Footer -->
		<footer class="footer">
			<div class="copy">
				<p>&nbsp;</p>
				<p>E: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2f424e46436f5c474a594041025c4e41444e435f4e014c4042">[email&#160;protected]</a></p>
			</div>
			<div class="soc-box">
				<div class="follow-label">Reach Me</div>
				<div class="soc">
					<a target="_blank" href="https://www.facebook.com/shevon.sankalpa/">
						<span class="icon fab fa-facebook"></span>
					</a>
					<a target="_blank" href="https://www.instagram.com/shevon_sankalpa/">
						<span class="icon fab fa-instagram"></span>
					</a>
					<a target="_blank" href="https://web.whatsapp.com/send?phone=94713303637">
						<span class="icon fab fa-whatsapp"></span>
					</a>
				</div>
			</div>
			<div class="clear"></div>
		</footer>

		<!-- Lines -->
		<div class="lines">
			<div class="line-col"></div>
			<div class="line-col"></div>
			<div class="line-col"></div>
			<div class="line-col"></div>
			<div class="line-col"></div>
		</div>
		
	</div>

	<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/min.scripts.js"></script>
	<script src="js/demo-bar.js"></script>

</body>
</html>