-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathholygrail.html
executable file
·19 lines (19 loc) · 1.66 KB
/
holygrail.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
<head>
<title>Holy Grail Layout</title>
<link rel="stylesheet" href="css/showcase.css">
<link rel="stylesheet" href="css/holygrail.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300" rel="stylesheet">
</head>
<body id="holygrail" class="container">
<header id="header"> Header </header>
<main id="main" class="container">
<article id="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique assumenda voluptatibus debitis quidem dolorem, provident reiciendis, perspiciatis ut consequatur illum aliquid repudiandae aperiam. Iusto reiciendis deserunt illo a harum dolor magni, sunt iure mollitia facere nulla repellat error at, accusamus quam exercitationem rerum fugit blanditiis voluptas odio aperiam temporibus! Delectus inventore eos atque vitae, sunt ea qui assumenda, quos aut aperiam nostrum iusto temporibus in rerum adipisci quidem et consequatur error quod, aliquam minima hic velit similique nemo. Aut voluptatibus reprehenderit autem harum adipisci libero animi quod sapiente veniam fugiat, soluta inventore omnis rerum facere nobis commodi placeat cupiditate assumenda.
</article>
<aside id="secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. In iure nulla eaque, explicabo vel fugiat illum, eius debitis cupiditate. Doloremque!</aside>
<aside id="tertiary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur eius eaque ullam eum, dolore ab quasi unde dicta obcaecati libero at placeat facilis dolor natus. Iure, quae consectetur enim eos.</aside>
</main>
<footer id="footer">Footer</footer>
</body>
</html>