-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (126 loc) · 8.25 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./style.css" />
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<script src="https://cdn.socket.io/4.7.4/socket.io.min.js"
integrity="sha384-Gr6Lu2Ajx28mzwyVR8CFkULdCU7kMlZ9UthllibdOSo6qAiN+yXNHqtgdTvFXMT4"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/gh/CSP02/vanbUI@latest/vanbUI/vanbUI.css" rel="stylesheet">
<link rel="shortcut icon" href="/Resources/chatterbox_logo_transparent.png" type="image/png">
<title>chat</title>
</head>
<body>
<div id="loading">
<div id="chatter_loading">
<div id="circle_1"></div>
<div id="circle_2"></div>
<div id="circle_3"></div>
</div>
</div>
<div id="grid_wrapper">
<div id="wrapper">
<nav id="navigation" class="attop">
<ul id="nav_list">
<li><a href="" id="home_link" class="links">Home</a></li>
<li><a href="" id="contactus_link" class="links">Contact us</a></li>
<li><a href="" id="support_link" class="links">Support</a></li>
</ul>
<div id="auth_buttons">
<button vanb="true" variant="white"><a href="/login">Login</a></button>
<button vanb="true" variant="white"><a href="/signup">Signup</a></button>
</div>
</nav>
<div id="content">
<header>
Hello there!
</header>
<section>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil atque dolore id voluptatibus quisquam
explicabo deserunt, labore deleniti animi nemo nesciunt consectetur dolorem culpa quo nulla omnis
perspiciatis. Tempora, enim.
Quae, nam reprehenderit. Sunt nemo atque vitae dolor doloribus reiciendis nesciunt voluptatibus unde
laborum eius cum consequatur omnis voluptas accusamus tenetur quos, ratione, veritatis dolore! Sit
perferendis fugiat quaerat eius?
Nihil veniam reprehenderit cumque temporibus non inventore dignissimos illo eos eaque cum vitae
earum
voluptatibus quisquam sunt mollitia fugiat reiciendis quasi provident, saepe nostrum quae. Deserunt
magni ipsum odit officia.
Sequi consequuntur vero cupiditate nesciunt obcaecati vitae ratione sint excepturi quaerat quas!
Reiciendis illo fugiat incidunt voluptatibus earum placeat! Pariatur sequi, rerum velit quos ratione
architecto quasi nam recusandae eius.
Doloremque, reprehenderit. Exercitationem itaque iste accusantium voluptas laborum soluta eum amet
doloremque possimus, tempore nihil aspernatur? Ipsa, pariatur recusandae doloribus itaque explicabo
necessitatibus provident totam quasi autem exercitationem neque harum?
Repudiandae sit aspernatur accusamus ut maiores odit, velit consequuntur unde! Sit eaque odit
officia
nam quaerat earum sequi, excepturi magni quis quam molestias fugiat. Dicta nam ad accusantium atque
quas.
Dicta sequi delectus magnam quod commodi tempora sint voluptatum dolores, quibusdam itaque? Natus
harum
cupiditate aliquid dignissimos dolores consequuntur, architecto consectetur quos, dolorem quidem ea
voluptatem magnam voluptates quaerat veritatis.
Et pariatur commodi amet error cum. Consequuntur perferendis temporibus debitis veritatis, vero eius
ullam laudantium sed dolorem sint beatae est ducimus at possimus delectus. Iure magni minus quae
laboriosam in?
Illum, ipsum ipsam. Facere architecto reprehenderit iste quam eos error, eum et corporis optio
perspiciatis voluptatem ratione vitae qui in repellat ipsam illum ab unde aliquid itaque cum
inventore.
Minus?
Illo delectus laboriosam architecto similique ipsam debitis officia fugit inventore fuga deserunt,
beatae ex odio quisquam provident expedita facere at reiciendis itaque! Tenetur magni unde nostrum
ipsum
provident error saepe!
Autem repudiandae nam assumenda, commodi officia excepturi voluptas necessitatibus maxime rerum
minima
explicabo laboriosam saepe fugit facere facilis deleniti hic aperiam voluptates et quibusdam eius
suscipit? Suscipit quaerat in autem!
Vitae explicabo quam consectetur, beatae facilis cumque? Quasi sequi id a illo dolores laudantium
fugiat
sint voluptates cumque provident, voluptas eligendi perspiciatis dignissimos sit repudiandae
recusandae
harum saepe ut voluptatem.
Ipsum aliquid, ab aliquam commodi quasi asperiores iusto necessitatibus accusamus incidunt
voluptates
praesentium ratione fugit et nesciunt temporibus! Placeat libero recusandae quae perferendis dicta?
Accusantium saepe doloremque doloribus tenetur esse.
Aut doloremque eius nobis excepturi amet doloribus aliquid quo. Nisi consequuntur veniam hic rerum,
optio atque voluptate ad quis, deserunt natus iste animi ullam cupiditate cum dolores nam laboriosam
quaerat!
Deleniti est labore debitis, exercitationem ad dolores laboriosam veritatis fuga accusamus non.
Corporis
explicabo recusandae, assumenda fugit voluptates tempore sunt nemo culpa, quisquam voluptatibus
magnam
iure ipsam! Veniam, quasi quo.
Tenetur culpa libero illum, repudiandae minima at provident nobis magni error nemo unde consequatur
illo
natus magnam sapiente ut molestias reprehenderit commodi asperiores inventore. Eveniet non ipsum
alias
nostrum omnis.
Similique numquam magni, temporibus exercitationem doloremque ex saepe harum placeat culpa incidunt
labore voluptatum dolor praesentium tenetur odit ipsa corrupti ratione consequuntur. Voluptates
asperiores quia voluptas ad sapiente blanditiis facilis!
Ut labore maiores minima similique, hic quisquam! Quis amet quae consectetur sequi, beatae quo eum
voluptate iste facere quisquam voluptatum, delectus iure aliquid nobis rerum. Nulla facere unde ea
obcaecati!
Natus voluptas adipisci necessitatibus nemo incidunt eum? Nesciunt, odio quas quia sapiente optio
voluptate doloremque repudiandae, aliquid neque magnam inventore officiis ullam consequatur omnis
unde!
Velit non quas maiores temporibus!
Velit unde, tempore minus, quos quis sed amet molestias nulla sunt rem provident dolorum explicabo
temporibus voluptas odit quo? Iure unde aliquid esse neque labore facilis quia ipsum laborum magnam!
</section>
</div>
</div>
</div>
<script src="./script.js"></script>
</body>
</html>