commit fa8c61725ad9fb65a12c79ff2b43a61d3f875e00 Author: Muhammad Herdy Iskandar <66510723+dyzulk@users.noreply.github.com> Date: Thu Aug 31 10:22:20 2023 +0700 Add files via upload diff --git a/README.md b/README.md new file mode 100644 index 0000000..1c7535e --- /dev/null +++ b/README.md @@ -0,0 +1,24 @@ +# Skilline Landing Page +Free landing page template built on top of TailwindCSS + +> [LIVE DEMO](https://mhaecal.github.io/frontend/skilline) + +![alt Free Tailwind Landing Page Template](https://i.postimg.cc/q7xRmNVp/FB-IMG-16158730841972067.jpg) + +## Built with: +- Tailwind CSS ^2.0 +- Alpine JS ^2.* +- AOS - Animate on scroll library + +## Getting Started +The template is just a HTML file using a CDN service + +`git clone https://github.com/mhaecal/skilline-landing-page.git` + +# +Use it for learn, but please don’t republish, redistribute, or resell the template. + +For personal or commersial project, just contact [Irvan Moses](https://www.facebook.com/irvan.moses) + +- Code by mhaecal +- UI/UX by irvanmoses diff --git a/css/skilline.css b/css/skilline.css new file mode 100644 index 0000000..0012ba0 --- /dev/null +++ b/css/skilline.css @@ -0,0 +1,41 @@ +/*primary color*/ +.bg-cream { + background-color: #FFF2E1; +} + +/*font*/ +body { + font-family: 'Poppins', sans-serif; +} + +.bg-yellow-500 { + background-color: #F48C06; +} +.text-yellow-500 { + color: #F48C06; +} +.floating { + animation-name: floating; + animation-duration: 3s; + animation-iteration-count: infinite; + animation-timing-function: ease-in-out; +} +@keyframes floating { + 0% { transform: translate(0, 0px); } + 50% { transform: translate(0, 8px); } + 100% { transform: translate(0, -0px); } +} +.floating-4 { + animation-name: floating; + animation-duration: 4s; + animation-iteration-count: infinite; + animation-timing-function: ease-in-out; +} +@keyframes floating-4 { + 0% { transform: translate(0, 0px); } + 50% { transform: translate(0, 8px); } + 100% { transform: translate(0, -0px); } +} +.text-darken { + color: #2F327D; +} \ No newline at end of file diff --git a/icon1.svg b/icon1.svg new file mode 100644 index 0000000..e6d0fa3 --- /dev/null +++ b/icon1.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/icon2.svg b/icon2.svg new file mode 100644 index 0000000..b6527fe --- /dev/null +++ b/icon2.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/icon3.svg b/icon3.svg new file mode 100644 index 0000000..aeab6af --- /dev/null +++ b/icon3.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/icon4.svg b/icon4.svg new file mode 100644 index 0000000..2c031b1 --- /dev/null +++ b/icon4.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/img/Rectangle 19.png b/img/Rectangle 19.png new file mode 100644 index 0000000..238e204 Binary files /dev/null and b/img/Rectangle 19.png differ diff --git a/img/Rectangle 21.png b/img/Rectangle 21.png new file mode 100644 index 0000000..ebdc27f Binary files /dev/null and b/img/Rectangle 21.png differ diff --git a/img/calendar.svg b/img/calendar.svg new file mode 100644 index 0000000..a22eb84 --- /dev/null +++ b/img/calendar.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/cat-laptop.png b/img/cat-laptop.png new file mode 100644 index 0000000..046edd5 Binary files /dev/null and b/img/cat-laptop.png differ diff --git a/img/children-laptop.png b/img/children-laptop.png new file mode 100644 index 0000000..e4fda5f Binary files /dev/null and b/img/children-laptop.png differ diff --git a/img/company/airbnb.svg b/img/company/airbnb.svg new file mode 100644 index 0000000..55febd5 --- /dev/null +++ b/img/company/airbnb.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/company/amazon.svg b/img/company/amazon.svg new file mode 100644 index 0000000..6703a4e --- /dev/null +++ b/img/company/amazon.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/img/company/facebook.svg b/img/company/facebook.svg new file mode 100644 index 0000000..f78f2dd --- /dev/null +++ b/img/company/facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/company/google.svg b/img/company/google.svg new file mode 100644 index 0000000..d9510b6 --- /dev/null +++ b/img/company/google.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/company/grab.svg b/img/company/grab.svg new file mode 100644 index 0000000..c11dd85 --- /dev/null +++ b/img/company/grab.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/company/netflix.svg b/img/company/netflix.svg new file mode 100644 index 0000000..a4f37f0 --- /dev/null +++ b/img/company/netflix.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/img/congrat.svg b/img/congrat.svg new file mode 100644 index 0000000..af2b42e --- /dev/null +++ b/img/congrat.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/img/discussion.png b/img/discussion.png new file mode 100644 index 0000000..caa9e48 Binary files /dev/null and b/img/discussion.png differ diff --git a/img/girl-laptop.png b/img/girl-laptop.png new file mode 100644 index 0000000..86eb5a5 Binary files /dev/null and b/img/girl-laptop.png differ diff --git a/img/girl-with-books.png b/img/girl-with-books.png new file mode 100644 index 0000000..3542014 Binary files /dev/null and b/img/girl-with-books.png differ diff --git a/img/girl.png b/img/girl.png new file mode 100644 index 0000000..fa78a25 Binary files /dev/null and b/img/girl.png differ diff --git a/img/gradebook.png b/img/gradebook.png new file mode 100644 index 0000000..e338e95 Binary files /dev/null and b/img/gradebook.png differ diff --git a/img/hero.png b/img/hero.png new file mode 100644 index 0000000..bdf84e6 Binary files /dev/null and b/img/hero.png differ diff --git a/img/integrations.png b/img/integrations.png new file mode 100644 index 0000000..883a3cd Binary files /dev/null and b/img/integrations.png differ diff --git a/img/laptop-news.png b/img/laptop-news.png new file mode 100644 index 0000000..78443ec Binary files /dev/null and b/img/laptop-news.png differ diff --git a/img/teacher-explaining.png b/img/teacher-explaining.png new file mode 100644 index 0000000..40ea9fa Binary files /dev/null and b/img/teacher-explaining.png differ diff --git a/img/testimonials.png b/img/testimonials.png new file mode 100644 index 0000000..d7f62a6 Binary files /dev/null and b/img/testimonials.png differ diff --git a/img/true-false.png b/img/true-false.png new file mode 100644 index 0000000..b6e213f Binary files /dev/null and b/img/true-false.png differ diff --git a/img/ux-class.svg b/img/ux-class.svg new file mode 100644 index 0000000..14ba8a7 --- /dev/null +++ b/img/ux-class.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/vcall.png b/img/vcall.png new file mode 100644 index 0000000..c0731ce Binary files /dev/null and b/img/vcall.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6de00e7 --- /dev/null +++ b/index.html @@ -0,0 +1,514 @@ + + + + + + + + + + Kode Voucher ITPLN - Gunakan Sekarang !!! + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ VOUCHER + ITPLN + + + +
+ +
+ +
+
+
+
+ +
+

+ Daftar di ITPLN Dapat Potongan Biaya +

+

+ Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN sebesar Rp. 50.000 , dengan + memasukkan kode voucher “3ND4Y”.

+
+ +
+ + Cara Klaim Voucher +
+
+
+ +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+
+
+
+ + + +
+
+
+ + +
+ + + +
+ + + +
+ + +
+
+
+
+
+ + +
+
+ +
+
+
+ + +
+

20 Mar 23 - 16 Apr 23

+

Pendafaran PMB Mandiri ITPLN 2023

+
+
+
+ + +
+

14 Agustus 2023

+

Deadline Pendaftaran

+
+
+
+ + +
+

Kode Voucher

+

3ND4Y

+
+
+ + +
+
+

Selamat Datang Calon #KsatriaPetir

+

Semua mahasiswa Institut Teknologi PLN akan dipanggil sebagai Ksatriapetir. + Institut Teknologi PLN merupakan perguruan tinggi yang fokus dibidang energi, teknologi yang + berwawasan lingkungan untuk pembangunan yang berkelanjutan.

+
+
+ +
+
+
+

Langkah - Langkah

+
+
+ + +
+
+
+
+
01.
+

Buat Akun Pendaftaran

+

Buat akun pendaftaran di infopmb.itpln.ac.id

+
+
+
02.
+

Lengkapi Biodata

+

Melengkapi biodata dimulai dari Data Pribadi, Alamat dan Pas Foto. + Melengkapui data Asal Sekolah + dan + juga melengkapi data Orang Tua

+
+
+
03.
+

Pilih Gelombang & Jurusan

+

Memilih gelombang pendaftaran mahasiswa baru ITPLN yang tersedia atau yang + diinginkan selanjutnya + kamu pilih jurusan yang kamu inginkan

+
+
+
+ + +
+
+
+
+
04.
+

Pilih Pembayaran

+

Memilih metode pembayaran Tunai atau Cicilan

+
+
+
05.
+

Masukan Kode Voucher

+

Masukan kode 3ND4Y sebelum melakukan Pembayaran Formulir

+
+
+
06.
+

Salin Kode Voucher

+ +
+ + + + + +
+ +
+
+
+ + +
+
+
+
+
07.
+

Paste Kode Voucher "3ND4Y"

+

Paste voucher pada kolom Masukan Voucher

+
+
+
08.
+

Lakukan Pembayaran

+

Pilih metode pembayaran yang diinginkan

+
+
+
09.
+

Selamat!

+

Kamu telah berhasil mendapatkan potongan biaya formulir

+
+
+
+ + +
+
+
+
+
+

Ya, saya ingin menjadi bagian dari KsatriaPetir!
Daftar + sekarang. +

+
+
+ +
+
+
+
+ + +
+ +
+
+

Informasi Voucher

+
+
+ +
+
+
+
+
+

Informasi Umum

+
+
+
+
+
    +
  • Dapatkan potongan biaya formulir pendaftaran mahasiswa baru ITPLN.
    • +
  • Potongan harga sebesar Rp. 50.000.
    • +
  • Bisa digunakan untuk semua program studi di ITPLN.
    • +
  • Bisa digunakan pada setiap Gelombang Pendaftaran Mahasiswa Baru ITPLN Tahun + 2023/2024. +
    • +
  • Gunakan untuk pendaftaran gelombang PMB ITPLN 2023.
    • +
  • Kode voucher tertera merupakan program afiliasi oleh kampus untuk mahasiswa.
    • +
+
+
+
+
+
+
+

Cara Menggunakan

+
+
+
+
+
    +
  • Daftarkan akunmu di Portal Infopmb ITPLN.
    • +
  • Lengkapi biodatamu, termasuk Biodata Pribadi, Alamat, Pas Foto, Data Sekolah, Data + Orang + Tua, dan Berkas Syarat Pendaftaran.
    • +
  • Menuju pemilihan gelombang pendaftaran atau klik secara manual pada menu Pilih + Gelombang.
    • +
  • Klik Daftar pada gelombang yang tersedia (contoh: PMB Mandiri ITPLN 2023).
    • +
  • Pilih jurusan yang diinginkan (misalnya, S1 Informatika atau S1 Teknik Elektro). +
    • +
  • Sebelum mengklik Pilih Pembayaran, masukkan Kode Voucher "3ND4Y" pada box "Punya + kode + voucher?"
    • +
  • Selamat! Anda mendapatkan potongan biaya Formulir sebesar Rp. 50.000.
    • +
+
+
+
+
+
+ + +
+
+

Contact Us +

+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ +
+ +
+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..e69de29 diff --git a/ud-menu-scroll.js b/ud-menu-scroll.js new file mode 100644 index 0000000..1bd5c59 --- /dev/null +++ b/ud-menu-scroll.js @@ -0,0 +1,41 @@ + // ==== for menu scroll + const pageLink = document.querySelectorAll(".ud-menu-scroll"); + + pageLink.forEach((elem) => { + elem.addEventListener("click", (e) => { + e.preventDefault(); + document.querySelector(elem.getAttribute("href")).scrollIntoView({ + behavior: "smooth", + offsetTop: 1 - 60, + }); + }); + }); + + // section menu active + function onScroll(event) { + const sections = document.querySelectorAll(".ud-menu-scroll"); + const scrollPos = + window.pageYOffset || + document.documentElement.scrollTop || + document.body.scrollTop; + + for (let i = 0; i < sections.length; i++) { + const currLink = sections[i]; + const val = currLink.getAttribute("href"); + const refElement = document.querySelector(val); + const scrollTopMinus = scrollPos + 73; + if ( + refElement.offsetTop <= scrollTopMinus && + refElement.offsetTop + refElement.offsetHeight > scrollTopMinus + ) { + document + .querySelector(".ud-menu-scroll") + .classList.remove("active"); + currLink.classList.add("active"); + } else { + currLink.classList.remove("active"); + } + } + } + + window.document.addEventListener("scroll", onScroll); \ No newline at end of file