-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (88 loc) · 3.92 KB
/
index.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!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">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
<title>Sample Site</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="area_logo_header">
<a class="logo" href="https://github.com/suzusou">
<div class="logo_name">Sample Site</div>
</a>
</div>
<nav class="area_nav_header">
<ul class="list_nav_header">
<li class="lists">
<a href="" class="list1">Section1</a>
</li>
<li class="lists">
<a href="" class="list2">Section2</a>
</li>
<li class="lists">
<a href="" class="list3">Section3</a>
</li>
<li class="lists">
<a href="" class="list4">Section4</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="main">
<div class="content">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptates esse expedita. Illum eaque
assumenda, possimus laudantium sunt illo incidunt repellendus cumque iusto vel! Cupiditate, ea
blanditiis
natus praesentium, alias doloremque eius quo sequi vero, quam ipsa rerum laudantium officia nisi!
Laudantium, recusandae magni dolores et rem deserunt, error facere est quaerat ea enim, debitis animi.
Quaerat ratione eius, fuga vitae modi voluptate fugit ea aperiam iste impedit commodi, consequatur
voluptatem, tempora sint rerum harum? Molestias consequuntur fugit maxime odit. Fuga similique minus sit
dolores, necessitatibus adipisci rerum obcaecati? Unde nesciunt tenetur soluta, doloribus iste aliquid
rem
debitis at ex!
</div>
<div class="content">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro voluptates esse expedita. Illum eaque
assumenda, possimus laudantium sunt illo incidunt repellendus cumque iusto vel! Cupiditate, ea
blanditiis
natus praesentium, alias doloremque eius quo sequi vero, quam ipsa rerum laudantium officia nisi!
Laudantium, recusandae magni dolores et rem deserunt, error facere est quaerat ea enim, debitis animi.
Quaerat ratione eius!
</div>
</main>
<footer class="footer">
<div class="social">
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="https://github.com/suzusou"><i class="fab fa-github"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
</div>
<ul class="list">
<li>
<a href="#">Section1</a>
</li>
<li>
<a href="#">Section2</a>
</li>
<li>
<a href="#">Section3</a>
</li>
<li>
<a href="#">Section4</a>
</li>
<li>
<a href="#">Section5</a>
</li>
<p class="copyright">
S.S-20220219 @ 2023
</p>
</ul>
</footer>
</body>
</html>