<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=1">
<title>Sandina Rajapaksha</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="page1">
<header>
<div class="logo">
<h1 class="hed">SANDINA</h1>
</div>
<nav>
<ul>
<li>
<a href="" style="color: rgb(0, 128, 111);">Home</a>
</li>
<li>
<a href="">About</a>
</li>
<li>
<a href="">Resume</a>
</li>
<li>
<a href="">Services</a>
</li>
<li>
<a href="">Contact</a>
</li>
</ul>
</nav>
<div class="social">
<h1 class="fa fa-twitter"></h1>
<h1 class="fa fa-instagram"></h1>
<h1 class="fa fa-linkedin-square"></h1>
<h1 class="fa fa-facebook"></h1>
</div>
</header>
<main>
<div class="mainimg">
<img src="bit1.png" class="img1">
</div>
</main>
</div>
<div class="sq1">
</div>
<div class="sq2">
</div>
<div class="mainpara">
<h1 class="mnpra">I'm <span>Sandina</span>,</h1>
<h3><span>Front-end</span> dev and UI/UX expert..</h3>
</div>
<footer>
<p>© Copyright Sandina. All Rights Reserved.
Designed by Sandina Rajapaksha.</p>
</footer>
<script>
$(document).ready(function () {
$(".mainpara").slideDown(1000, function () {
});
});
</script>
</body>
</html>