<!doctype html>
<html lang="en">
<head>
<title>Swandono | Farmer</title>
<link rel="shortcut icon" type="image/jpg" href="fav.jpg" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800|Playfair+Display:,300, 400, 700"
rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<aside style="background-image: url(img/profile_big.jpg);"></aside>
<main>
<h1 class="mb-0">Hi, I'm Swandono</h1>
<div class="mb-5">
<p class="lead mb-3">Amateur farmer, amateur software developer, amateur photographer, amateur guitarist, and still an
amateur in life.</p>
<br/>
<article>
<p id="quote"></p>
<p id="author"></p>
</article>
</div>
<p>
<a href="https://www.linkedin.com/in/swandono/" class="mr-2 mb-2">LinkedIn</a>
<a href="mailto:me@igun.dev" class="mr-2 mb-2">Email</a>
</p>
</div>
</main>
</div>
<!-- loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#f4b214" />
</svg></div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/quotes.js"></script>
<script src="js/main.js"></script>
</body>
</html>