Project Overviewlink

Parody is a digital agency portfolio HTML template, ideal for showcasing project cases from creative studios, digital marketing teams, or design agencies. It includes 20+ complete pages covering business modules such as blog, portfolio, services, and team, with responsive layout and various interactive effects.

Tech Stacklink

• HTML5 + CSS3 (static pages)
• Bootstrap 5 (grid and basic components)
• jQuery (interaction logic)
• Font Awesome 6 Pro (icons)
• Google Fonts (font schemes: Inter, Plus Jakarta Sans, DM Sans, etc.)
• Swiper (carousel)
• Isotope (masonry/filtering)
• Magnific Popup (image/video lightbox)
• Nice Select (dropdown selection)
• WOW.js (scroll animations)
• mail.php (form backend)

Project Structurelink

parodyhtml-10/
└── parody-prev/
    ├── index.html
    ├── about.html
    ├── blog.html
    ├── contact.html
    ├── portfolio-*.html
    ├── service.html
    ├── shop.html
    ├── team.html
    ├── pricing.html
    ├── faq.html
    ├── error.html
    └── assets/
        ├── css/
        │   └── main.css
        ├── js/
        │   ├── main.js
        │   └── ajax-form.js
        └── mail.php

Key File Descriptionslink

• parody-prev/index.html — Homepage entry point; all pages extend from the same structure
• assets/css/main.css — Complete theme styles including layout, components, and responsive rules
• assets/js/main.js — Core interactions: navigation, scroll animations, lightbox, Isotope filtering, etc.
• assets/js/ajax-form.js — AJAX submission logic for the contact form
• assets/mail.php — Backend processing script for the form
• parody-prev/portfolio-*.html — Portfolio display pages with multi-column layouts and detail pages

Quick Startlink

This is a pure static template. Simply open index.html in your browser to preview the full effect. To run a local server:

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve .

Then visit http://localhost:8080/parody-prev/index.html.

Usage Suggestionslink

Ideal for creative agencies, digital marketing companies, or freelance designers building an online portfolio. When deploying the contact form in production, configure the email server parameters in mail.php, or replace it with a third-party form service (e.g., Formspree).