highway.js
Version:
Highway is an light-weight JS Page Loader
36 lines (33 loc) • 799 B
HTML
<html lang="en">
<head>
<title>Page - Fade</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Wrapper -->
<main class="site-wrapper">
<!-- Header -->
<header>
<h4>HEADER</h4>
<ul>
<li><a href="/" loader-active="is-active">Home</a></li>
<li><a href="/page.html" loader-active="is-active">Page</a></li>
</ul>
</header>
<!-- Loader Wrapper -->
<arcitcle loader-wrapper>
<!-- Loader View -->
<div loader-view="page">
<h4>PAGE</h4>
</div>
</arcitcle>
<!-- Footer -->
<footer>
<h4>FOOTER</h4>
</footer>
</main>
<!-- Scripts -->
<script type="text/javascript" src="./js/main.min.js"></script>
</body>
</html>