Permalink
Cannot retrieve contributors at this time
<!doctype html> | |
<html class="no-js" lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>The "Holy Grail" Layout</title> | |
<meta name="description" content="holy grail layout created with CSS Grid"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="manifest" href="site.webmanifest"> | |
<link rel="apple-touch-icon" href="icon.png"> | |
<!-- Place favicon.ico in the root directory --> | |
<link rel="stylesheet" href="css/normalize.css"> | |
<link rel="stylesheet" href="css/wk5.css"> | |
<meta name="theme-color" content="#fafafa"> | |
</head> | |
<body> | |
<!--[if IE]> | |
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> | |
<![endif]--> | |
<!-- Add your site or application content here --> | |
<div class="grid"> | |
<header> | |
<h1>HEADER</h1> | |
</header> | |
<nav> | |
<h1>MENU</h1> | |
</nav> | |
<main> | |
<h1>MAIN SITE CONTENT</h1> | |
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, suscipit, asperiores modi placeat eveniet ex, tenetur minima qui omnis enim corporis? Doloribus suscipit magni tempora magnam fugiat repellendus porro animi.</p> | |
</main> | |
<div id="ad"> | |
<h1>ADS</h1> | |
</div> | |
<footer> | |
<h1>FOOTER</h1> | |
</footer> | |
</div> | |
<script src="js/vendor/modernizr-3.8.0.min.js"></script> | |
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> | |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-3.4.1.min.js"><\/script>')</script> | |
<script src="js/plugins.js"></script> | |
<script src="js/main.js"></script> | |
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. --> | |
<script> | |
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; | |
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set','transport','beacon'); ga('send', 'pageview') | |
</script> | |
<script src="https://www.google-analytics.com/analytics.js" async></script> | |
</body> | |
</html> |