Project Overview
Influencely is a modern HTML template designed for influencers and talent agencies, built with pure static technology that supports free customization and secondary development. The template includes complete pages such as homepage, talent showcase, service introduction, blog, and contact form, making it suitable for quickly building an influencer marketing platform or digital creative agency website.
Tech Stack
- HTML5 — Page structure
- CSS3 — Styles and animations (includes Bootstrap 5 framework, Font Awesome 6 icon library)
- JavaScript — jQuery interaction logic, Swiper carousel, video popup
- PHP — Form submission and newsletter subscription backend processing (optional)
Project Structure
Influencely Main File/
├── DOCUMENTATION/ # Template usage documentation
│ ├── index.html
│ ├── css/style.css
│ ├── image/
│ └── js/
├── HTML_TEMPLATE/ # Main template for actual use
│ ├── index.html # Homepage
│ ├── about.html # About Us
│ ├── blog.html # Blog list
│ ├── contact.html # Contact page
│ ├── service.html # Services page
│ ├── talent.html # Talent showcase
│ ├── pricing.html # Pricing plans
│ ├── faq.html # Frequently Asked Questions
│ ├── footer.html # Footer component
│ ├── header.html # Header navigation component
│ ├── sidebar.html # Sidebar component
│ ├── css/style.css # Main stylesheet
│ ├── image/ # Image assets
│ ├── js/ # JavaScript scripts
│ │ ├── script.js
│ │ ├── swiper-script.js
│ │ ├── submit-form.js
│ │ └── video_embedded.js
│ └── php/ # Backend processing scripts
└── webfonts/ # Font Awesome font files
Core File Description
HTML_TEMPLATE/index.html— Template homepage entry, includes banner, partners, talent showcase and other sectionsHTML_TEMPLATE/css/style.css— Main stylesheet, defines theme color (#A293FF), typography and responsive layoutHTML_TEMPLATE/js/swiper-script.js— Swiper carousel configuration, drives partner logo scrollingHTML_TEMPLATE/js/video_embedded.js— Video popup interaction, triggers modal playback on clickHTML_TEMPLATE/php/form_process.php— Form submission processing logicHTML_TEMPLATE/header.html— Navigation bar component file, can be referenced by other pages
Quick Start
- Deploy the contents of the
HTML_TEMPLATEfolder to a web server (e.g., Nginx, Apache) or use the VS Code Live Server plugin - Open
index.htmlin your browser to preview the complete effect - For form functionality, deploy the
php/directory to a server environment that supports PHP
Usage Recommendations
This template adopts a modular structure (header, footer, sidebar as independent HTML fragments). It is recommended to use a backend template engine (e.g., Node.js EJS, PHP Blade) to uniformly render common blocks when building a complete site, to avoid repetitive maintenance of navigation and footer code across pages.
