-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
294 lines (291 loc) · 31.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
<!DOCTYPE html>
<html data-bs-theme="light" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>LOUCA23 - LibreOffice Conf. Asia & UbuCon Asia 2023</title>
<meta name="theme-color" content="#f0fff0">
<meta name="twitter:description" content="Official website of LibreOffice Conf Asia & UbuCon Asia 7-8 October 2023 Surakarta, Indonesia.">
<meta name="description" content="Official website of LibreOffice Conf Asia & UbuCon Asia 7-8 October 2023 Surakarta, Indonesia.">
<meta property="og:image" content="../assets/img/opengraph_LOUCA23.png">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="../assets/img/opengraph_LOUCA23.png">
<meta name="twitter:title" content="LOUCA23 - LibreOffice Conf. Asia & UbuCon Asia 2023">
<link rel="icon" type="image/png" sizes="110x110" href="assets/img/favicon_LOUCA23.png">
<link rel="icon" type="image/png" sizes="110x110" href="assets/img/favicon_LOUCA23.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/louca_pwa_icon_opt.png">
<link rel="icon" type="image/webp" sizes="512x512" href="assets/img/louca23_laucher.webp">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,800&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<script class="page-counter" src="https://cdn.counter.dev/script.js" data-id="2a5b0454-daf3-49f7-9587-e026f3747a11" data-utcoffset="7"></script>
</head>
<body style="font-family: 'Work Sans', sans-serif;">
<nav class="navbar navbar-expand-lg position-fixed w-100 top-0 main-navigation navbar-light" id="navbar" style="font-family: 'Work Sans', sans-serif;max-height: 10vh;">
<div class="container"><a class="navbar-brand" href="/"><img class="img-fluid p-3" src="assets/img/LibreOffice-Conf_logo.svg" alt="LibreOffice Asia Conf Logo" style="width: 90px;margin-top: 0px;"><img class="img-fluid p-3" src="assets/img/UbuCon_Logo.svg" alt="UbuCon Asia Logo" style="width: 90px;margin-left: -28px;margin-top: 10px;"></a>
<ul class="navbar-nav">
<li class="nav-item d-none d-lg-block"><a class="nav-link" href="/" aria-label="home">Home</a></li>
<li class="nav-item d-none d-lg-block"><a class="nav-link" href="/about" aria-label="about">About</a></li>
<li class="nav-item d-none d-lg-block">
<div class="nav-item dropdown nav-link"><a class="dropdown-toggle text-decoration-none text-black-50" aria-expanded="false" data-bs-toggle="dropdown" href="#" aria-label="agenda">Info </a>
<div class="dropdown-menu dropdown-menu-end"><a class="dropdown-item text-end" href="/news">News</a><a class="dropdown-item text-end" href="/post/stories">Community Stories</a><a class="dropdown-item text-end" href="/sponsorship">Sponsorship</a><a class="dropdown-item text-end" href="/donation/ ">Donation</a><a class="dropdown-item text-end" href="/post/?title=how-to-reach-louca23">Transportation</a><a class="dropdown-item text-end" href="/travel-support">Travel Supports</a><a class="dropdown-item text-end" href="/participants">Participant Status</a></div>
</div>
</li>
<li class="nav-item d-none d-lg-block">
<div class="nav-item dropdown nav-link"><a class="dropdown-toggle text-decoration-none text-black-50" aria-expanded="false" data-bs-toggle="dropdown" href="#" aria-label="agenda">Agenda </a>
<div class="dropdown-menu dropdown-menu-end"><a class="dropdown-item text-end" href="/schedule">Schedule</a><a class="dropdown-item text-end" href="/faq">FAQ</a></div>
</div>
</li>
<li class="nav-item d-none d-lg-block"><a class="nav-link" href="#contact" aria-label="contact">Contact</a></li>
<li class="nav-item d-none d-lg-block" id="ticket-btn"><a class="nav-link py-2 px-3" aria-label="LOUCA23 Channel" href="https://t.me/louca2023">Live Update</a></li>
<li class="nav-item d-block d-lg-none"><a class="nav-link open-menu" href="#$" onclick="openMenu()" aria-label="overlay menu"><img src="assets/img/icons/open-menu.svg" alt="Menu" width="37px" height="23px" style="width: 32px;"></a></li>
</ul>
<div class="overlay ml-auto mr-auto d-flex align-items-center justify-content-center" onclick="closeMenu()">
<div class="text-center overlay-menu p-5 close-menu">
<h3 class="text-center text-light">Menu</h3>
<ul class="mt-5">
<li><a href="/" aria-label="menu">Home</a></li>
<li><a href="/about" aria-label="about">About</a></li>
<li><a href="/news" aria-label="news">News</a></li>
<li><a href="/post/stories" aria-label="news">Community Stories</a></li>
<li><a href="/schedule" aria-label="schedule">Schedule</a></li>
<li><a href="/sponsorship" aria-label="sponsorhip">Sponsorship</a></li>
<li><a href="/faq" aria-label="sponsorhip">FAQ</a></li>
<li><a href="#contact" aria-label="contact">Contact</a></li>
<li class="mb-4"><a class="py-2 px-2" style="background: var(--libre-main);color: var(--libre-light);" aria-label="ticket" href="https://louca.id/post/?title=louca-registration-is-open">Get Ticket</a></li>
<li class="mb-4"><a class="py-2 px-2" style="background: var(--ubuntu-main);color: var(--ubuntu-light);" aria-label="ticket" href="/participants">Check My Status</a></li>
<li onclick="closeMenu()"><img class="close-menu" src="assets/img/icons/close.svg" alt="close" width="24px" height="24px"></li>
</ul>
</div>
</div>
</div>
</nav>
<section>
<div class="container-fluid d-flex align-items-center" style="min-height: 100vh;">
<div class="row mx-auto" style="width: 100%;">
<div class="col-12 col-lg-6" style="text-align: center;"><img class="img-fluid py-4" data-aos="zoom-in" src="assets/img/kebobule_LOUCA_mascot-fs8.webp" alt="LOUCA23 Mascot" style="max-height: 85vh;"></div>
<div class="col text-center text-lg-start align-self-center" data-aos="fade-up">
<h1 class="fw-light"><span class="fw-bold libre-main">LibreOffice</span> Conf. Asia</h1>
<h1 class="fw-light"><span class="fw-bold text-ubuntu">UbuCon</span> Asia 2023</h1>
<p class="fs-4 fw-light">October 7—8 2023 Surakarta, Indonesia</p>
<div id="times" class="py-3">
<div class="row">
<div class="col-6 col-sm-3 col-lg-2 col-xl-2 col-xxl-2">
<h1 id="days" class="fw-light libre-blue">-</h1><span>Days</span>
</div>
<div class="col-6 col-sm-3 col-lg-2 col-xl-2 col-xxl-2">
<h1 id="hours" class="fw-light libre-blue">-</h1><span>Hours</span>
</div>
<div class="col-6 col-sm-3 col-lg-2 col-xl-2 col-xxl-2">
<h1 id="minutes" class="fw-light libre-blue">-</h1><span>Minutes</span>
</div>
<div class="col-6 col-sm-3 col-lg-2 col-xl-2 col-xxl-2">
<h1 id="seconds" class="fw-light libre-blue">-</h1><span>Seconds</span>
</div>
</div>
</div>
<div class="my-5 d-flex gap-2 justify-content-center justify-content-lg-start"><a class="btn main-button rounded-0" role="button" href="#about">Get Details</a><a class="btn main-button rounded-0" role="button" href="/post/stories">View Stories</a></div>
</div>
</div>
</div>
<div id="overlay" class="overlay-bg"></div>
</section>
<section data-aos="fade-up" id="about" style="padding-top: 10vh;">
<div class="container py-5" style="min-height: 100vh;">
<div class="row mb-5">
<div class="col-lg-12 col-xl-12">
<div class="d-flex gap-3 mb-3"><img class="img-fluid" src="assets/img/LibreOffice-Conf_logo.svg" style="width: 100px;" alt="LIbreOffice Conf. Asia Logo"><img class="img-fluid" src="assets/img/UbuCon_Logo.svg" style="width: 100px;" alt="UbuCon Asia Logo"></div>
<h1 class="ubuntu-dark">About LOUCA</h1>
<div class="div-accent"></div>
<p class="my-4">LibreOffice Conf. Asia x UbuCon Asia 2023 (LOUCA23) is an event organized by the LibreOffice ID Community and Ubuntu ID to bring together Linux and Open Source Software (OSS) activists, contributors, users, communities, and businesses in the Asian region. There are several types of activities that will be held at LOUCA23, including; (a) workshop activities, (b) keynotes, (c) parallel classes, (d) panel discussions and other activities related to LibreOffice and Ubuntu. <a href="#" data-bs-target="#underdev" data-bs-toggle="modal" aria-label="read more">Read more ...</a></p>
</div>
<div class="col-lg-6 col-xl-5 col-xxl-6 py-2"><iframe allowfullscreen="" frameborder="0" loading="lazy" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyCP4xCZYpZ2CJmRIUST0RPoEChj2oimZ9c&q=Gedung+F+FKIP+UNS+%2F+Dekanat+FKIP+UNS&zoom=15" class="mb-4" width="100%" height="400" style="height: 200px;" title="Venue Map"></iframe>
<hr class="my-1" style="width: 20%;">
<p class="fs-5 mb-1">F Building FKIP Universitas Sebelas Maret Surakarta, Indonesia</p>
<p>Jl. Insinyur Sutami No.36 A Kentingan, Jebres, Kec. Jebres, Kota Surakarta, Jawa Tengah 57126</p>
</div>
<div class="col" style="background: var(--bs-gray-100);">
<div class="p-3">
<h2 class="fs-4">LOUCA Timeline</h2>
<div>
<ol class="list-agenda">
<li class="mb-3"><span style="color: rgb(55,70,85);">Mar, 25 '23</span><span class="d-block fw-semibold agenda-active" style="color: var(--libre-blue);">Venue Approval</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Jun, 12 '23</span><span class="d-block fw-semibold agenda-active">Call for Paper & Sponsors</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Jul, 17 '23</span><span class="d-block fw-semibold agenda-active">Registration</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Jul, 31 '23</span><span class="d-block fw-semibold agenda-active">End of Call for Paper</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Sept, 15 '23</span><span class="d-block fw-semibold agenda-active">End of Call for Sponsors</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Sept, 12 '23</span><span class="d-block fw-semibold agenda-active">End of Registration</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Oct, 06 '23</span><span class="d-block fw-semibold agenda" style="color: var(--bs-gray-700);">Pre-Event (Internal Host)</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Oct, 07 '23</span><span class="d-block fw-semibold agenda" style="color: var(--bs-gray-700);">LOUCA Day 1</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Oct, 08 '23</span><span class="d-block fw-semibold agenda" style="color: var(--bs-gray-700);">Louca Day 2</span></li>
<li class="mb-3"><span style="color: rgb(55,70,85);">Oct, 09 '23</span><span class="d-block fw-semibold agenda" style="color: var(--bs-gray-700);">End of LOUCA 2023</span></li>
</ol>
</div><span style="color: var(--ubuntu-dark);">* The date still has the potential to change</span>
</div>
</div>
</div>
<div class="text-center"><a class="btn main-button rounded-0" role="button" href="/about">More Details</a></div>
</div>
</section>
<section data-aos="slide-up" id="speaker" class="pt-5">
<div class="container py-5" style="min-height: 100vh;">
<h1 class="ubuntu-dark">Keynote & Speakers</h1>
<div class="div-accent"></div>
<div class="swiper keynote">
<div id="keynote-wrapper" class="swiper-wrapper mb-3">
<div class="col text-center"><span class="spinner-border text-warning" role="status"></span>
<h3 class="text-center">Loading data ...</h3>
</div>
</div>
<div class="swiper-pagination mt-5 mx-auto"></div>
</div>
<h2 class="fs-3 text-center fw-semibold my-4">Invitation Speakers</h2>
<div class="swiper speaker-invitation">
<div id="invspeaker-wrapper" class="swiper-wrapper"></div>
<div class="d-flex justify-content-center invitation-pagination mt-5 mx-auto"></div>
</div>
<div class="row mt-3">
<div class="col-12 col-lg-7 col-xl-7 text-center text-lg-start"><span>LOUCA23's Speakers</span>
<h2 class="fw-semibold">Be a speaker at LOUCA23?</h2>
<p>Get your opportunity to be one of the speacers at the LOUCA23. Send your interesting topic proposal before the July, 30 2023.</p>
</div>
<div class="col text-center text-lg-end align-self-center"><a class="btn main-button mb-3 rounded-0" role="button" href="/post/?title=call-for-paper">Call for Paper Info</a></div>
</div>
</div>
</section>
<section data-aos="slide-up" id="news" class="pb-5" style="background: #f0f6ff;padding-top: 10vh;">
<div class="container py-5" style="min-height: 80vh;">
<div class="text-center"><span>LOUCA News</span>
<h2 class="mb-5">Recent <span class="fw-semibold">Update</span></h2>
</div>
<div>
<div class="row mb-5" id="news-wrapper">
<div class="col text-center"><span class="spinner-border text-warning" role="status"></span>
<h3 class="text-center">Loading data ...</h3>
</div>
</div>
</div>
<div class="text-center"><a class="btn main-button rounded-0" role="button" href="/news">News Archive</a></div>
</div>
</section>
<section id="sponsors" style="padding-bottom: 10vh;background: #f3f8ff;"></section>
<section data-aos="fade" style="background: var(--libre-main);padding-bottom: 10vh;">
<div class="container text-white" style="min-height: 20vh;padding-top: 10vh;">
<div class="row">
<div class="col-lg-7 col-xl-7">
<div class="text-center text-lg-start text-"><span>Contribute to LOUCA23</span>
<h2 class="fw-semibold">Join As Sponsorship Member</h2>
<p>LOUCA is a collaborative activity that anyone can contribute to, including you, your company, institution or community.</p>
</div>
</div>
<div class="col text-center text-lg-end align-self-center"><a class="btn main-button-solid border-white bg-white rounded-0" role="button" href="/sponsorship">Get Sponsorship Details</a></div>
</div>
</div>
</section>
<section data-aos="zoom-in" style="background: linear-gradient(var(--libre-light), white 15%);">
<div class="container py-5" style="min-height: 100vh;">
<div class="row mb-4">
<div class="col-12 col-lg-6 text-center text-lg-start align-self-center">
<h2 class="fw-semibold">LOUCA23 Organizer & Sponsor</h2>
<p>Thanks to all sponsor and contributor of LOUCA23.</p>
</div>
<div class="col text-center text-lg-end align-self-center">
<h3 class="fw-semibold">Organizer</h3>
<div class="d-flex justify-content-sm-center justify-content-lg-end"><a class="text-center" href="https://ptik.fkip.uns.ac.id/" aria-label="FKIP UNS"><img class="img-fluid organizer-logo m-0 m-lg-auto" src="assets/img/sponsors/organizer/logo_fkip_uns.svg" style="max-height: 200px;margin-right: -30px;" alt="FKIP UNS"></a><a class="text-center" href="https://libreoffice.id" aria-label="LibreOffice ID"><img class="img-fluid organizer-logo m-0 m-lg-auto" src="assets/img/sponsors/organizer/logo_libreoffice.svg" style="max-height: 200px;margin-right: -30px;" alt="LibreOffice ID"></a><a class="text-center" href="https://ubuntu-id.org/" aria-label="Ubuntu ID"><img class="img-fluid organizer-logo m-0 m-lg-auto" src="assets/img/sponsors/organizer/logo_ubuntu_id.svg" style="max-height: 200px;margin-right: -30px;" alt="Ubuntu Indonesia"></a><a class="text-center" href="https://www.instagram.com/p/B6XV6NLHV1-/" aria-label="Paguyuban Linux Solo"><img class="img-fluid organizer-logo m-0 m-lg-auto" src="assets/img/sponsors/organizer/logo_plis.svg" style="max-height: 200px;margin-right: -30px;" alt="Paguyuban Linux Solo"></a></div>
</div>
</div>
<div class="mb-4">
<h3 class="text-center mb-3 fw-semibold">Platinum Sponsors </h3>
<div class="d-flex justify-content-center gap-3"><a class="text-center" href="https://www.libreoffice.org/" aria-label="LibreOffice - Platinum Sponsor"><img class="img-fluid sponsor-platinum" src="assets/img/sponsors/louca_libreoffice_id.webp" alt="platinum sponsor"></a><a class="text-center" href="https://ubuntu.com/" aria-label="sponsor sites"><img class="img-fluid sponsor-platinum" src="assets/img/sponsors/canonical_ubuntu.png" alt="platinum sponsor"></a></div>
</div>
<div class="mb-4">
<h3 class="text-center mb-3 fw-semibold">Silver Sponsors </h3>
<div class="d-flex justify-content-center gap-3 flex-wrap"><a class="text-center sponsor" href="https://www.onlyoffice.com" aria-label="onlyoffice"><img class="img-fluid sponsor-silver" src="assets/img/sponsors/louca_onlyoffice.png" alt="Silver Sponsor"></a></div>
</div>
<div class="mb-4">
<h3 class="text-center mb-3 fw-semibold">Bronze Sponsors </h3>
<div class="d-flex justify-content-center gap-3 flex-wrap"><a class="text-center sponsor" href="http://indobsd.id" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca23_indobsd.webp" alt="IndoBSD"></a><a class="text-center sponsor" href="https://idnic.net" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca_IDNIC.png" alt="IDNIC"></a><a class="text-center sponsor" href="https://www.facebook.com/kopi.toedjoeh.3" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca_kopi_toedjoeh.webp" alt="Kopi Toedjoeh"></a><a class="text-center sponsor" href="https://nevacloud.com/" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca_nevacloud.png" alt="Nevacloud / Domainesia"></a><a class="text-center sponsor" href="https://www.biznetgio.com/" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca_biznet.png" alt="Biznet Gio Cloud"></a><a class="text-center sponsor" href="https://ubuntu-kr.org/" aria-label="sponsor sites"><img class="img-fluid sponsor-bronze" src="assets/img/sponsors/louca_ubuntukr.png" alt="Ubuntu Korea"></a></div>
</div>
<div class="mb-4">
<h3 class="text-center mb-3 fw-semibold">Partners</h3>
<div class="d-flex justify-content-center gap-3 flex-wrap"><a class="text-center sponsor" href="https://gimpscape.org" aria-label="sponsor sites"><img class="img-fluid sponsor-partners" src="assets/img/sponsors/partners/louca_gimpscape_id.svg" alt="Gimpscape ID"></a><a class="text-center sponsor" href="https://nenggalakreatif.co.id" aria-label="sponsor sites"><img class="img-fluid sponsor-partners" src="assets/img/sponsors/partners/louca_nenggala_kreatif.svg" alt="Nenggala Kreatif ID"></a><a class="text-center sponsor" href="https://www.openinfra.id/" aria-label="sponsor sites"><img class="img-fluid sponsor-partners mt-2" src="assets/img/sponsors/partners/louca_openinfra.webp" alt="OpenInfra ID"></a><a class="text-center sponsor" href="#" aria-label="sponsor sites"><img class="img-fluid sponsor-partners mt-2" src="assets/img/sponsors/partners/LOUCA_PLIS.png" alt="PLIS"></a><a class="text-center sponsor" href="https://klas.or.id" aria-label="sponsor sites"><img class="img-fluid sponsor-partners mt-2" src="assets/img/sponsors/partners/LOUCA_KLAS.png" alt="KLAS"></a></div>
</div>
</div>
</section>
<section data-aos="zoom-in-up" id="contact" style="background: linear-gradient(var(--libre-light), white 25%), #ffffff;padding-top: 13vh;">
<div class="container" style="min-height: 100vh;">
<div class="row mb-4">
<div class="col-12 col-lg-6 text-center text-lg-start align-self-center"><span>Reach Us</span>
<h2 class="fw-semibold">Contact Organizer</h2>
<p>Have questions or suggestions about LOUCA23, send your questions or ideas to the organizers.</p>
</div>
<div class="col text-center text-lg-end align-self-center"><span>Find Our Socials</span>
<div class="d-flex justify-content-center justify-content-lg-end gap-3"><a class="text-center social-logo" href="https://instagram.com/louca23_" aria-label="instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path 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"></path>
</svg></a><a class="text-center social-logo" href="https://wa.me/6281229107693/?text=Halo%20kak%2C%20saya%20ada%20pertanyaan%20terkait%20LOUCA23%20...%0ASaya%20...%20dari%20...." aria-label="whatsapp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path>
</svg></a><a class="text-center social-logo" href="https://t.me/louca2023" aria-label="telegram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"></path>
</svg></a><a class="text-center social-logo" href="mailto:[email protected]" aria-label="LOUCA email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M493.6 163c-24.88-19.62-45.5-35.37-164.3-121.6C312.7 29.21 279.7 0 256.4 0H255.6C232.3 0 199.3 29.21 182.6 41.38C63.88 127.6 43.25 143.4 18.38 163C6.75 172 0 186 0 200.8v247.2C0 483.3 28.65 512 64 512h384c35.35 0 64-28.67 64-64.01V200.8C512 186 505.3 172 493.6 163zM464 448c0 8.822-7.178 16-16 16H64c-8.822 0-16-7.178-16-16V276.7l136.1 113.4C204.3 406.8 229.8 416 256 416s51.75-9.211 71.97-26.01L464 276.7V448zM464 214.2l-166.8 138.1c-23.19 19.28-59.34 19.27-82.47 .0156L48 214.2l.1055-13.48c23.24-18.33 42.25-32.97 162.9-120.6c3.082-2.254 6.674-5.027 10.63-8.094C229.4 65.99 246.7 52.59 256 48.62c9.312 3.973 26.62 17.37 34.41 23.41c3.959 3.066 7.553 5.84 10.76 8.186C421.6 167.7 440.7 182.4 464 200.8V214.2z"></path>
</svg></a></div>
</div>
</div>
<form class="mx-auto" style="max-width: 720px;" data-bss-recipient="e27089cc8ecdb7e0ed8306d0ee86451e" data-bss-subject="LOUCA23 Website" data-bss-redirect-url="/">
<h3 class="fw-semibold mb-5">Contact Form</h3>
<div class="row mb-5">
<div class="col-lg-6 col-xl-6 mb-3 position-relative" style="height: 74px;"><input class="form-control rounded-0" type="text" placeholder="asa" required="" name="Nama"><label class="form-label" for="Nama">Name *</label></div>
<div class="col-lg-6 col-xl-6 mb-3 position-relative" style="height: 74px;"><input class="form-control rounded-0" type="text" placeholder="organization" required="" name="Instansi"><label class="form-label">Organization/Instance *</label></div>
<div class="col mb-3 position-relative" style="height: 74px;"><input class="form-control rounded-0" type="tel" placeholder="phone" name="No. Hp"><label class="form-label" for="No. Hp">Phone (Optional)</label></div>
<div class="col mb-3 position-relative" style="height: 74px;"><input class="form-control rounded-0" type="email" placeholder="your mail" required="" name="Email"><label class="form-label" for="Email">Email *</label></div>
<div class="col-xl-12 mb-3 position-relative" style="height: 74px;"><textarea class="form-control rounded-0" rows="3" placeholder="message" required="" minlength="10" name="Pesan"></textarea><label class="form-label" for="Pesan">Message *</label></div>
</div><button class="btn main-button rounded-0 w-100 send-btn" type="submit" style="border-color: var(--ubuntu-main);">Send Message</button>
</form>
</div>
</section>
<footer style="background: #c53200;">
<div class="container py-5 text-white">
<p class="text-center m-0 fw-semibold">LibreOffice Conf. Asia & UbuCon Asia 2023</p>
</div>
</footer>
<div class="modal fade" role="dialog" tabindex="-1" id="underdev">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title fw-semibold">Sorry :"(</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>The page or link you are looking for seems to be still under development. Yes, our developers are still working to make this event perfect. Sorry for the inconvenience, please try again later.</p>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button></div>
</div>
</div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="notopen">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title fw-semibold">Sorry :"(</h4><button class="btn-close" type="button" aria-label="Close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>Ticket Registration Not Yet Opened. We will announce it soon later.</p>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button></div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
<script src="assets/js/script.min.js"></script>
<script src="assets/js/scripts.min.js"></script>
</body>
</html>