101 lines
4.0 KiB
HTML
101 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<link href='css/main.css' rel='stylesheet'>
|
|
<link rel="stylesheet" href="css/animate.min.css">
|
|
|
|
<!--Import Google Icon Font-->
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
<!-- Compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
|
|
|
|
<!-- Compiled and minified JavaScript -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
|
|
|
|
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
|
|
|
|
<!--Let browser know website is optimized for mobile-->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>Arona Jones' Site - Master Page</title>
|
|
|
|
<style>
|
|
body {
|
|
background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy);
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
}
|
|
|
|
.container {
|
|
padding: 25px;
|
|
}
|
|
|
|
.dark {
|
|
background-color: #121314;
|
|
padding: inherit;
|
|
}
|
|
|
|
.light {
|
|
background-color: #1c1c1f;
|
|
padding: inherit;
|
|
}
|
|
|
|
#overlay {
|
|
background-color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
|
|
h4 {
|
|
text-align: left;
|
|
}
|
|
|
|
p {
|
|
text-align: justify;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<div id="overlay">
|
|
<div class="center" style="width: 100%; text-align: center;">
|
|
<div class="center" style="height: 100%;
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;">
|
|
<div class="container">
|
|
<div class="light">
|
|
<img src="images/logo.png" style="height: 150px;" class="animated fadeInDown">
|
|
<h1 style="margin-top: -5px;">Arona Jones</h1>
|
|
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">
|
|
<!---TODO This is a horrible mess!! -->
|
|
<span style="padding: 8px;">Developer</span>•<span style="padding: 8px;">Science Enthusiast</span>•<span style="padding: 8px;">Writer</span></h3>
|
|
<br>
|
|
<div class="divider"></div>
|
|
</div>
|
|
<div class="dark">
|
|
<h4>About Me</h4>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor sapien ac tortor volutpat laoreet. Aenean eu augue ultricies, auctor magna vitae, vulputate enim. Duis quis enim nunc. Phasellus vitae eros metus. Aliquam quis elementum enim. Nulla suscipit sollicitudin sem at dictum. Sed eget imperdiet est, eget dignissim libero.</p>
|
|
</div>
|
|
<div class="light">
|
|
<h4>Social Media</h4>
|
|
|
|
</div>
|
|
<div class="dark">
|
|
<div class="center">
|
|
<a href="http://materializecss.com/">Materialize CSS by Google</a>
|
|
<a href="https://daneden.github.io/animate.css/">Animate.css</a>
|
|
<a href="https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy">Background Image from NASA IOTD</a>
|
|
<a href="htt://game-icons.net">Icons from Game-Icons.net</a>
|
|
</div>
|
|
Handcoded by Arona Jones. Kindly hosted by Github.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |