Temui Narasumber kami
dan puluhan Narasumber keren lainnya
Kenapa harus datang ke Schoters Study And Work Abroad Festival?
Wujudkan impian belajar & bekerja di luar negeri
Bergabunglah dalam Study and Work Abroad Festival (SWF) dari Schoters, festival studi dan karir di luar negeri terbesar di Indonesia. Acara ini menghadirkan kombinasi menarik dari
sharing session pengalaman inspiratif dan puluhan booth fair yang diisi oleh perwakilan universitas dan mitra kerja terkemuka dari berbagai negara. Temukan informasi dan relasi
global yang dapat membuka langkah awalmu menuju masa depan gemilang di kancah internasional.
Seminar
Dapatkan insight baru dan bermanfaat mengenai kuliah dan kerja di luar negeri. Alumni kampus ternama dan berbagai pembicara berpengalaman siap membagikan ilmunya untukmu.
Booth Exhibition
Puluhan booth fair yang diisi oleh perwakilan universitas terkemuka dan mitra kerja dari berbagai negara. Temukan peluang tak terbatas untuk mengembangkan diri dan meraih sukses
internasional.
Detail Acara SWF Schoters
13 - 21 Juli 2024 |
puluhan kota di seluruh Indonesia
Yuk gabung, kuota terbatas!
Apa saja yang bisa kamu dapatkan dalam SWF Schoters?
Pembahasan 400+ Beasiswa S1, S2, S3 Fully Funded
Tips and Trick Jitu Lolos Beasiswa Luar Negeri
Konsultasi Persiapan Study Abroad & Work Abroad
Kupas Tuntas Masuk Top Global: Harvard, StanFord,etc.
Kupas Tuntas Lolos Tokutei Ginou, G2G, Ausbildung
List Beasiswa Yang Dapat Kamu Daftar
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<title>Schoters Study and Work Abroad Festival 2024</title>
<meta property="og:title" content="Schoters Study and Work Abroad Festival 2024" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&family=Nunito:wght@100;200;300;400;500;600;700&family=Source+Sans+Pro:wght@100;200;300;400;500;600;700&display=swap');
body,
html {
height: 100% !important;
margin: 0;
min-height: 100% !important;
scroll-behavior: smooth;
}
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0 !important;
font-family: 'Inter';
}
a {
cursor: pointer !important;
}
a:hover,
button:hover {
filter: brightness(98%);
}
.slick-disabled {
opacity: 0.5 !important;
}
.slick-arrow:before {
content: none !important;
}
.slick-arrow {
display: flex !important;
background-size: 100% 100% !important;
border-radius: 50% !important;
box-shadow: 0 12px 16px rgba(26, 29, 34, 0.12);
cursor: pointer !important;
height: 44px !important;
width: 44px !important;
z-index: 1 !important;
top: 100% !important;
}
.slick-prev {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c99d671c-12a9-44ea-ae09-e8a4b233ac2d.svg) !important;
left: 92% !important;
margin-top: 16px !important;
}
.slick-next {
background-image: url(https://cdn-web-2.ruangguru.com/file-uploader/lp/c2f137c4-6388-43d0-b6c1-920585b36f3b.svg) !important;
right: 0px !important;
margin-top: 16px !important;
}
.slick-dots {
display: flex !important;
position: relative !important;
padding-top: 16px;
padding-bottom: 16px;
}
.slick-dots li button:before {
color: #e8ecf4 !important;
font-size: 8px !important;
opacity: 1 !important;
}
.slick-dots li.slick-active button:before {
color: #20a4b0 !important;
font-size: 12px !important;
}
.container {
max-width: 1280px;
margin: 0 auto;
}
.container-speakers {
background-color: #1c2142;
}
.container-study {
background-color: #f2f5fa;
}
.container-activities {
background: #cce4f9;
}
.container-scholarship {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/10845c52-0ebe-4d97-aef1-4b6435f0a400.png);
background-size: cover;
background-position: bottom;
}
.container-partnerships {
background-color: #cce4f9;
}
.event-places-carousel {
padding-top: 12px;
padding-bottom: 12px;
gap: 10px;
background: #fcc41b;
}
.event-places-carousel-item {
display: flex !important;
align-items: center;
justify-content: center;
gap: 12px;
padding-left: 12px;
}
.event-places-text {
color: #2c313a;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.icon-substract {
width: 16px;
height: 16px;
background-size: contain;
}
.hero {
display: flex;
justify-content: center;
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/a4a39c73-0acf-42ef-88a1-d05c21f81930.png);
background-size: cover;
background-position: bottom;
padding-top: 64px;
padding-bottom: 64px;
}
.hero-content-container {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
align-items: center;
width: min-content;
gap: 12px;
}
.hero-swaf-image {
width: 676px;
}
.v-stack {
display: flex;
flex-direction: column;
}
.h-stack {
display: flex;
flex-direction: row;
}
.v-stack-center {
display: flex;
flex-direction: column;
align-items: center;
}
.text-date-hero {
font-size: 36px;
font-weight: 700;
color: #fcc41b;
font-family: Inter;
}
.text-city-hero {
color: white;
text-align: center;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.hero-cta-container {
display: flex;
flex-direction: row;
gap: 24px;
width: 100%;
}
.cta {
display: flex;
width: 100%;
height: 52px;
padding: 0px 16px;
justify-content: center;
align-items: center;
border-radius: 9999px;
cursor: pointer;
}
.hero-left-cta {
border: 1px solid var(--prop-action-secondary-secondary-default-border, #cfd3db);
background: white;
}
.hero-left-cta-text {
color: var(--color-text-text-ink, #2c313a);
}
.hero-right-cta {
border: 1px solid #f26d0f;
background: #f26d0f;
}
.hero-right-cta-text {
color: var(--color-text-text-invert, #fff);
}
.cta-text {
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
}
.section-title {
color: var(--color-text-text-ink, #2c313a);
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
}
.section-title-white {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
}
.speakers-section-container {
background-color: #1c2142;
padding: 32px 64px;
gap: 24px;
}
.speakers-additional-text {
color: var(--prop-pallete-solid-solid-yellow, #fcc41b);
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.speakers-item-container {
display: flex !important;
width: 224px;
height: 332px;
padding: 12px;
flex-direction: column;
align-items: center;
gap: 16px;
border-radius: var(--size-radius-rad-lg, 12px);
background: var(--saturated-koamaru-90, #272c52);
margin-right: 18px;
}
.speakers-item-image {
width: 220px;
height: 239px;
}
.speakers-item-text-container {
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
}
.speakers-text-title {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.speakers-text-subtitle {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.study-section-container {
background-color: #f2f5fa;
padding: 64px;
gap: 24px;
}
.study-card-container {
display: flex;
flex-direction: row;
gap: 24px;
padding: 24px;
background-color: white;
border-radius: 16px;
align-items: center;
}
.study-image-thumbnail {
height: 201px;
background-size: contain;
}
.study-flex-container {
display: flex;
flex-direction: column;
gap: 24px;
}
.study-text-title {
color: #2c313a;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
}
.study-text-content {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.study-cta-container {
display: flex;
justify-content: center;
}
.study-cta-grid-container {
display: flex;
flex-direction: row;
gap: 24px;
}
.study-grid-card-container {
display: flex;
flex-direction: row;
flex: 1;
gap: 24px;
padding: 24px;
background-color: white;
border-radius: 16px;
}
.study-grid-card-thumbnail {
background-size: contain;
aspect-ratio: 1/1;
max-width: 200px;
}
.study-grid-card-title {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.study-grid-card-content {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.study-grid-text-container {
display: flex;
flex-direction: column;
gap: 12px;
}
.cities-section-container {
padding: 64px;
background: #fff;
}
.cities-carousel-container {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/68c74461-be06-4b34-b949-b71560e66180.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
padding: 24px;
gap: 24px;
border-radius: var(--size-radius-rad-lg, 12px);
}
.cities-section-title {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
.cities-section-subtitle {
color: white;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: 0.18px;
}
.cities-section-bold-subtitle {
color: white;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.cities-group-carousel {
width: 100%;
}
.cities-carousel {
width: 100%;
}
.cities-carousel.left-align .cities-item-container {
width: auto !important;
align-self: flex-start !important;
}
.cities-group-item-container {
display: flex;
height: 36px;
padding: 8px 12px;
justify-content: center;
align-items: center;
border-radius: 9999px;
border: 1px solid #dadfea;
background: white;
margin-right: 12px;
cursor: pointer;
}
.cities-group-item-selected {
border: 1px solid #2196f3;
background: #20a4b0;
}
.cities-group-text {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
}
.cities-group-text-selected {
color: white;
}
.cities-item-container {
display: flex !important;
flex-direction: row;
width: auto !important;
min-width: 350px;
padding: 16px;
gap: 16px;
border-radius: 24px;
background: #272c52;
box-shadow: 4px 4px 0px 0px #fcc41b;
margin-bottom: 16px;
margin-right: 22px;
}
.cities-item-date-container {
display: flex;
flex-direction: column;
align-items: center;
}
.cities-item-day {
display: flex;
height: 28px;
padding: 4px 12px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: 9999px;
background: var(--prop-pallete-solid-solid-indigo, #6073e2);
position: absolute;
}
.cities-item-day-text {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 22px;
}
.cities-item-date {
display: flex;
width: 86px;
padding: 20px 12px 12px 12px;
flex-direction: column;
align-items: center;
gap: 4px;
border-radius: 16px;
background: var(--prop-pallete-solid-solid-yellow, #fcc41b);
margin-top: 16px;
}
.cities-item-date-text {
color: var(--color-text-text-ink, #2c313a);
text-align: center;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 38px;
}
.cities-item-month-text {
color: var(--color-text-text-ink, #2c313a);
text-align: center;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}
.cities-item-text-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.cities-text-city {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.cities-text-hours {
color: var(--prop-pallete-solid-solid-seagreen, #20a4b0);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.cities-text-place {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 18px;
}
.cities-text-address {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
max-width: 225px;
}
.cities-register-container {
width: -webkit-fill-available;
display: flex;
gap: 24px;
padding: 16px;
justify-content: center;
align-items: center;
border-radius: 12px;
background: #272c52;
}
.cities-register-thumbnail {
width: 143px;
height: 60px;
}
.cities-register-text {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px;
}
.activities-carousel {
width: 100%;
}
.activities-section-container {
display: flex;
flex-direction: column;
align-items: center;
padding: 64px;
gap: 24px;
background: #cce4f9;
}
.activities-item-container {
width: 320px;
height: 456px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
border-radius: 16px;
background: white;
margin-right: 16px;
}
.activities-item-image {
width: 100%;
height: 384px;
border-top-right-radius: 16px;
}
.activities-text-container {
display: flex;
padding: 16px 14px;
}
.activities-text-title {
color: #2c313a;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
}
.partnerships-section-container {
align-items: center;
background-color: #cce4f9;
padding: 64px 152px;
gap: 32px;
}
.sponsorship-circle-background {
position: absolute;
margin-top: -64px;
z-index: 1;
}
.sponsorship-list-container {
align-items: center;
gap: 16px;
z-index: 2;
}
.sponsorship-list {
flex-wrap: wrap;
gap: 24px;
justify-content: center;
}
.sponsorship-item {
display: flex;
width: 176px;
height: 164px;
padding: 8px;
align-items: center;
justify-content: center;
border-radius: var(--size-radius-rad-2xl, 24px);
background: var(--color-background-bgsolid-bgsolid-invert, #fff);
box-shadow: 0px 12px 16px 0px rgba(129, 134, 142, 0.12);
}
.sponsorship-image {
background-size: contain;
width: min-content;
height: min-content;
}
.sponsorship-section-subtitle {
color: var(--color-text-text-ink, #2c313a);
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.scholarship-section-container {
padding: 64px;
gap: 24px;
}
.scholarship-list-item {
display: flex;
padding: 16px;
align-items: center;
gap: 10px;
align-self: stretch;
border-radius: 4px;
background: var(--saturated-koamaru-90, #272c52);
}
.scholarship-list-container {
display: flex;
flex-direction: row;
justify-content: center;
gap: 16px;
}
.scholarship-list-item-container {
gap: 16px;
width: 100%;
max-width: 421px;
}
.icon-checklist {
width: 24px;
height: 24px;
}
.scholarship-item-text {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
}
.cta-daftar {
width: 316px;
border: 1px solid #f26d0f;
background: #f26d0f;
}
.link-text {
text-decoration: none;
}
.link-text-full {
width: 100%;
text-decoration: none;
}
.cta-daftar-text {
color: var(--color-text-text-invert, #fff);
}
.footer {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/c3507338-48ac-4625-afaf-d05ecfe07df0.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
padding: 86px 0px 24px 0px;
align-items: center;
gap: 12px;
}
.footer-title {
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.footer-social-container {
gap: 19px;
flex-wrap: wrap;
justify-content: center;
}
.footer-social-item {
gap: 4px;
align-items: center;
}
.footer-social-item-image {
width: 36px;
height: 36px;
}
.footer-social-item-text {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
@media (max-width: 1300px) {
.slick-prev {
left: 89% !important;
}
}
@media (max-width: 1296px) {
.slick-prev {
left: 91% !important;
}
}
@media (max-width: 1120px) {
.slick-prev {
left: 89% !important;
}
}
@media (max-width: 920px) {
.slick-prev {
left: 86% !important;
}
}
@media (max-width: 920px) {
.slick-dots {
justify-content: center !important;
}
.slick-prev {
left: 0px !important;
}
.container-scholarship {
background-image: none;
}
.event-places-text {
font-size: 12px;
line-height: 18px;
}
.hero {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/45df4ed3-0a0b-46f2-b75b-475a3863dd4d.png);
background-size: cover;
background-repeat: no-repeat;
padding: 24px 16px;
}
.hero-content-container {
width: 100%;
}
.hero-swaf-image {
width: 100%;
}
.text-date-hero {
text-align: center;
font-size: 20px;
font-style: normal;
line-height: 26px;
}
.text-city-hero {
text-align: center;
font-size: 16px;
font-style: normal;
}
.hero-cta-container {
gap: 12px;
}
.cta-text {
font-size: 14px;
}
.section-title {
font-size: 18px;
}
.section-title-white {
font-size: 18px;
}
.speakers-section-container {
padding: 24px 12px;
gap: 16px;
}
.speakers-additional-text {
font-size: 14px;
line-height: 18px;
}
.study-section-container {
padding: 24px 16px;
}
.study-image-thumbnail {
width: 100%;
height: auto;
background-size: contain;
}
.study-cta-container {
width: 100%;
height: auto;
margin-top: 8px;
}
.cta-daftar {
width: 100%;
}
.link-text {
width: 100%;
}
.study-card-container {
flex-direction: column;
padding: 12px;
gap: 12px;
}
.study-image-thumbnail {
aspect-ratio: auto 2.39/1;
}
.study-text-title {
font-size: 18px;
line-height: 28px;
}
.study-text-content {
font-size: 14px;
line-height: 22px;
}
.study-cta-grid-container {
flex-direction: column;
}
.study-grid-card-container {
flex-direction: column;
gap: 12px;
padding: 12px;
}
.study-grid-card-thumbnail {
width: 100%;
max-width: none;
align-self: center;
}
.study-grid-card-title {
font-size: 18px;
line-height: 22px;
}
.study-grid-card-content {
font-size: 14px;
line-height: 22px;
}
.cities-section-container {
padding: 24px 16px;
}
.cities-carousel-container {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/05ae03fd-9192-49ed-9f6f-600d242b6892.png);
padding: 24px 12px;
gap: 16px;
}
.cities-section-title {
font-size: 20px;
line-height: 30px;
}
.cities-section-subtitle {
display: none;
}
.cities-section-bold-subtitle {
display: none;
}
.cities-item-container {
min-width: min-content;
}
.cities-group-item-container {
height: 28px;
padding: 4px 12px;
gap: 4px;
}
.cities-group-text {
font-size: 12px;
line-height: 18px;
}
.cities-register-container {
flex-direction: column;
gap: 8px;
margin-left: 12px;
margin-right: 12px;
margin-top: 24px;
}
.cities-register-thumbnail {
width: 100%;
height: auto;
aspect-ratio: auto 2.39/1;
}
.activities-section-container {
padding: 24px 16px;
}
.activities-item-container {
width: 280px;
height: 400px;
gap: 16px;
margin-right: 16px;
}
.activities-item-image {
width: 100%;
height: 336px;
border-top-right-radius: 16px;
}
.activities-text-container {
display: flex;
padding: 16px 12px;
}
.activities-text-title {
font-family: Inter;
font-size: 16px;
line-height: 24px;
}
.sponsorship-circle-background {
display: none;
}
.partnerships-section-container {
align-items: center;
background-color: #cce4f9;
padding: 24px 16px;
gap: 24px;
}
.sponsorship-list {
gap: 12px;
}
.sponsorship-item {
width: 100px;
height: 100px;
border-radius: 20px;
padding: 16px;
background: var(--color-background-bgsolid-bgsolid-invert, #fff);
box-shadow: 0px 10.636px 14.182px 0px rgba(129, 134, 142, 0.12);
}
.sponsorship-image {
background-size: contain;
width: 100%;
height: min-content;
}
.scholarship-section-container {
display: flex;
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/fbe2c8da-4587-4238-b331-3990b87a5151.png);
background-size: cover;
background-position: bottom;
padding: 24px 16px 140px 16px;
gap: 24px;
}
.scholarship-list-container {
flex-direction: column !important;
}
.scholarship-list-item-container {
gap: 16px;
max-width: none;
}
.scholarship-item-text {
font-size: 14px;
line-height: 22px;
}
.footer {
background-image: url(https://cdn-web-2.ruangguru.com/landing-pages/assets/09adf132-5fed-4581-814a-383962625740.png);
height: 182px;
padding: 16px;
}
.footer-title {
font-size: 14px;
line-height: 22px;
}
.footer-social-container {
gap: 12px;
padding-left: 18px;
padding-right: 18px;
}
.footer-social-item {
gap: 4px;
align-items: center;
}
.footer-social-item-image {
width: 24px;
height: 24px;
}
.footer-social-item-text {
font-size: 14px;
line-height: 22px;
}
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/swaf24/assets/index-BVPxfVML.js"></script>
</head>
<body>
<div id="root">
<div id="header" class="header">
<div class="event-places-carousel"></div>
<div class="hero">
<div class="hero-content-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/804abbfa-368d-40d9-b6da-0cd2471bef1b.png" alt="Schoters Logo" loading="lazy" width="215px" />
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bab400cf-df04-4bdd-b699-5f5a1ed9b90e.png" alt="SWAF Logo" loading="lazy" class="hero-swaf-image" />
<div class="v-stack-center">
<span class="text-date-hero">13 - 21 Juli 2024</span>
<span class="text-city-hero">di puluhan kota di seluruh Indonesia</span>
</div>
<div class="hero-cta-container">
<a class="cta hero-left-cta link-text" href="#date-and-place">
<span class="cta-text hero-left-cta-text">Lihat Jadwal Event</span>
</a>
<a target="_blank" href="https://www.jotform.com/form/241553774233457?channel=lpswaf&subchannel1=hero&source=swaf24" class="link-text-full">
<button class="cta hero-right-cta">
<span class="cta-text hero-right-cta-text">Daftar Sekarang</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div id="content">
<div class="container-speakers">
<div class="container v-stack speakers-section-container">
<h2 class="section-title-white">Temui Narasumber kami</h2>
<div class="speakers-carousel"></div>
<h2 class="speakers-additional-text">dan puluhan Narasumber keren lainnya</h2>
<div class="study-cta-container">
<a target="_blank" href="https://www.jotform.com/form/241553774233457?channel=lpswaf&subchannel1=speaker&source=swaf24" class="link-text">
<button class="cta cta-daftar">
<span class="cta-text cta-daftar-text">Daftar Sekarang</span>
</button>
</a>
</div>
</div>
</div>
<div class="container-study">
<div class="container v-stack study-section-container">
<h2 class="section-title">Kenapa harus datang ke Schoters Study And Work Abroad Festival?</h2>
<div class="study-card-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bab400cf-df04-4bdd-b699-5f5a1ed9b90e.png" alt="SWAF Logo" loading="lazy" class="study-image-thumbnail" />
<div class="study-flex-container">
<span class="study-text-title">Wujudkan impian belajar & bekerja di luar negeri</span>
<p class="study-text-content">
Bergabunglah dalam Study and Work Abroad Festival (SWF) dari Schoters, festival studi dan karir di luar negeri terbesar di Indonesia. Acara ini menghadirkan kombinasi menarik dari
sharing session pengalaman inspiratif dan puluhan booth fair yang diisi oleh perwakilan universitas dan mitra kerja terkemuka dari berbagai negara. Temukan informasi dan relasi
global yang dapat membuka langkah awalmu menuju masa depan gemilang di kancah internasional.
</p>
</div>
</div>
<div class="study-cta-grid-container">
<div class="study-grid-card-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/634fac72-0500-449b-a2a8-a8875b4e5b60.png" alt="Seminar Logo" loading="lazy" class="study-grid-card-thumbnail" />
<div class="study-grid-text-container">
<span class="study-grid-card-title">Seminar</span>
<p class="study-grid-card-content">
Dapatkan insight baru dan bermanfaat mengenai kuliah dan kerja di luar negeri. Alumni kampus ternama dan berbagai pembicara berpengalaman siap membagikan ilmunya untukmu.
</p>
</div>
</div>
<div class="study-grid-card-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/75330065-a7cb-43ce-876e-69599b8aa6ed.png" alt="Booth Logo" loading="lazy" class="study-grid-card-thumbnail" />
<div class="study-grid-text-container">
<span class="study-grid-card-title">Booth Exhibition</span>
<p class="study-grid-card-content">
Puluhan booth fair yang diisi oleh perwakilan universitas terkemuka dan mitra kerja dari berbagai negara. Temukan peluang tak terbatas untuk mengembangkan diri dan meraih sukses
internasional.
</p>
</div>
</div>
</div>
<div class="study-cta-container">
<a target="_blank" href="https://www.jotform.com/form/241553774233457?channel=lpswaf&subchannel1=about&source=swaf24" class="link-text">
<button class="cta cta-daftar">
<span class="cta-text cta-daftar-text">Daftar Sekarang</span>
</button>
</a>
</div>
</div>
</div>
<div id="date-and-place" class="container v-stack cities-section-container">
<div class="cities-carousel-container">
<div class="v-stack">
<h2 class="cities-section-title">Detail Acara SWF Schoters</h2>
<h3 class="cities-section-bold-subtitle">
13 - 21 Juli 2024 |
<span class="cities-section-subtitle">puluhan kota di seluruh Indonesia</span>
</h3>
</div>
<div class="cities-group-carousel"></div>
<div class="cities-carousel"></div>
<div class="h-stack cities-register-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/bab400cf-df04-4bdd-b699-5f5a1ed9b90e.png" alt="SWAF Logo" loading="lazy" class="cities-register-thumbnail" />
<h3 class="cities-register-text">Yuk gabung, kuota terbatas!</h3>
<div class="study-cta-container">
<a target="_blank" href="https://www.jotform.com/form/241553774233457?channel=lpswaf&subchannel1=places&source=swaf24" class="link-text">
<button class="cta cta-daftar">
<span class="cta-text cta-daftar-text">Daftar Sekarang</span>
</button>
</a>
</div>
</div>
</div>
</div>
<div class="container-activities">
<div class="container v-stack activities-section-container">
<h2 class="section-title">Apa saja yang bisa kamu dapatkan dalam SWF Schoters?</h2>
<div class="activities-carousel">
<div class="activities-item-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/6c57f3d1-5353-418a-9279-b1988bb50b2e.png" loading="lazy" class="activities-item-image" />
<div class="activities-text-container">
<span class="activities-text-title">Pembahasan 400+ Beasiswa S1, S2, S3 Fully Funded</span>
</div>
</div>
<div class="activities-item-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/1ec3943d-4ab7-4ace-9b9d-e9eb705eff73.png" loading="lazy" class="activities-item-image" />
<div class="activities-text-container">
<span class="activities-text-title">Tips and Trick Jitu Lolos Beasiswa Luar Negeri</span>
</div>
</div>
<div class="activities-item-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d79117e7-0c35-425d-b59f-a6eab6dadc46.png" loading="lazy" class="activities-item-image" />
<div class="activities-text-container">
<span class="activities-text-title">Konsultasi Persiapan Study Abroad & Work Abroad</span>
</div>
</div>
<div class="activities-item-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/067c5f4d-8922-4b1a-a9af-4ea691920a06.png" loading="lazy" class="activities-item-image" />
<div class="activities-text-container">
<span class="activities-text-title">Kupas Tuntas Masuk Top Global: Harvard, StanFord,etc.</span>
</div>
</div>
<div class="activities-item-container">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/00e75c30-496c-4a62-abba-642cdcd94c1b.png" loading="lazy" class="activities-item-image" />
<div class="activities-text-container">
<span class="activities-text-title">Kupas Tuntas Lolos Tokutei Ginou, G2G, Ausbildung</span>
</div>
</div>
</div>
</div>
</div>
<div class="container-scholarship">
<div class="container v-stack scholarship-section-container">
<h2 class="section-title-white">List Beasiswa Yang Dapat Kamu Daftar</h2>
<div class="scholarship-list-container">
<div id="scholarships-left-node" class="v-stack scholarship-list-item-container"></div>
<div id="scholarships-right-node" class="v-stack scholarship-list-item-container"></div>
</div>
<div class="study-cta-container">
<a target="_blank" href="https://www.jotform.com/form/241553774233457?channel=lpswaf&subchannel1=scholarship&source=swaf24" class="link-text">
<button class="cta cta-daftar">
<span class="cta-text cta-daftar-text">Daftar Sekarang</span>
</button>
</a>
</div>
</div>
</div>
<div class="container-partnerships">
<div class="container v-stack partnerships-section-container">
<div class="sponsorship-circle-background">
<img src="https://roboguru-forum-cdn.ruangguru.com/image/02714db9-f2e8-4943-a64a-b0bcb5d0dafd.png" alt="Circle Background" loading="lazy" />
</div>
<div class="v-stack sponsorship-list-container">
<span class="sponsorship-section-subtitle">In partnership with:</span>
<div id="partnership-list" class="h-stack sponsorship-list"></div>
</div>
<div class="v-stack sponsorship-list-container">
<span class="sponsorship-section-subtitle">Media partners:</span>
<div id="media-partners-list" class="h-stack sponsorship-list"></div>
</div>
</div>
</div>
</div>
<div id="footer" class="footer v-stack">
<h3 class="footer-title">FOLLOW US:</h3>
<div class="h-stack footer-social-container">
<div class="h-stack footer-social-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9a641bef-054c-4169-a7d8-5ee7c7c5e15d.png" alt="Instagram Logo" loading="lazy" class="footer-social-item-image" />
<span class="footer-social-item-text">@schoters</span>
</div>
<div class="h-stack footer-social-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/9a641bef-054c-4169-a7d8-5ee7c7c5e15d.png" alt="Instagram Logo" loading="lazy" class="footer-social-item-image" />
<span class="footer-social-item-text">@workabroadacademy</span>
</div>
<div class="h-stack footer-social-item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/d6416d2e-3d75-436d-8329-8b6712274b43.png" alt="Tiktok Logo" loading="lazy" class="footer-social-item-image" />
<span class="footer-social-item-text">@schoters</span>
</div>
</div>
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
const options = {
method: 'GET',
headers: {
'xc-token': 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
// Running Text Section
const eventPlacesNocoUrl = `https://nocodb.sirogu.com/api/v1/db/data/v1/p_ddgy8hjx5dxsqx/swaf_event_places?limit=25&shuffle=0&offset=0`;
const eventPlacesElement = $('.event-places-carousel');
fetch(eventPlacesNocoUrl, options)
.then(response => response.json())
.then(response => {
const eventPlaces = response.list.forEach(val => {
eventPlacesElement.append(`
<div class="event-places-carousel-item">
<span class="event-places-text">${val.name}</span>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/27289a10-c9ec-4a44-91b0-118a39d9c4d8.png"
alt="Substract Icon"
loading="lazy"
class="icon-substract"
/>
</div>
`);
});
})
.catch(err => console.log(err))
.finally(() => {
$('.event-places-carousel').slick({
slidesToShow: 6,
slidesToScroll: 1,
arrows: false,
variableWidth: true,
autoplay: true,
cssEase: 'linear',
speed: 4000,
autoplaySpeed: 10,
});
});
// Supported By Section
const partnershipsNocoUrl = `https://nocodb.sirogu.com/api/v1/db/data/v1/p_ddgy8hjx5dxsqx/swaf_supported_by?limit=25&shuffle=0&offset=0`;
const partnershipsElement = $('#partnership-list');
const mediaPartnersElement = $('#media-partners-list');
fetch(partnershipsNocoUrl, options)
.then(response => response.json())
.then(response => {
const partnerships = response.list.find(item => item.key === 'partnerships');
const data = partnerships.value.list.forEach(imageUrl => {
partnershipsElement.append(`<div class="sponsorship-item">
<img
src="${imageUrl}"
alt="Partnership Logo"
loading="lazy"
class="sponsorship-image"
/>
</div>`);
});
const mediaPartners = response.list.find(item => item.key === 'mediaPartners');
const mediaData = mediaPartners.value.list.forEach(imageUrl => {
mediaPartnersElement.append(`<div class="sponsorship-item">
<img
src="${imageUrl}"
alt="Media Partners Logo"
loading="lazy"
class="sponsorship-image"
/>
</div>`);
});
})
.catch(err => console.log(err));
// Scholarship List Section
const scholarshipsNocoUrl = `https://nocodb.sirogu.com/api/v1/db/data/v1/p_ddgy8hjx5dxsqx/swaf_scholarships?limit=25&shuffle=0&offset=0`;
const scholarshipsLeftNode = $('#scholarships-left-node');
const scholarshipsRightNode = $('#scholarships-right-node');
fetch(scholarshipsNocoUrl, options)
.then(response => response.json())
.then(response => {
const midpoint = Math.ceil(response.list.length / 2);
const part1 = response.list.slice(0, midpoint);
const part2 = response.list.slice(midpoint);
const leftNode = part1.forEach(val => {
scholarshipsLeftNode.append(`<div class="scholarship-list-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/277fc5e5-f32a-4c4a-bc8b-c8345cc8b562.png"
alt="Checklist Icon"
loading="lazy"
class="icon-checklist"
/>
<span class="scholarship-item-text">${val.name}</span>
</div>`);
});
const rightNode = part2.forEach(val => {
scholarshipsRightNode.append(`<div class="scholarship-list-item">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/277fc5e5-f32a-4c4a-bc8b-c8345cc8b562.png"
alt="Checklist Icon"
loading="lazy"
class="icon-checklist"
/>
<span class="scholarship-item-text">${val.name}</span>
</div>`);
});
})
.catch(err => console.log(err));
// Speakers Section
const speakersNocoUrl = `https://nocodb.sirogu.com/api/v1/db/data/v1/p_ddgy8hjx5dxsqx/swaf_speakers?limit=25&shuffle=0&offset=0`;
const speakersElement = $('.speakers-carousel');
fetch(speakersNocoUrl, options)
.then(response => response.json())
.then(response => {
const speakersData = response.list.forEach(val => {
speakersElement.append(`<div class="speakers-item-container">
<img src=${val.imageUrl} loading="lazy" class="speakers-item-image" />
<div class="speakers-item-text-container">
<span class="speakers-text-title">${val.name}</span>
<span class="speakers-text-subtitle">${val.role}</span>
<span class="speakers-text-subtitle">${val.university}</span>
</div>
</div>`);
});
})
.catch(err => console.log(err))
.finally(() => {
$('.speakers-carousel').slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: false,
dots: true,
arrows: true,
responsive: [
{
breakpoint: 1028,
settings: {
slidesToShow: 3,
variableWidth: true,
},
},
{
breakpoint: 768,
settings: {
slidesToShow: 2,
arrows: false,
variableWidth: true,
infinite: true,
},
},
],
});
});
// Date and Places Section
const citiesNocoUrl = `https://nocodb.sirogu.com/api/v1/db/data/v1/p_ddgy8hjx5dxsqx/swaf_city_events?limit=25&shuffle=0&offset=0`;
const citiesGroupElement = $('.cities-group-carousel');
const citiesCarousel = $('.cities-carousel');
let citiesData = [];
let slickInitialized = false;
fetch(citiesNocoUrl, options)
.then(response => response.json())
.then(response => {
citiesData = response.list;
const uniqueGroups = Array.from(new Set(response.list.map(event => event.group)));
uniqueGroups.forEach(val => {
citiesGroupElement.append(`
<div id="group-${val}" class="cities-group-item-container">
<span class="cities-group-text">${val}</span>
</div>`);
});
updateCitiesCarousel(response.list);
$('.cities-group-carousel').slick({
slidesToShow: 9,
slidesToScroll: 1,
infinite: false,
dots: false,
arrows: true,
variableWidth: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
arrows: false,
},
},
],
});
initializeCitiesCarousel();
})
.catch(err => console.log(err));
citiesGroupElement.on('click', '.cities-group-item-container', function () {
const selectedGroup = $(this).find('.cities-group-text').text();
const filteredCities = citiesData.filter(city => city.group === selectedGroup);
$('.cities-group-item-container').removeClass('cities-group-item-selected');
$(this).addClass('cities-group-item-selected');
$('.cities-group-text').removeClass('cities-group-text-selected');
$(this).find('.cities-group-text').addClass('cities-group-text-selected');
updateCitiesCarousel(filteredCities);
});
function updateCitiesCarousel(cities) {
if (slickInitialized) {
citiesCarousel.slick('unslick');
}
citiesCarousel.empty();
if (cities.length <= 6) {
citiesCarousel.addClass('left-align');
} else {
citiesCarousel.removeClass('left-align');
}
cities.forEach(val => {
const date = new Date(val.date);
const day = date.toLocaleDateString('id-ID', { weekday: 'long' });
const dayNumber = date.getDate();
const monthYear = date.toLocaleDateString('id-ID', {
month: 'short',
year: 'numeric',
});
const time = val.time;
const formattedTime = time !== null ? `${time} WIB` : '';
citiesCarousel.append(`
<div class="cities-item-container">
<div class="cities-item-date-container">
<div class="cities-item-day">
<span class="cities-item-day-text">${day}</span>
</div>
<div class="cities-item-date">
<span class="cities-item-date-text">${dayNumber}</span>
<span class="cities-item-month-text">${monthYear}</span>
</div>
</div>
<div class="cities-item-text-container">
<span class="cities-text-city">${val.city}</span>
<span class="cities-text-hours">${formattedTime}</span>
<span class="cities-text-place">${val.place ?? ''}</span>
<span class="cities-text-address">${val.address ?? ''}</span>
</div>
</div>
`);
});
const lessThanSix = cities.length <= 6;
if (!lessThanSix) {
initializeCitiesCarousel();
} else {
slickInitialized = false;
}
applySlickTrackStyles(lessThanSix);
}
function initializeCitiesCarousel() {
citiesCarousel.slick({
slidesToShow: 3,
slidesToScroll: 1,
infinite: false,
dots: true,
arrows: true,
rows: 3,
responsive: [
{
breakpoint: 1300,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
rows: 4,
},
},
{
breakpoint: 920,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
rows: 4,
},
},
],
});
slickInitialized = true;
applySlickTrackStyles(false);
}
function applySlickTrackStyles(lessThanSix) {
const slickTrack = document.querySelector('.cities-carousel .slick-track');
const citiesCarouselElement = document.querySelector('.cities-carousel');
if (slickTrack) {
if (lessThanSix) {
slickTrack.style.setProperty('width', '100%', 'important');
} else {
slickTrack.style.removeProperty('width');
}
slickTrack.style.justifyContent = 'flex-start';
}
if (citiesCarouselElement) {
if (lessThanSix) {
citiesCarouselElement.style.setProperty('width', 'auto', 'important');
citiesCarouselElement.style.setProperty('align-self', 'flex-start', 'important');
citiesCarouselElement.style.setProperty('display', 'flex');
citiesCarouselElement.style.setProperty('flex-wrap', 'wrap');
} else {
citiesCarouselElement.style.removeProperty('width');
citiesCarouselElement.style.removeProperty('align-self');
}
}
}
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {});
$('.activities-carousel').slick({
slidesToShow: 4,
slidesToScroll: 1,
infinite: true,
dots: true,
arrows: true,
variableWidth: true,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
variableWidth: true,
infinite: true,
},
},
],
});
</script>
</html>