Andrea is a free Bootstrap 4 HTML5 multipage blog website template distributed by ThemeWagon and created by Colorlib, designed to produce a clean, minimal blog site with a sticky sidebar, newsletter signup, and contact tools.
What is Andrea?
Andrea is a static HTML/CSS blog template built on Bootstrap v4.1.1 that outputs a multi-page blog website. It takes no backend input — you edit the HTML, CSS and SCSS files directly and upload them to any static host. The package includes 6 HTML files, CSS & SCSS files, JavaScript source files, font icons, and library/plugin files. The template is fully responsive and tested for cross-browser compatibility across Chrome, Edge, Firefox, Mobile, Opera, and Safari.
Key Features
- Bootstrap v4.1.1 — The layout is built on Bootstrap 4.1.1, giving you the standard grid, components, and utility classes for responsive design.
- Sticky sidebar navigation — A sidebar that stays visible while scrolling, suitable for blog categories, recent posts, or author info.
- Newsletter subscription form — An email subscription form is included in the page design, ready to connect to an email marketing service.
- SVG preloader — An animated SVG preloader displays while the page loads.
- Pagination UI — A built-in pagination interface for splitting blog post lists across multiple pages.
- Call to action button — A CTA button component is included for highlighting a primary action.
- Contact form and Google Maps — The template ships with a contact form and a Google Maps embed for an about or contact page.
- Ionicons font icons — Icons are provided by the Ionicons icon font rather than image sprites.
- Load on scroll animation — Powered by Animate.css and a scroll-trigger script for entrance animations.
Who is it for?
- Personal bloggers: Publish a personal journal or essay site using the pre-built index, single-post, and about page layouts, without setting up a CMS.
- Magazine or news editors: Organize articles into category pages and rely on the built-in pagination UI to manage long post lists.
- Portfolio creators: Present creative work with the clean minimal design and a call-to-action button to direct visitors to a portfolio or contact page.
- Front-end developers: Customize the well-structured HTML/CSS/SCSS files and integrate the bundled plugins to build a custom blog for a client.
What can you do with Andrea?
- Launch a blog without a backend: Edit the static HTML files and deploy to any web server or static host — no database or server-side code required.
- Collect email subscribers: Integrate the included newsletter subscription form with an email marketing service to grow an audience.
- Showcase visual content: Use the bundled Owl Carousel for slideshows and Magnific Pop-Up for lightbox galleries in posts.
- Add contact functionality: Use the contact form and Google Maps embed to let visitors reach you directly.
Is Andrea free?
Yes. Andrea is available as a free download from ThemeWagon under their standard license, which allows open-source use, use in commercial projects, and lifetime free updates.
What files are included in the download?
The download contains all demo images, 6 HTML files, CSS & SCSS files, JavaScript source files, Ionicons font icons, and the library/plugin files (Bootstrap, Animate.css, Owl Carousel, Popper.js, Magnific Pop-Up).
What Bootstrap version does Andrea use?
Andrea is built on Bootstrap v4.1.1.
Does Andrea include a preloader?
Yes, Andrea includes an animated SVG preloader that displays while the page loads.
Is the template compatible with all browsers?
Andrea is cross-browser compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile devices.
