Aznews

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Aznews is a news and magazine website template built on Bootstrap 5. It has nine pages: home, category, latest news, story details, about, blog, blog post, contact and elements. The layout is responsive and mobile-ready.

The home page opens with a “Trending now” headline ticker, a lead story with five side stories, a weekly top news slider, a “Whats New” section with category tabs, follow-us counters, a second weekly slider, a video section with a thumbnail strip and a recent articles slider. Inner pages include a category page with tabs, a latest news page with videos, a story page with share links and a comment form, a blog with a sidebar, a single post with comments, and a contact page with a working form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass together with the theme, and plain JavaScript with no jQuery. Swiper 14 replaces Slick, PhotoSwipe replaces Magnific Popup, and the menu, select, ticker and back-to-top plugins are replaced by native controls and a few lines of code. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 6.0 MB and 392 requests to 3.1 MB and 52 requests, and all ten pages together from 24.5 MB and 1,229 requests to 9.5 MB and 290 requests. Every photo has an AVIF version with a JPEG fallback, real dimensions and lazy loading, and the full-page preloader is gone.
• No third-party requests: Roboto is self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social-logo subset, the videos show posters and load only when played, and the map loads only when a visitor asks.
• Working contact, comment and newsletter forms with a PHP mail handler, labelled fields and a spam trap; the search forms lead to the blog.
• Accessibility: skip link, one main heading per page, labelled controls, keyboard access to the menu, search and story cards, visible focus, reduced-motion support, and text and buttons that meet WCAG AA contrast.
• New demo content: fictional headlines, names and contact details, original promotional cards, and new high-resolution photos where the old ones were low resolution.