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> |