-
Notifications
You must be signed in to change notification settings - Fork 0
/
layout.html
63 lines (63 loc) · 2.13 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!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>Layout Project</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400&display=swap"
rel="stylesheet"
/>
<!-- Font Awesome -->
<link
rel="stylesheet"
href="./fontawesome-free-5.9.0-web/css/all.min.css"
/>
<!-- Styles CSS -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main class="main">
<!-- Header -->
<header class="header">
<h2>grid makes life easy</h2>
</header>
<!-- Navbar -->
<nav class="navbar">
<ul>
<li><a href="hero.html">home</a></li>
<li><a href="cards.html">cards</a></li>
<li><a href="tiles.html">tiles</a></li>
<li><a href="layout.html">layout</a></li>
</ul>
</nav>
<!-- Content -->
<section class="content">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi error
labore et minus aut rem ipsam nobis pariatur eum? Modi, nemo amet
excepturi, provident iste veritatis iusto repellendus officiis ratione
cupiditate velit magnam. Distinctio error repudiandae natus! Deserunt
et quod, fuga quasi dolor rerum ipsum placeat repudiandae tenetur,
consectetur dolore.
</p>
</section>
<!-- Font Awesome -->
<aside class="sidebar">
<span><i class="fab fa-twitter"></i></span>
<span><i class="fab fa-facebook"></i></span>
<span><i class="fab fa-squarespace"></i></span>
<span><i class="fab fa-linkedin"></i></span>
</aside>
<!-- Footer -->
<footer class="footer">
<p>copyright © all rights reserved</p>
</footer>
</main>
<a href="index.html" class="btn">back to home</a>
</body>
</html>