CrediTion

Languages and Tools:

html5 css3 bootstrap javascript

  • Gambar diambil melalui freepik.com dengan lisensi gratis (mencantumkan link freepik pada gambar).
  • GIF menggunakan dari giphy.com dengan lisensi gratis
  • Background PAGE1 menggunakan gambar dari BGJar.com dengan lisensi gratis
  • Background PAGE6 menggunakan vanta.js dengan lisensi gratis

Penjelasan fitur Website:
PAGE 1

  • Navbar ketika di scroll akan memunculkan beberapa menu disebelah kanan.
  • Ketika tulisan CrediTion diklik akan kembali ke page 1.
  • Terdapat toggle untuk merubah tampilan background cerah atau gelap di samping navigasi halaman.
  • Button our services ketika diklik akan menuju ke page our services.
  • Tiga card di bawah ketika dihover, border radius berubah bentuk dan warna

PAGE 2

  • Terdapat animated on screen pada tulisan edukasi.

PAGE 3

  • Grafik Bar akan muncul dengan animated on screen menampilkan grafik menggunakan chart.js
  • Ketika grafik di hover, akan muncul keterangan setiap bar dan berubah warna

PAGE 4

  • Menampilkan tips mendapatkan informasi terpercaya

PAGE 5

  • Terdapat beberapa layanan di section "our services"
  • Bagian"Anti-Hoax Search Engine" dan "Search Trusted Websites" belum diberikan fungsi hanya UI
  • Bagian "Kirim" terdapat pop up message ketika button diklik.

PAGE 6

  • Background menggunakan vanta.js yang ketika di hover dapat bergerak mengikuti kursor
  • Di dalam card terdapat button 'About Me' dapat di klik memunculkan deskripsi singkat tentang kami

PAGE 7

  • Section "Contact Us" ketika form diisi semua data form akan terkirim ke kami
  • Bagian "Kirim" terdapat pop up message ketika button diklik.
  • Terdapat Footer yang menerangkan tentang kontak kami dan button social media

Footer

  • Terdapat bagian media sosial yang bersifat button yang hanya link ke websitenya saja.

Sumber Artikel :
1. https://kominfo.go.id/content/detail/8949/ini-cara-mengatasi-berita-hoax-di-dunia-maya/0/sorotan_media
2. https://tirto.id/hoaks-dan-bahaya-rendahnya-kepercayaan-terhadap-media-cKAx
3. https://kumparan.com/kumparantech/86-pengguna-internet-dunia-tertipu-hoaks-kebanyakan-dari-facebook-1rHSD4a9P8p
4. https://kominfo.go.id/content/detail/12008/ada-800000-situs-penyebar-hoax-di-indonesia/0/sorotan_media

5. https://kominfo.go.id/index.php/content/detail/3415/Kominfo+%3A+Pengguna+Internet+di+Indonesia+63+Juta+Orang/0/berita_satker#:~:text=Jakarta%2CKominfo%20%E2%80%93%20Kementerian%20Komunikasi%20dan,internet%20untuk%20mengakses%20jejaring%20sosial.
6. https://www.statista.com/chart/18343/share-concerned-about-what-is-real-and-fake-on-the-internet/

Sumber Gambar/Animasi :
1. freepik.com
2. giphy.com
3. vantajs.com
4. bgjar.com