Roarink - Comic Creator and Merch HTML Template

ROARINK is a premium multi-section HTML template kit built around an original comic-universe IP (kaiju, moon-city detectives, woodland adventurers) and shipped as six coordinated mini-sites in a single download. It is designed for indie comic studios, webtoon creators, convention organizers, sketch artists, and merch brands that want a complete, ready-to-customize web presence without touching a build tool. Every page is hand-authored in clean semantic HTML5, styled with Bootstrap 5 utilities plus a custom design system (core.css + per-folder CSS), and driven by lightweight vanilla JavaScript. There is no framework lock-in, no bundler, no node_modules — open any HTML file and it just works.

Features

• Pure static HTML — 90+ hand-authored pages, no server required, drop into any host (Netlify, Vercel, S3, nginx, GitHub Pages).
• Bootstrap 5.3 utilities and grid, vendored locally with a custom core.css override layer.
• Responsive — tuned breakpoints for mobile (portrait webtoon), tablet, and desktop; every vertical has a dedicated media query pass.
• Accessible — semantic landmarks ( ), labelled buttons, aria-live regions for cart/stepper states, visible focus rings on all interactive elements, WCAG 2.1 AA contrast on body copy.
• Performance — Vector placeholder art for every image slot (swap in optimized .webp/.jpg files of the same ratio), loading="lazy" on long-list thumbnails, explicit width/height hints on every product <img> to eliminate CLS, self-hosted woff2 fonts with font-display: swap.
• Zero build step — plain CSS/JS; ready for WordPress, Shopify (custom Liquid), Hugo, Astro, Webflow code export, or as a static starter.
• Modular folder structure — each vertical (comics/, store/, tube/, festival/, portfolio/, dashboard/) ships its own CSS and JS file, so teams can delete or reuse one vertical without touching the others.
• Documentation included — a full documentation/index.html reference covering setup, folder map, design tokens, component recipes, image licensing, and customization guidance.

Requirements

HTML5 CSS3 Bootstrap 5.3 Vanilla JavaScript Modern Web Browser

Instructions

1. Download and extract the template package. 2. Open template/index.html to access the main portal. 3. Choose the desired section from the portal: Comics, Store, Tube, Festival, Portfolio, or Dashboard. 4. Open the HTML files directly in your browser. No build process is required. 5. Customize the HTML content, CSS variables, colors, typography, and images as needed. 6. Replace the provided placeholder SVG images with your own artwork or product images while keeping the recommended dimensions. 7. Refer to documentation/index.html for setup, folder structure, design tokens, components, and customization guidance. 8. Upload the customized files to your hosting server when ready.