eiqalhalim / haiqal-linda-solemnization

E-card for Haiqal and Linda's wedding in September 2023.
0 stars 1 forks source link

haiqal-linda-solemnization

This project is an initiative taken by a groom who possesses knowledge in web development. The aim is to create his own digital wedding card, as this event holds immense importance and is a precious memory in his lifetime. All of the development work has been carried out during free weekends.

Development has been done using HTML, CSS, Bootstrap 5, and jQuery.

Library and Plugins

Various libraries and plugins have been utilized to develop this project. Here is a list of the ones used:

  1. Bootstrap5
    1. Jquery
    2. FlipDown.js
      • A lightweight and performant flip styled countdown clock.
    3. Animate.css
      • A library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.
    4. Animate On Scroll Library (AOS)
      • AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it's previous state and are ready to animate again if you scroll down.
    5. Sweetalert2
      • A wonderful alternative to JavaScript's popup boxes, this solution is not only visually appealing but also adaptable to different screen sizes. Moreover, it can be personalized according to your preferences. In addition, it prioritizes accessibility by following the Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) guidelines.
    6. Color Calendar
      • A customizable events calendar component library.

Fonts and Icons

  1. Google Fonts
  2. Fontawesome
  3. Boxicons

API and Others

  1. Youtube Iframe API
  2. RSVP