Andrea

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.