-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
350 lines (325 loc) · 18.4 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Observers is a development team working in the field of bot, automation and the web This team has experienced specialists in this specialty.">
<meta name="keywords"
content="observers, obsv, observersteam, observers team, observers discord, observers telegram">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<meta name="theme-color" content="#339AF0">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<title>Observers | Development team</title>
<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=Rubik:wght@300;400;500;600;700&display=swap"
rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"
defer>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/queries.css">
</head>
<body>
<div id="preloader">
<lottie-player src="./img/loading.json" background="transparent" speed="1" loop autoplay></lottie-player>
</div>
<div class="menu">
<span class="line line-1"></span>
<span class="line line-2"></span>
<span class="line line-3"></span>
</div>
<div class="menu-items">
<a class="menu-item" href="#about">About</a>
<a class="menu-item" href="#projects">Projects</a>
<a class="menu-item" href="#team">Team</a>
<a class="menu-item" href="#contact">Contact</a>
</div>
<section class="container header">
<nav class="navbar">
<div class="logo">
<img draggable="false" src="img/obs.png" alt="Observers Logo" class="logo-img" />
<p class="logo-title">Observers</p>
</div>
<ul class="nav-links">
<li class="nav-link">
<a href="#about">About</a>
</li>
<li class="nav-link">
<a href="#projects">Projects</a>
</li>
<li class="nav-link">
<a href="#team">Team</a>
</li>
<li class="nav-link">
<a href="#contact">Contact</a>
</li>
</ul>
<ul class="nav-icons">
<li class="nav-icon">
<a href="https://instagram.com/observersteam" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path fill="#339AF0"
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" />
</svg>
</a>
</li>
<li class="nav-icon">
<a href="https://discord.gg/YZEkVrzsFr" target="_blank">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3_15)">
<path
d="M33.8617 7.48666C31.3117 6.33666 28.5783 5.48666 25.72 5.00333C25.6945 4.99844 25.6682 5.00159 25.6446 5.01234C25.621 5.02309 25.6014 5.04091 25.5883 5.06333C25.2383 5.67833 24.8483 6.48 24.575 7.11333C21.5435 6.66039 18.4615 6.66039 15.43 7.11333C15.1256 6.41143 14.7823 5.72704 14.4017 5.06333C14.3888 5.04063 14.3693 5.02241 14.3457 5.0111C14.3222 4.99978 14.2958 4.99591 14.27 5C11.4133 5.48333 8.68001 6.33333 6.12834 7.485C6.10639 7.4942 6.08778 7.50991 6.07501 7.53C0.888341 15.155 -0.533326 22.5917 0.165008 29.935C0.166951 29.953 0.172533 29.9704 0.181416 29.9861C0.190298 30.0019 0.202294 30.0157 0.216674 30.0267C3.24399 32.2307 6.62057 33.9097 10.205 34.9933C10.23 35.001 10.2567 35.001 10.2817 34.9933C10.3067 34.9855 10.3287 34.9704 10.345 34.95C11.1163 33.9184 11.7998 32.8241 12.3883 31.6783C12.3965 31.6627 12.4012 31.6454 12.4021 31.6278C12.4031 31.6101 12.4002 31.5925 12.3937 31.5761C12.3872 31.5596 12.3773 31.5448 12.3646 31.5325C12.3519 31.5203 12.3367 31.5109 12.32 31.505C11.2433 31.0995 10.2001 30.6103 9.20001 30.0417C9.18204 30.0314 9.16689 30.0168 9.15594 29.9993C9.14498 29.9817 9.13855 29.9617 9.13723 29.9411C9.13591 29.9204 9.13973 29.8998 9.14836 29.881C9.15699 29.8622 9.17016 29.8458 9.18667 29.8333C9.39667 29.6783 9.60667 29.5167 9.80667 29.355C9.82468 29.3405 9.84636 29.3312 9.86931 29.3283C9.89227 29.3253 9.91558 29.3288 9.93667 29.3383C16.4817 32.2783 23.57 32.2783 30.0383 29.3383C30.0595 29.3282 30.083 29.3243 30.1063 29.3269C30.1296 29.3296 30.1517 29.3387 30.17 29.3533C30.37 29.5167 30.5783 29.6783 30.79 29.8333C30.8067 29.8455 30.8201 29.8617 30.829 29.8803C30.8379 29.899 30.842 29.9195 30.841 29.9402C30.84 29.9608 30.8339 29.9809 30.8233 29.9986C30.8126 30.0163 30.7978 30.0311 30.78 30.0417C29.7833 30.615 28.7467 31.1 27.6583 31.5033C27.6416 31.5094 27.6264 31.519 27.6137 31.5314C27.601 31.5438 27.591 31.5588 27.5846 31.5754C27.5781 31.5919 27.5752 31.6097 27.5762 31.6274C27.5771 31.6452 27.5818 31.6625 27.59 31.6783C28.19 32.8233 28.8767 33.9133 29.6317 34.9483C29.6474 34.9696 29.6692 34.9854 29.6943 34.9938C29.7193 35.0021 29.7464 35.0026 29.7717 34.995C33.3623 33.9144 36.7443 32.2346 39.775 30.0267C39.7898 30.0163 39.8022 30.0029 39.8114 29.9874C39.8206 29.9719 39.8264 29.9546 39.8283 29.9367C40.6617 21.4467 38.4317 14.07 33.9133 7.53333C33.9023 7.51209 33.8839 7.49553 33.8617 7.48666ZM13.3667 25.4633C11.3967 25.4633 9.77167 23.6817 9.77167 21.4967C9.77167 19.31 11.365 17.53 13.3667 17.53C15.3833 17.53 16.9933 19.325 16.9617 21.4967C16.9617 23.6833 15.3683 25.4633 13.3667 25.4633ZM26.6583 25.4633C24.6867 25.4633 23.0633 23.6817 23.0633 21.4967C23.0633 19.31 24.655 17.53 26.6583 17.53C28.675 17.53 30.285 19.325 30.2533 21.4967C30.2533 23.6833 28.6767 25.4633 26.6583 25.4633Z"
fill="#339AF0" />
</g>
<defs>
<clipPath id="clip0_3_15">
<rect width="40" height="40" fill="white" />
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</nav>
<div class="intro">
<div class="intro__logo">
<img src="img/obs.png" alt="Observers Logo">
</div>
<div class="intro__text">
<h1 class="intro__title">
Observers
</h1>
<h2 class="intro__subtitle ">
A Development Team
</h2>
</div>
</div>
<div data-element="1" class="go-down"></div>
<div data-element="2" class="go-down"></div>
</section>
<section class="container about__us" id="about">
<div class="heading__title">
<h1>
About
</h1>
</div>
<div class="about__us-content">
<lottie-player src="./img/dev.json" background="transparent" speed="1" loop autoplay></lottie-player>
<div class="about__text">
<p><strong>Observers</strong> is a development team working in the field of bot, automation and the web
This team has experienced specialists in this specialty.</p>
</div>
</div>
</section>
<section class="container margin--top-4" id="projects">
<div class="heading__title">
<h1>
Projects
</h1>
</div>
<div class="projects grid grid-2-c">
<div class="project">
<div class="project-img">
<img src="img/project-1.png" alt="Hilda Bot">
</div>
<div class="project-desc">
<div class="project-title">
<a href="https://discord.com/api/oauth2/authorize?client_id=856599103960907786&permissions=415805861216&scope=bot%20applications.commands"
target="_blank">Hilda <i class="bi bi-link-45deg"></i></a>
<p>- <i data-id="0" class="bi bi-heart"></i></p>
</div>
<p>a discord bot that helps you to manage events and have fun with some cool commands</p>
<div class="project-tags">
<span class="tag">Bot</span>
<span class="tag">Discord</span>
<span class="tag">Events</span>
<span class="tag">Fun</span>
</div>
</div>
</div>
<div class="project">
<div class="project-img">
<img src="img/project-2.png" alt="Instacord Bot">
</div>
<div class="project-desc">
<div class="project-title">
<a href="https://discord.com/api/oauth2/authorize?client_id=857223666362613782&permissions=414464732224&scope=bot%20applications.commands"
target="_blank">Instacord <i class="bi bi-link-45deg"></i></a>
<p>- <i data-id="1" class="bi bi-heart"></i></p>
</div>
<p>a discord bot that can download media and interact with instagram in discord </p>
<div class="project-tags">
<span class="tag">Bot</span>
<span class="tag">Discord</span>
<span class="tag">Instagram</span>
<span class="tag">Media</span>
</div>
</div>
</div>
<div class="project">
<div class="project-img">
<img src="img/project-3.png" alt="Onlynudes Bot">
</div>
<div class="project-desc">
<div class="project-title">
<a href="https://discord.com/api/oauth2/authorize?client_id=893149506475032578&permissions=140726627664&scope=bot%20applications.commands"
target="_blank">Onlynudes <i class="bi bi-link-45deg"></i></a>
<p>- <i data-id="2" class="bi bi-heart"></i></p>
</div>
<p>a discord bot that provide adult content for having good time with your self </p>
<div class="project-tags">
<span class="tag">Bot</span>
<span class="tag">Discord</span>
<span class="tag">Adult</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container margin--top-4" id="team">
<div class="heading__title">
<h1>
Team
</h1>
</div>
<div class="cards">
<div class="card" data-userid="851218809204768788">
<div class="card__img">
<img src="./img/avatar.png" alt="HO3EiNWAVE Avatar">
</div>
<div class="card__social-icons">
<a href=""><i data-discord-username="discord" class="bi bi-discord"></i></a>
<a class="instagram" href="" target="_blank"><i class="bi bi-instagram"></i></a>
<a class="github" href="" target="_blank"><i class="bi bi-github"></i></a>
</div>
<div class="card__name">
HO3EiNWAVE
</div>
<div class="role">
<span>
Developer
</span>
</div>
</div>
<div class="card" data-userid="1029913381643227157">
<div class="card__img">
<img src="./img/avatar.png" alt="Bardia Avatar">
</div>
<div class="card__social-icons">
<a href=""><i data-discord-username="discord" class="bi bi-discord"></i></a>
<a class="instagram" href="" target="_blank"><i class="bi bi-instagram"></i></a>
<a class="github" href="" target="_blank"><i class="bi bi-github"></i></a>
</div>
<div class="card__name">
Bardia
</div>
<div class="role">
<span>
Developer
</span>
</div>
</div>
<div class="card" data-userid="1030793147439132722">
<div class="card__img">
<img src="./img/avatar.png" alt="Reza Koala Avatar">
</div>
<div class="card__social-icons">
<a href=""><i data-discord-username="discord" class="bi bi-discord"></i></a>
<a class="instagram" href="" target="_blank"><i class="bi bi-instagram"></i></a>
<a class="github" href="" target="_blank"><i class="bi bi-github"></i></a>
</div>
<div class="card__name">
Reza Koala
</div>
<div class="role">
<span>
Manager
</span>
</div>
</div>
</section>
<section class="container margin--top-4" id="contact">
<div class="heading__title">
<h1>
Contact
</h1>
</div>
<div class="form">
<form action="">
<div class="form__input">
<div class="info__input">
<input type="text" id="name" name="name" placeholder="Your Name" />
<input type="text" id="subject" name="subject" placeholder="Subject">
<input type="email" id="email" name="email" placeholder="Email">
</div>
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message"></textarea>
<button>Submit <i class="bi bi-send"></i></button>
</div>
</form>
</div>
</section>
<footer>
<div class="container">
<div class="logo">
<img draggable="false" src="img/obs.png" alt="Observers Logo" class="logo-img" />
<p class="logo-title">Observers</p>
</div>
<div class="footer__links">
<a class="discord" href="https://obsv.ga/discord" target="_blank"><i class="bi bi-discord"></i></a>
<a class="instagram" href="https://obsv.ga/instagram" target="_blank"><i
class="bi bi-instagram"></i></a>
<a class="telegram" href="https://obsv.ga/telegram" target="_blank"><i class="bi bi-telegram"></i></a>
</div>
<div class="copyright">
<p>Copyright © <span>2023</span> Observers. All rights reserved.</p>
</div>
<div class="made">
<p>Made with <i class="bi bi-suit-heart-fill"></i> by HO3EiNWAVE</p>
</div>
</div>
</footer>
<div class="copy-clipboard">
<i class="bi bi-clipboard-check-fill"></i>
<span>Copied to clipboard</span>
</div>
<div class="server-invite">
<button class="close"><i class="bi bi-x-lg"></i></button>
<div class="server-avatar">
<img src="https://cdn.discordapp.com/icons/1066145543878889552/1e783f3575a5d619a3490fae4b05b5b5.png?size=96"
alt="Observers ™">
</div>
<div class="server-details">
<div class="server-name">
<p>Observers ™</p>
</div>
<div class="server-members">
<div class="online-members">
<p><i class="bi bi-circle-fill"></i> Online: <span>0</span></p>
</div>
<div class="total-members">
<p>Total: <span>0</span></p>
</div>
</div>
</div>
<div class="server-invite-btn animate__animated animate__headShake animate__slow animate__infinite">
<a href="https://discord.gg/YZEkVrzsFr" target="_blank">Join</a>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"
integrity="sha512-VEBjfxWUOyzl0bAwh4gdLEaQyDYPvLrZql3pw1ifgb6fhEvZl9iDDehwHZ+dsMzA0Jfww8Xt7COSZuJ/slxc4Q=="
crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" defer></script>
<script src="js/uuidv4.min.js" defer></script>
<script src="https://unpkg.com/validator@latest/validator.min.js"></script>
<script src="js/app.js" defer></script>
</body>
</html>