-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlayout.html
75 lines (75 loc) · 2.54 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
64
65
66
67
68
69
70
71
72
73
74
75
<!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 || Grid Mini Projects</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&family=Source+Sans+Pro:wght@400;600;700&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 layout easy</h2>
</header>
<!-- end of header -->
<!-- navbar -->
<nav class="navbar">
<ul>
<li>
<a href="hero.html">hero</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>
<!-- end of navbar -->
<!-- content -->
<section class="content">
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint fugit
eligendi quae id natus accusamus iste quis animi vero hic, aliquid est
earum dignissimos temporibus ipsam consequuntur mollitia, veniam
velit! Excepturi consequuntur aliquam itaque porro autem in eveniet
facere, ullam ab consectetur, odit cumque commodi delectus at quisquam
molestiae assumenda animi repellendus earum enim quidem? Repellat
consequatur esse et placeat distinctio tempore nesciunt aspernatur
ipsum.
</p>
</section>
<!-- end of content -->
<!-- sidebar -->
<section 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>
</section>
<!-- end of sidebar -->
<!-- footer -->
<div class="footer">
<p>copyright © all rights reserved</p>
</div>
<!-- end offooter -->
</main>
<a href="index.html" class="btn">back to Home</a>
</body>
</html>