Project Overview
SCANDAL is a static responsive personal blog, magazine, and news template offering 11 color schemes, ideal for quickly building an artistic content showcase website. The template is built on Bootstrap and includes page templates for image galleries, video galleries, blog posts, etc., and works without a backend.
Tech Stack
- HTML5 + CSS3 (static pages)
- Bootstrap 3.x (responsive layout)
- jQuery
- Font Awesome
- Owl Carousel (carousel)
- Lightbox (image lightbox)
- Magnific Popup (modal popups)
- Animate.css (animations)
- Google Fonts (Droid Serif, Bungee Inline)
Project Structure
text
scandalhtml-10/
├── Documentation/
│ ├── index.html # Template usage documentation
│ └── assets/
│ ├── css/ # Documentation styles
│ └── ...
└── Scandal/
├── black-color/ # Black theme
│ ├── index.html # Image homepage
│ ├── index-slider.html # Carousel homepage
│ ├── index-youtube.html # YouTube homepage
│ ├── gallery.html # Gallery page
│ ├── video-gallery.html # Video gallery page
│ ├── about.html # About page
│ ├── contact.html # Contact page
│ ├── single-blog.html # Blog post detail page
│ └── assets/ # Color-specific resources
├── blue-color/ # Blue theme
├── gold-color/ # Gold theme
├── green-color/ # Green theme
└── olive-color/ # Olive green theme
Core File Description
Scandal/black-color/index.html— Image-based homepage, entry pageScandal/*/index-slider.html— Homepage with slideshow effectScandal/*/index-youtube.html— Homepage with YouTube video as main visualScandal/*/gallery.html— Image gallery display pageScandal/*/video-gallery.html— Video gallery pageScandal/*/assets/css/style.css— Main stylesheet for each theme (controls color scheme)
Quick Start
- Open
Scandal/any-theme/index.htmldirectly in your browser to preview - For deployment, upload the selected color folder (e.g.,
black-color/) contents to your server'spublic_htmldirectory - All external resources (Bootstrap, jQuery, Google Fonts) are loaded via CDN — no additional installation required
Usage Tips
- The template offers 11 color schemes. It's recommended to compare different color folders locally before deciding which theme to use
- Static content like articles and images can be modified directly by editing placeholder text and
srcpaths in the HTML files - If you need to add a backend CMS, consider splitting the existing HTML templates into reusable static header, navigation, and footer partials
