-
Notifications
You must be signed in to change notification settings - Fork 0
/
GTBT-HTML
78 lines (77 loc) · 5.59 KB
/
GTBT-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Đây là web giới thiệu Bách Đệp Trai</title>
<link rel="stylesheet" href="C:\Users\sonh\Desktop\C++\fileHTML\gioithieubanthan.css" />
<script src="https://kit.fontawesome.com/1173538a12.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="head">
<div class="menu">
<div class="library">
<ul class="lib-ul">
<li><a href="">Home</a></li>
<li>
<a href="">introduce</a>
<ul class="drop-menu">
<li><a href="#">SsssssssssSS</a></li>
<li><a href="#">SsssssssssSS</a></li>
<li><a href="#">SsssssssssSS</a></li>
<li><a href="#">SsssssssssSS</a></li>
</ul>
</li>
<li><a href="">interest</a></li>
<li><a href="">hobbies</a></li>
</ul>
</div>
<div class="social">
<ul>
<li><a class="soc-a" href=""><span style="color:rgb(255, 255, 255); font-size: 12px;"><i class="fa-brands fa-square-facebook"></i></span></a></li>
<li><a class="soc-a" href=""><span style="color:rgb(255, 255, 255); font-size: 12px;"><i class="fa-brands fa-instagram"></i></span></a></li>
<li><a class="soc-a" href=""><span style="color:rgb(255, 255, 255); font-size: 12px;"><i class="fa-brands fa-youtube"></i></span></a></li>
<li><a class="soc-a" href=""><span style="color:rgb(255, 255, 255); font-size: 12px;"><i class="fa-brands fa-tiktok"></i></span></a></li>
</ul>
</div>
</div>
<div class="logo-title">
<div class="logo"><img class="lg" src="https://i.pinimg.com/736x/af/09/41/af0941ba06185e9846af909ba9350baf--letter-b-logo-b-logo-design.jpg"></div>
<div class="title">wibu bất tử</div>
</div>
</div>
<div class="body">
<div class="grid-father">
<div class="grid">
<a id="grid-1" href="#">qqqqqqqq</a>
<a id="grid-2" href="#">qqqqqqqq</a>
<a id="grid-3" href="#">qqqqqqqq</a>
<a id="grid-4" href="#">qqqqqqqq</a>
<a id="grid-5" href="#">qqqqqqqq</a>
<a id="grid-6" href="#">qqqqqqqq</a>
</div>
</div>
<div class="list">
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
</div>
<div class="post">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur delectus beatae saepe nulla incidunt molestiae facilis dicta sit consectetur fugiat, omnis quibusdam eos expedita atque repudiandae itaque quod ipsam dolores. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus, earum expedita eaque assumenda blanditiis deserunt deleniti ad, facere perspiciatis numquam voluptas a voluptatibus veritatis modi et ea placeat fugiat dolores? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non deserunt ut ipsum fugiat tenetur saepe necessitatibus eaque? Accusantium ipsam blanditiis natus tempora dolor nemo laborum velit, vero soluta eos unde. Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur consequuntur omnis nesciunt aliquid architecto perferendis sint possimus delectus doloremque praesentium, velit nostrum quos porro cum dolor voluptates minima impedit cumque.
</div>
<div class="list">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. aosi oeifu piuofh asipdf
</div>
<div class="post">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur delectus beatae saepe nulla incidunt molestiae facilis dicta sit consectetur fugiat, omnis quibusdam eos expedita atque repudiandae itaque quod ipsam dolores. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus, earum expedita eaque assumenda blanditiis deserunt deleniti ad, facere perspiciatis numquam voluptas a voluptatibus veritatis modi et ea placeat fugiat dolores? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non deserunt ut ipsum fugiat tenetur saepe necessitatibus eaque? Accusantium ipsam blanditiis natus tempora dolor nemo laborum velit, vero soluta eos unde. Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur consequuntur omnis nesciunt aliquid architecto perferendis sint possimus delectus doloremque praesentium, velit nostrum quos porro cum dolor voluptates minima impedit cumque.
</div>
<div class="list">
Lorem, ipsum dolor sit amet consectetur adipisicing elit.asf7t897
<div class="post">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur delectus beatae saepe nulla incidunt molestiae facilis dicta sit consectetur fugiat, omnis quibusdam eos expedita atque repudiandae itaque quod ipsam dolores. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus, earum expedita eaque assumenda blanditiis deserunt deleniti ad, facere perspiciatis numquam voluptas a voluptatibus veritatis modi et ea placeat fugiat dolores? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non deserunt ut ipsum fugiat tenetur saepe necessitatibus eaque? Accusantium ipsam blanditiis natus tempora dolor nemo laborum velit, vero soluta eos unde. Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur consequuntur omnis nesciunt aliquid architecto perferendis sint possimus delectus doloremque praesentium, velit nostrum quos porro cum dolor voluptates minima impedit cumque.
</div>
</div>
<div class="foot">
<div class="contact"></div>
<div class="donate"></div>
<div class="ask"></div>
</div>
</body>
</html>