Credits: Photos from Unsplash and the original template set
Description
Prantokon is a landing page template for mobile apps, software products and services, built on Bootstrap 5. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with five pages: three home page variants (a static hero, a hero slider and a hero with a video button), a blog and a blog post.
The home page has a hero with a phone mockup and store buttons, an about block, a feature list around a phone, a showcase, a video section, a screenshot carousel, three pricing plans, testimonials, animated counters, a team section, download buttons for Android, iOS and Windows, a blog teaser, a click-to-load map and a contact form. The blog pages add post cards, comments with a comment form, and a sidebar with search, categories, recent posts and tags.
What’s new in 3.0
Bootstrap 5.3.8 (the earlier release used Bootstrap 4.0 and jQuery), compiled from Sass with the original Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel and Slick on the hero, screenshot and testimonial sliders, a keyboard-operable dialog replaces the mobile menu, a video dialog replaces Magnific Popup, and the counters start on scroll without a plugin. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
Lighter pages: all five pages together went from 41.8 MB and 303 requests to 7.6 MB and 157 requests. Every photo has an AVIF version with the original as the fallback, real dimensions and lazy loading below the hero, and the new team, testimonial and blog photos are sharp on high-density screens.
No third-party requests while a page loads: Poppins is self-hosted, the icon fonts are replaced by Lucide SVG icons and a small social and store logo subset (the Twitter bird is now the X logo), the demo video loads from YouTube’s privacy-enhanced player only after a click, the map loads OpenStreetMap only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID.
Working forms: the contact, comment and newsletter forms send through a PHP handler with validation, a spam trap and an in-page message, and the blog search opens the blog filtered by the query. Before, none of them could send anything.
Accessibility: a skip link and a main landmark on every page, one h1 per page, labelled form fields, menu, slider and social controls, image alt text, visible focus rings, and team links that open from the keyboard.
Fixes: a missing script that failed on every page is gone, links that pointed to “#” now open a page or section, the hero slider’s three identical slides carry their own headlines, and the five pages now sit at the top of the download instead of one folder down.