65 lines
3.0 KiB
HTML
65 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>The Cherubim Foundation</title>
|
|
<meta name="viewport" content="width=device-width" />
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
<link rel="stylesheet" href="assets/css/home.css">
|
|
<link rel="stylesheet" href="assets/css/movement.css">
|
|
</head>
|
|
|
|
<body data-m="drop" data-m-duration="1.5">
|
|
<header data-m="reveal-right" data-m-delay="1" data-m-duration="1">
|
|
<h1>The Cherubim Foundation</h1>
|
|
<a href="javascript:void(0)" id="menu"><img src="assets/img/hamburger.svg" width="25"></a>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#" id="current">Home</a></li>
|
|
<li><a href="about">About</a></li>
|
|
<li><a href="projects">Projects</a></li>
|
|
<li><a href="calendar">Calendar</a></li>
|
|
<li><a href="contact">Contact Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<div class="cover">
|
|
<h1 class="cover-tagline">Lorem ipsum</h1>
|
|
</div>
|
|
<main>
|
|
<article>
|
|
<h2>Lorem ipsum</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc finibus id turpis vitae accumsan. Nulla
|
|
sodales elementum ipsum, sit amet ornare est congue at. Phasellus lacinia rhoncus felis id ultrices.
|
|
Nulla vitae tellus at ante sollicitudin porttitor et nec dolor. Duis pulvinar, eros a lobortis dictum,
|
|
dui lacus rutrum diam, dignissim hendrerit erat nunc fringilla nunc. Curabitur augue sapien, porta nec
|
|
congue sed, mollis nec ex. Phasellus ornare sem sapien, in consectetur ante porttitor eu. Donec tempor,
|
|
orci eu porta cursus, mi erat elementum dui, id eleifend neque orci quis mi. In hac habitasse platea
|
|
dictumst. Sed nisl eros, finibus eu velit a, mattis elementum tellus. Morbi sit amet sollicitudin arcu.
|
|
Aenean quis nisi dignissim, posuere turpis ac, accumsan mauris. Integer rhoncus dignissim diam a
|
|
lobortis. Suspendisse potenti. Nam aliquam nulla ipsum, eget cursus metus condimentum sed. Proin id
|
|
justo eget purus eleifend consectetur eget sed quam.</p>
|
|
<h2>Lorem ipsum</h2>
|
|
<p>Aliquam maximus lectus consectetur justo pellentesque, commodo cursus ante suscipit. Cras at arcu
|
|
feugiat, gravida justo sed, pretium nunc. Sed et sapien finibus, pulvinar erat a, molestie tortor.
|
|
Quisque et justo eget turpis sollicitudin laoreet in at risus. Ut feugiat molestie risus, vel imperdiet
|
|
odio ultrices eget. Nullam lacus nunc, venenatis ut pellentesque eget, ornare id quam. Donec a magna at
|
|
ipsum elementum tincidunt. Phasellus suscipit commodo vehicula. Fusce semper lacinia efficitur. Nam
|
|
euismod feugiat neque, a placerat neque vehicula in. Proin rutrum lobortis sagittis. Aenean consectetur
|
|
lorem nec urna ultrices, eget suscipit nibh tempor. Mauris mollis non est vitae sodales.</p>
|
|
</article>
|
|
</main>
|
|
<footer data-m="bounce-up" data-m-delay="1" duration="1">
|
|
<ul>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="about">About</a></li>
|
|
<li><a href="projects">Projects</a></li>
|
|
<li><a href="calendar">Calendar</a></li>
|
|
<li><a href="contact">Contact Us</a></li>
|
|
</ul>
|
|
</footer>
|
|
<script src="assets/js/scroll.js"></script>
|
|
<script src="assets/js/menu.js"></script>
|
|
</body>
|
|
|
|
</html> |