Botos — SaaS HTML5 Template

Botos — Multi-Purpose Creative & Tattoo Studio HTML5 Template is an extraordinary, feature-packed HTML5 template built for creative studios, tattoo artists, personal brands, bloggers, agencies, and businesses seeking maximum layout flexibility. With 39 fully crafted HTML pages, 10 unique home layouts, dark mode, GSAP animations, Jarallax parallax, Circle Progress indicators, Swiper carousels, an extensive blog covering 7 post formats, and a dedicated tattoo portfolio — Botos is the most versatile template in its class.

Whether you are a tattoo studio showcasing ink portfolios across dramatic home layouts, a creative agency presenting services with rich GSAP animated sections, or a lifestyle blogger publishing across audio, video, gallery, and quote post formats — Botos ships everything you need, bold and production-ready. Built on Bootstrap 5 with Swiper carousels, Jarallax Parallax, GSAP animations, Circle Progress indicators, Isotope filtering, WOW.js scroll animations, and Darkmode.js dark mode toggle, every section is built to impress and captivate.

Key Features

• 39 Fully Designed HTML5 Pages across home, services, tattoo, blog, team, and contact
• 10 Unique Home Layouts — ten distinct hero styles and content arrangements
• Dark Mode Toggle — full site dark/light mode switching via Darkmode.js
• Bootstrap 5 — responsive, mobile-first grid system
• GSAP Animations — professional-grade scroll and entrance animations
• Jarallax Parallax — smooth parallax scrolling on hero and section backgrounds
• Circle Progress Indicators — animated circular skill and progress charts
• Tattoo Portfolio Module — tattoo archive + individual tattoo detail page
• 7 Blog Post Formats — audio, gallery, left sidebar, link, quote, right sidebar, and video
• 3 Blog List Formats — three distinct blog list layout variants
• Blog Masonry with Sidebar — masonry blog layout with filter sidebar
• Services Module — services overview + individual service detail page
• Team Pages — team grid + individual team member profile with bio
• Testimonials Page — dedicated client testimonials showcase
• Typography Page — full style guide reference
• Coming Soon & 404 Pages — branded holding and error pages
• Swiper Carousel — full-screen hero and featured content sliders
• Isotope Grid Filtering — filter tattoo portfolio and blog by category
• WOW.js Scroll Animations — smooth entrance animations on all sections
• Well Documented — step-by-step documentation for easy setup & customisation
• Cross-Browser Compatible — Chrome, Firefox, Safari, Edge, Opera

Who Is This Template For?

• Tattoo Studios & Artists — showcase ink portfolios with 10 dramatic home layouts
• Creative Agencies — present services with GSAP animations and dark mode
• Bloggers & Content Creators — publish across 7 post formats including audio and video
• Personal Brands — build a striking presence with Jarallax parallax and Circle Progress
• Service Businesses — combine services, team, and testimonials in one flexible template
• Freelancers & Web Agencies — deliver a complete, production-ready multi-purpose site to clients fast

Pages

• Home v1–v10 — Ten distinct home layouts with unique hero styles
• Services — Services overview with icons and descriptions
• Service Details — Full individual service page
• Tattoo — Tattoo portfolio archive
• Tattoo Details — Individual tattoo detail page
• Team — Staff and artist profiles grid
• Team Details — Individual team member profile with bio
• Testimonials — Dedicated client testimonials showcase
• FAQ — Common client and visitor questions
• Blog (7 post formats) — Audio, Gallery, Left Sidebar, Link, Quote, Right Sidebar, Video
• Blog List (3 variants) — Three distinct blog list layouts
• Blog Masonry with Sidebar — Masonry blog with filter sidebar
• Typography — Full style and component reference
• Coming Soon — Pre-launch branded page
• Contact — Contact form, address, and map
• Error — Custom 404 error page

Template At a Glance

• 39 HTML pages across multi-purpose, tattoo, blog & contact
• 10 home page layouts
• Bootstrap 5 — responsive mobile-first grid
• Dark mode toggle via Darkmode.js
• GSAP animations + Jarallax parallax + Circle Progress indicators
• Tattoo portfolio module
• 7 blog post formats + 3 blog list variants + masonry with sidebar
• Swiper carousel + Isotope filtering + WOW.js animations
• Well documented

Icons

• FontAwesome
• Icomoon

Fonts Used

• Google Fonts

Image Credit

• Freepik
• Unsplash

v1.0  Initial Release
- 39 HTML pages: 10 home layouts, services + detail, tattoo + detail, team + detail, testimonials, 7 blog formats + 3 list variants + masonry, FAQ, typography, coming-soon, contact, 404
- Bootstrap 5 with Swiper, Jarallax, GSAP, Circle Progress, Isotope, WOW.js, Darkmode.js
- Multi-purpose template with 10 homepages + dark mode + tattoo portfolio + 7 blog post formats