-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout.html
48 lines (43 loc) · 2.12 KB
/
layout.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Grid Mini Projects</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./fontawesome-free-5.15.3-web/css/all.css">
</head>
<body>
<main class="layout-main">
<header class="layout-header">
<h1>grid makes layout easy</h1>
</header>
<nav class="navbar">
<ul>
<li><a href="hero.html">hero</a></li>
<li><a href="card.html">cards</a></li>
<li><a href="tile.html">tiles</a></li>
<li><a href="layout.html">layout</a></li>
</ul>
</nav>
<section class="layout-text">
<article>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste assumenda deleniti suscipit ea placeat esse amet quibusdam, perferendis ipsam cum culpa animi magnam ex recusandae? Similique vero, delectus perferendis assumenda quia rem quasi nulla voluptate ipsam, eius, libero ipsa! Ullam deleniti earum porro totam sequi dolorum aspernatur ad officiis repellendus nam veritatis reprehenderit eligendi distinctio dolore saepe quidem repudiandae molestias necessitatibus, accusantium placeat explicabo iusto iure voluptates. Laborum vel animi velit architecto impedit nostrum ex amet provident beatae, esse inventore doloremque ipsam illum eligendi veritatis mollitia ducimus voluptates quas voluptatem in minima. Voluptas, qui corrupti. Beatae ad ab repellat sequi!
</p>
</article>
</section>
<div class="card-icons layout-icons">
<i class="fab fa-twitter"></i>
<i class="fab fa-facebook"></i>
<i class="fab fa-linkedin"></i>
<i class="fab fa-squarespace"></i>
</div>
<footer class="layout-footer">
copyright © all rights reserved
</footer>
</main>
<a href="index.html" class="btn">back to home</a>
</body>
</html>