-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
317 lines (281 loc) · 10.7 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
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Perkumpulan Orang Santai</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="author" content="KatowProject" />
<meta name="description" content="Landing Page Perkumpulan Orang Santai" />
<meta property="og:image"
content="https://cdn.discordapp.com/splashes/336336077755252738/2ad0fa7a5296e42ab336b4a12a078831.png?size=4096">
<link rel="icon" href="https://cdn.discordapp.com/attachments/496983030993518592/771749555179880478/POS.jpg">
<link rel="stylesheet" href="assets/css/main.css" />
<script src="https://kit.fontawesome.com/aceffc2946.js" crossorigin="anonymous"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1409473756896463" crossorigin="anonymous"></script>
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span>
<img class="owo" width="85" height="85" src="/images/icon.png">
</span>
</div>
<div class="content">
<div class="inner">
<h1>Perkumpulan Orang Santai</h1>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#staff">Staff</a></li>
<li><a href="#about">About</a></li>
<li><a href="#platform">Platform</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="intro">
<h2 class="major">Intro</h2>
<span class="image main"><img
src="https://media.discordapp.net/attachments/753220416876839012/753231698342314094/banner1.png"
alt="" /></span>
<p>Perkumpulan Orang Santai adalah Komunitas hiburan yang tersedia diberbagai platform, yaitu Facebook,
Instagram, dan Discord.
<p>Platform Facebook terdiri 2 Grup dan 1 Fanpage. Grupnya yaitu
<a href="https://facebook.com/groups/republicsans" target="_blank">Perkumpulan Orang Santai</a> dan
<a href="https://facebook.com/groups/possans">Perkumpulan Orang Santai Total</a>. Fanspage bernama
<a href="https://facebook.com/pos.total" target="_blank">Perkumpulan Orang Santai</a> yang disukai
oleh 100rb Orang.
Platform <a href="https://instagram.com/pos.total" target="_blank">Instagram</a> telah diikuti oleh
9rb pengguna dan
<a href="https://discord.gg/posantai" target="_blank">Discord</a> telah memiliki 5rb Member.
</p>
</article>
<!-- Work -->
<article id="staff">
<h2 class="major">Staff</h2>
<center>
<h1>Owner</h1>
<h3><a href="https://facebook.com/ijul.img" target="_blank">Muhammad Zulfikar</a></h3>
<br>
<h3><a href="#discord" class="icon brands fa-discord"> Discord</a></h3>
<h3><a href="#facebook" class="icon brands fa-facebook-f"> Facebook</a></h3>
<h3><a href="#instagram" class="icon brands fa-instagram"> Instagram</a></h3>
</center>
</article>
<!-- About -->
<article id="about">
<h2 class="major">About</h2>
<span class="image main"><img src="/images/ikhsantai.png" alt="POS" /></span>
<!--1-->
<h3>Apa itu POS?</h3>
<ul>
POS yang kepanjangannya Perkumpulan Orang Santai adalah Komunitas hiburan yang berbasis Santai
seperti melihat Senja , Senin? Santai.
</ul>
<!--2-->
<h3>Siapa yang membuat Komunitas?</h3>
<ul>
Mehmet Ali , Wahyu Purnomo , Miftahul Fikri
</ul>
<!--3-->
<h3>Siapa yang membuat logo POS?</h3>
<ul>
Rayhan Aswi (Cawfein) yang membuat logo POS hingga sekarang
</ul>
<!--4-->
<h3>Bagaimana POS bisa terbentuk?</h3>
<ul>
<p>
Pada bulan September 2018 Ijul mundur dari suatu komunitas dan para sisa staffnya di
platform discord mendiskusikan untuk membuat komunitas baru
</p>
<p>
Di sinilah pada tanggal 9-10 Oktober Staff Discord mendiskusikan mencari nama untuk Server
Discordnya, dan Server Resmi Menjadi Persatuan Orang Santai (sekarang Perkumpulan Orang Santai).
</p>
<p>
Pada saat itu POS aktif di Sosial Media Instagram dan POS membuat Komunitasnya di Facebook
berupa Fanspage dan Grup.
</p>
</ul>
<h3>Kapan POS dibuat?</h3>
<ul>
POS Discord dibuat pada awal Bulan Oktober 2018 sedangkan POS Facebook dibuat pada pertengahan
November 2018.
</ul>
<h3>Kenapa harus POS?</h3>
<ul>
Pada awalnya Komunitas ini terbuat dari sebuah postingan M Ikhsan yang mengatakan Senin? Santai....
di sinilah para Staff Discord terinspirasi dan terbuat dengan nama Persatuan Orang Santai (dulu)
dan mengalami perubahan nama menjadi Perkumpulan Orang Santai (hingga sekarang).
</ul>
</article>
<!-- Contact -->
<article id="platform">
<h2 class="major">Platform</h2>
<ul class="icons">
<li><a href="https://discord.gg/posantai" target="_blank" class="icon brands fa-discord"><span
class="label">Discord</span></a></li>
<li><a href="https://facebook.com/pos.total" target="_blank" class="icon brands fa-facebook-f"><span
class="label">Facebook</span></a></li>
<li><a href="https://instagram.com/pos.total" target="_blank" class="icon brands fa-instagram"><span
class="label">Instagram</span></a></li>
<li><a href="https://github.com/posantai" target="_blank" class="icon brands fa-github"><span
class="label">Github</span></a></li>
<li><a href="https://facebook.com/groups/possans" target="_blank" class="fas fa-users"><span
class="label"></span></a></li>
<li><a href="https://trakteer.id/santai" target="_blank" class="fas fa-store"><span
class="label"></span></a></li>
</ul>
</article>
<article id="discord">
<h2 class="major"><a class="icon brands fa-discord"></a> Discord</h2>
<h3>Head Admin</h3>
<ul>
<li>David Valentinus Tan | <b>davidvtan#4024</b></li>
</ul>
<!-- Admin -->
<h3>Admin</h3>
<script>
var admin = [
"Muhammad Naufal Faqih | <b>ManLord#3143</b>",
"Zaidan | <b>Feqo#0948</b>",
"Arans Aldhira | <b>Shirayuuki#3061</b>",
"Kao | <b>Kao#8096</b>",
"Rio | <b>Riora#1975</b>"
];
document.writeln("<ul>");
admin.forEach((data) => {
document.write(`<li>${data}</li>`);
});
document.write("</ul>");
</script>
<!-- Moderator-->
<h3>Moderator</h3>
<script>
var moderator = [
"Iqbal | <b>depressedsmile#2900</b>",
"Musa | <b>Isla#1624</b>",
"Yaya | <b>alc#1252</b>",
"Fauzi | <b>Mochizou#1975</b>",
"Rafqie | <b>Moolz#6006</b>",
"Alvian | <b>Alvian#0002</b>",
"Neuvin | <b>Nako#3025</b>",
"Fikri | <b>The F#7252</b>",
"Iqbal Rifai | <b>Bal#3530</b>"
];
document.writeln("<ul>");
moderator.forEach(a => {
document.write(`<li>${a}</li>`);
});
document.write("</ul>");
</script>
</article>
<article id="facebook">
<h2 class="major"><a class="icon brands fa-facebook-f"></a> Facebook</h2>
<!-- Head Admin -->
<h3>Head Admin</h3>
<ul>
<li><a href="https://facebook.com/katoww">Muhammad Naufal Faqih</a></li>
</ul>
<!-- Admin -->
<h3>Admin</h3>
<script>
var adminF = [
'<a href="https://facebook.com/kamalajip/"> Aji Kamaludin P</a>',
'<a href="https://facebook.com/DarrelVahry/"> Darrel M Vahry</a>',
'<a href="https://facebook.com/Horutensia/"> Hortensia</a>',
'<a href="https://facebook.com/profile.php?id=100011745858039"> Vahrey</a>'
];
document.writeln("<ul>");
adminF.forEach(a => {
document.write(`<li>${a}</li>`);
});
document.write("</ul>");
</script>
<h3>Moderator</h3>
<script>
var moderatorF = [
'<a href="https://facebook.com/radhit.putra08/"> Radhit Putra</a>',
'<a href="https://facebook.com/agung.soeltani69/"> Agung Soeltani</a>',
'<a href="https://facebook.com/fikrioka.10/"> Fikri Oka</a>',
'<a href="https://facebook.com/profile.php?id=100030762402775"> Rhendy</a>',
'<a href="https://facebook.com/profile.php?id=100008333419194"> Narendra Wibowo</a>',
'<a href="https://facebook.com/profile.php?id=100016790144677"> Hildan Saputra</a>',
'<a href="https://facebook.com/profile.php?id=100003284440160"> Ade Ajie Pamungkas</a>',
'<a href="https://facebook.com/profile.php?id=100014019949377"> Tentra Buyung Sukarsa</a>',
'<a href="https://facebook.com/bawiir/"> Ahmad Nabawi</a>',
'<a href="https://facebook.com/profile.php?id=100003359260461"> Yuga</a>',
'<a href="https://facebook.com/profile.php?id=100008126705562"> Hilal</a>',
'<a href="https://www.facebook.com/profile.php?id=100012097777669"> Abi Zar</a>'
];
document.writeln("<ul>");
moderatorF.forEach(a => {
document.write(`<li>${a}</li>`);
});
document.write("</ul>");
</script>
</article>
<article id="instagram">
<h2 class="major"><a class="icon brands fa-instagram-f"></a> Instagram</h2>
<h3>Admin</h3>
<script>
var adminF = [
'<a href="https://facebook.com/najwaasz"> Najwa Ajrina Sabila Zain</a>',
'<a href="https://facebook.com/Daniiel.999"> Danie</a>',
'<a href="https://facebook.com/profile.php?id=100001381552713"> Panjull</a>',
'<a href="https://facebook.com/profile.php?id=100024862652184"> Yono Nugroho</a>',
'<a href="https://facebook.com/gamaliel.armando20"> Gamaliel Armando Sembiring</a>',
];
document.writeln("<ul>");
adminF.forEach(a => {
document.write(`<li>${a}</li>`);
});
document.write("</ul>");
</script>
</article>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-154875572-1%22%3E"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-154875572-1');
</script>
<!-- Footer -->
<footer id="footer">
<center class="copyright">
Contact:<a href="mailto:possans@gmail.com"><b>possans@gmail.com</b></a>
</center><br><br>
<p class="copyright">© 2023 Perkumpulan Orang Santai. Design: <a
href="https://html5up.net">HTML5UP</a>.
</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>