<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Austen</title>
<link rel="shortcut icon" href="images/favicon.ico">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/austen.png" alt="" /></span><span class="title">Austen</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="info.html">Info</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Info</h1>
<style>
.parallax {
/* The image used */
background-image: url("images/jane.png");
/* Set a specific height */
height: 300px;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<!-- Container element -->
<div class="parallax"></div>
<br><br>
<h2>Website</h2>
<p>This is a website with Jane Austen's books and audiobooks available to read and listen. Book content developed by <a target="_blank" href="https://en.wikipedia.org/wiki/Jane_Austen">Jane Austen</a></p>
<h2>Developer</h2>
<p>Hi! I'm Gustavo, a brazilian Electronic Engineering undergraduate student. I intend to spread culture and knowledge to people. I like science fiction, mithologies and fantasy works (books, games, movies).</p>
<p>Website dedicated to Beatriz Kretzer</p>
<h2>Other websites</h2>
<p><ul>
<li><a href="http://potter.cf" target="_blank">Potter</a></li>
<li><a href="http://italiano.ml" target="_blank">Italiano</a></li>
<li><a href="http://lotr.gq" target="_blank">Rings</a></li>
<li><a href="http://iceandfire.ga" target="_blank">Ice And Fire</a></li>
<li><a href="http://kingkiller.cf" target="_blank">Kingkiller</a></li>
<li><a href="http://hitchhiker.tk" target="_blank">Hitchhiker</a></li>
<li><a href="http://mrholmes.ml" target="_blank">Mr. Holmes</a></li>
<li><a href="http://narnia.gq" target="_blank">Narnia</a></li>
</ul>
</p>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Contact</h2>
<form action="https://formspree.io/gustavosimassilva@gmail.com" method="POST">
<div class="field half first">
<input type="text" name="Name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="Email" id="email" name="_replyto" placeholder="Email" />
</div>
<div class="field">
<textarea name="Message" id="message" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="special" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="http://facebook.com/simasgs" target="_blank" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https:/instagram.com/tudoemsimas" target="_blank" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/GSimas" target="_blank" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="http://www.gsimas.github.io/" target="_blank" class="icon style2 fa-chrome"><span class="label">Phone</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© <a target="_blank" href="http://gsimas.github.io">Gustavo Simas</a>. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>