Tugas 5 - Wedding Page

Tugas Pekan 5

Link untuk preview website : Link Portfolio

Link untuk Source Code :Link Soure code






1. Deskripsi Tugas

Pada tugas kali yaitu membuat sebuah web untuk wedding invitaton.

Website ini dibuat untuk memberikan informasi mengenai acara pernikahan. Page ini berisi informasi mengenai calon pengantin, jadwal acara, lokasi, galeri foto dan fitur RSVP untuk konfirmasi kehadiran.

Dan para undangan dapat juga melihat detail acara dan mengirimkan ucapan serta doa.

2. Teknologi yang Digunakan

  • HTML
  • CSS
  • Java Script

Website ini menggunakan beberapa font dari Google Fonts:

  • Playfair Display
  • Montserrat
  • Smooch

3. Struktur Halaman

page ini terdiri dari beberapa bagian utama:

  • Header dan Navigasi: Berisi nama pasangan pengantin, tanggal pernikahan, serta navigasi ke menu-menu lain seperti Countdown, Profil Pengantin, Acara, Galeri, dan RSVP.
  • Countdown
  • Profil Pasangan
  • Jadwal Acara
  • Galeri: Menampilkan foto-foto dari pasangan 
  • RSVP

4. Struktur File

wedding_invitation/

├── index.html 

├── styles.css 

├── script.js

├── assets/ 

│ ├── Fulanah.png 

5. Fitur Utama

  • Navigasi: Menyediakan menu  ke bagian-bagian  page seperti Countdown, Profil Pengantin, Acara, Galeri, dan RSVP.
  • Countdown: Fitur hitung mundur waktu hingga pernikahan.
  • Profil Pengantin: Menampilkan informasi dan foto mempelai 
  • Jadwal Acara: Menampilkan acara pernikahan yang terdiri dari Akad Nikah dan Resepsi beserta waktu dan lokasi.
  • RSVP: Formulir konfirmasi kehadiran untuk memudahkan tamu mengonfirmasi kehadiran.

Comments

Post a Comment

Popular posts from this blog

ETS - Dokumentasi Proyek Portal Berita

Image
NEWS - Portal Berita Sederhana Deskripsi Project Aplikasi web halaman berita yang menyajikan berbagai artikel, dilengkapi dengan gambar, tanggal publikasi, penulis dan fitur pencarian berita. Sebuah web portal  berita sederhana yang informatif dan responsif yang dibuat untuk memberikan informasi berita terkini yang dibuat dengan layout nya dengan HTML dan CSS. Untuk Fitur interaktif menggunakn Java Script.
Read more

Tugas 8 - Crud Form Pendafaran

Image
Sistem Registrasi Mahasiswa Deksripsi Aplikasi ini adalah sistem registrasi mahasiswa dengan fungsi CRUD (Create, Read, Update, Delete). Aplikasi ini terdiri dari frontend yang dibuat dengan HTML, CSS, dan JavaScript yang berkomunikasi dengan API backend. Soure Code LINK TO GITHUB Halaman Web 'link to page' Endpoint API API backend dihosting di: link to API API ini menyediakan endpoint RESTful untuk mengelola data mahasiswa. API mendukung operasi CRUD standar melalui metode HTTP. Arsitektur Aplikasi ini memiliki arsitektur client-server: Frontend : HTML, CSS, dan JavaScript murni Backend : API Python yang dihosting di Hugging Face Spaces Struktur Proyek Crud/ ├── README.md ├── Back/ # Kode API Backend │ ├── .gitattributes │ ├── app.py │ ├── Dockerfile │ ├── README.md │ └── requirements.txt └── Front- end / # Kode Frontend ├── form.html ├── index.html ├── list .html ├── script .js └── style.css Komponen Fronten...
Read more

Tugas 6 - Pemrograman Web (N) - Form Registration, Dropdown, and Indonesia Postal Code

Image
Tugas Pekan 6 Muhammd Farhan Arya Wicaksono (5054231011) Link untuk Source Code : Link Soure code Live Demo You can view the pages here: - Page for Indonesia Postal Code click here : Indonesia Postal Code - Page for Form Registartion click here : Form Registration Getting Started 1. Clone this repository 2. Open `index.html` in your browser 3. Start filling out the form! Technologies Used - HTML - CSS3 - JavaScript - Indonesia Postal Code API API Integration This project uses the Indonesia Postal Code API to fetch accurate postal code information. The API endpoint used is alamat.thecloudalert
Read more