Project Overviewlink

Sukun is a PHP website template designed for wedding planning and invitation scenarios, offering over a dozen pages including Home, Couple Introduction, Wedding Venue, Blog, Portfolio, RSVP, and more. The template comes with a complete English documentation site (documentation/) that provides installation instructions and page structure descriptions, making it easy for secondary development and deployment.

Tech Stacklink

• Frontend Framework: Bootstrap 4 (responsive layout)
• Scripting Languages: jQuery 3.2.1, vanilla JavaScript
• Animation Libraries: TweenMax, Wavify (wave effects), Parallaxie (parallax scrolling)
• Fonts: Google Fonts (Great Vibes + Roboto)
• Backend: PHP (page templates, email forms, configuration management)

Project Structurelink

sukunhtml-10/
  downloadable/
    documentation/          # Template documentation site
      index.html             # Documentation homepage
      css/
        style.css            # Main stylesheet (includes global styles for waves, parallax, buttons, etc.)
        responsive.css        # Responsive breakpoint styles
        _contact.css          # Contact section style fragment
      js/
        main.js              # Core interaction logic (scroll navigation, sidebar toggle, sliders, etc.)
        jquery-3.2.1.min.js
        TweenMax.min.js
        jquery.wavify.js
        parallaxie.js
        ...
    sukun/                   # Official template files
      index.php              # Homepage
      about.php / blog.php / contact.php ...
      config.php             # Site configuration
      mail-contact.php       # Email handling
      invitation-1.php / invitation-2.php  # Invitation pages
      rsvp-*.php              # RSVP pages

Core File Descriptionslink

• documentation/index.html — Documentation site entry point, includes installation guide and page structure descriptions
• documentation/css/style.css — Global stylesheet defining the primary color (#10b3d6) and basic specifications for fonts, spacing, etc.
• documentation/js/main.js — Core interactions including fixed navigation, anchor scrolling, sidebar toggle, and slider initialization
• sukun/config.php — Site-level parameters such as database connection and email configuration
• sukun/mail-contact.php — Contact form email sending logic
• sukun/invitation-1.php — Wedding e-invitation page template

Quick Startlink

1. Deploy the sukun/ directory to a server running PHP 7.x or higher;
2. Edit config.php to configure database and email parameters;
3. Access index.php to view the homepage;
4. For local preview, use php -S localhost:8000 or VS Code Live Server (static resources only).

Usage Recommendationslink

• The invitation pages (invitation series) and RSVP forms are suitable for wedding invitation scenarios; it is recommended to configure email notifications with mail-contact.php;
• The documentation site (documentation/) is for development reference only and can be removed or replaced with an internal Wiki for production deployment.