Amplio - Digital Marketing Agency HTML Template

Amplio is a multi-page HTML template for digital marketing agencies, growth studios, SEO and PPC specialists, social media teams and marketing freelancers. It combines a bold editorial look (large Inter Display type, lime and violet accents, soft cream backgrounds) with pages that actually do something: calculators, a shop, a client dashboard and printable client documents.

Built on Bootstrap 5.3.8 with plain JavaScript. No jQuery and no build step: open index.html and it works.

What's included

• 87 HTML pages, plus a right-to-left copy of every page in the rtl/ folder
• 24 home pages: Photo cover, Arch photo, Big type, Bento grid, Video showreel, Dark neon, SEO agency, Freelancer, Hero slider, Social & creators, SaaS growth, PPC agency, Local business, AI marketing, Branding studio, Web agency, E-commerce growth, B2B lead gen, Video studio, PR agency, Real estate, Healthcare, Education, Events
• 5 one-page versions with scrollspy navigation
• 5 campaign landing pages: PPC lead generation, e-book download, webinar sign-up, limited offer with countdown, product demo
• 3 printable client documents (A4): monthly campaign report, proposal with signature block, invoice
• Company: About (2 layouts), Team, Team member, Careers, Job details, Testimonials, Industries, Contact (2 layouts)
• Services and work: Services (2 layouts), Service details (2 layouts), Work grid and masonry, Case study (2 layouts), Pricing (2 layouts)
• Tools: ROI calculator, SEO checker, Free audit form, Book a call
• Resources: Blog (3 layouts), Blog post, Webinars, Webinar details, Resources library, FAQ
• Shop: Shop (grid and list), Product, Cart with coupon codes, Checkout, Wishlist
• Account and utility: Log in, Register, Reset password, Client dashboard, Search results, Thank you, Coming soon, Maintenance, Privacy, Terms, 404, Elements
• 8 bonus HTML e-mail templates: newsletter, welcome, contact confirmation, new lead notification, monthly report, webinar reminder, invoice, password reset, with a preview gallery
• HTML documentation (also online), readable and minified CSS and JS, 41 SCSS partials

Demo photos and videos are not included. The live preview uses photos from Unsplash and videos from Pexels for presentation only; in the download every photo is a placeholder with its size, ready to be replaced with your own. All company names, people, figures and reviews in the sample content are fictional.

Changelog

Version 1.1.0 (14 Oct 2026)

• New: 10 home pages (Home 15 to 24): branding studio, web agency, e-commerce growth, B2B lead generation, video studio, PR agency, real estate, healthcare, education and events, each with an RTL copy. The template now has 87 pages (24 home pages, 5 one-page versions, 5 landing pages, 3 printable client documents and the inner pages).
• New: the Home menu shows all 24 home pages in three columns; footer home links updated on every page.
• New: short placeholder video (assets/video/your-video.mp4), so the video sections work out of the box.
• New: "External connections" section in the documentation and Readme.txt. The template sends no analytics or tracking data and lists every optional external service.
• New: the documentation is also online at https://www.netmakers.pl/docs/amplio-html/
• Fixed: wide tables, comparison tables and charts no longer show an extra vertical scrollbar.
• Improved: documentation proofread and updated for the new pages (41 SCSS partials, home page list, changelog).

Updating from 1.0.0: if you have not edited the template yet, replace the whole folder. If you have, copy the new pages and the two new SCSS partials (40 and 41 in assets/scss), then replace the compiled CSS files (or rebuild them with npm run build) and update the Home menu in your pages.

Version 1.0.0 (12 Oct 2026)

• First release: 77 pages (14 home pages, 5 one-page versions, 5 campaign landing pages, 3 printable client documents and the inner pages).
• 6 colour skins, light and dark mode, RTL version.
• 8 bonus HTML e-mail templates.
• Optional npm workflow: Vite dev server, Sass and Terser scripts.
• PHP contact and newsletter handlers with Mailchimp and optional reCAPTCHA v3.
• SEO tags, JSON-LD (with breadcrumbs), sitemap.xml, robots.txt and web app manifest.
• Shop demo with a side mini cart, quick view, filters and wishlist.
• Optional CSV copy of every form message, analytics that wait for cookie consent, custom.css for your own styles and fonts.
• Calendly booking calendar that loads only on request or after cookie consent.
• Cookie bar with Analytics and Marketing categories and Google Consent Mode v2.
• Live search suggestions, mobile bottom bar, "Load more" for grids and lists.
• Shop: free shipping progress in the mini cart and a sticky "Add to cart" bar on the product page.
• Server snippets for a maintenance page that answers "503, come back later".

Features

• 6 colour skins with a live switcher; any brand colour from two CSS variables (--brand, --brand-2)
• Light and dark mode; the visitor's choice is remembered
• Several header styles (pill menu, transparent over video, dark, full-screen menu, minimal landing header) and footer variants
• Services and Pages mega menus that stay inside the screen on every width
• Working PHP contact form with AJAX sending and spam protection (honeypot, time check, rate limit), optional Google reCAPTCHA v3
• Newsletter form with optional Mailchimp connection, and a newsletter popup with delay and exit intent
• Interactive ROI calculator and SEO checker
• Landing page kit: offer countdown (fixed date or evergreen), sticky mobile call-to-action bar, lead forms
• Front-end shop: cart and wishlist stored in the browser, coupon codes, VAT, checkout form
• Side mini cart that slides in after adding to cart, and a product quick view window on the shop pages
• Form entries can also be saved on the server and downloaded as CSV (password-protected entries page)
• Reading progress bar on blog posts and case studies, breadcrumbs with BreadcrumbList structured data
• Cookie bar with Analytics and Marketing categories and Google Consent Mode v2: tags wait for the matching category
• Calendly booking calendar that loads only on click or after Marketing cookies are allowed, in the skin colours
• Live search in the search window: results appear while you type, from a ready search index (no server needed)
• Mobile bottom bar with Home, Services, Work, Search and Contact (Shop, Wishlist and Cart on the shop pages)
• Load more button or infinite scroll for lists split over several pages, plus Show more for long project grids
• Free-shipping progress bar in the cart drawer and a sticky add-to-cart bar on the product page
• Coming soon and maintenance pages, with Apache and Nginx snippets for a proper 503 status
• An empty custom.css that keeps your own styles apart from updates, with a ready example for your own font
• Client dashboard and campaign report with charts and a print-ready layout
• Hero slider, before/after compare slider, image lightbox, video lightbox, background video
• Scroll reveal and motion effects that respect "reduce motion"
• WhatsApp chat button, preloader, back-to-top button
• SEO ready: meta and Open Graph tags, JSON-LD structured data, sitemap.xml, robots.txt, web app manifest
• Full RTL version built on Bootstrap RTL
• Self-hosted Inter fonts (woff2), no requests to Google Fonts
• Bootstrap 5.3.8 and Bootstrap Icons 1.13.1 included locally, no CDN needed
• One commented stylesheet with a numbered table of contents, also split into SCSS partials
• Optional npm workflow: Vite live reload, Dart Sass and Terser
• Responsive from 360 px phones to wide screens, keyboard accessible menus, modals and sliders

Requirements

• A current web browser: Chrome, Edge, Firefox or Safari (Internet Explorer is not supported)
• A code editor to change the content, for example Visual Studio Code
• Any web hosting for the static pages
• PHP 7.4 or newer with mail() only for the contact and newsletter forms (assets/php/). All other pages are plain HTML and work without PHP
• Optional: a Mailchimp account for the newsletter and a Google reCAPTCHA v3 key for extra spam protection
• Optional: Node.js 18 or newer, only if you want to use the npm workflow (live reload, compiling SCSS). It is not needed to use the template

Instructions

1. Unzip the download. The amplio/ folder is the template; the documentation is in amplio/documentation/index.html.
2. Open amplio/index.html in your browser to look around. No build step is needed.
3. Pick your colours: choose one of the 6 skins, or change --brand and --brand-2 at the top of amplio/assets/css/style.css (section 2, Theme).
4. Edit the pages in any code editor. Replace the placeholder images in amplio/assets/img/placeholder/ with your own photos (keep the width and height attributes close to your image's proportions). Put your video in amplio/assets/video/your-video.mp4.
5. Set your e-mail address in amplio/assets/php/contact.php and newsletter.php. Optionally add your Mailchimp and reCAPTCHA keys as described in the documentation.
6. Upload the contents of the amplio folder to your web hosting (for example to public_html). Delete the pages you do not need and update sitemap.xml with your domain.
7. Using the RTL version? Upload the rtl/ folder too; it uses assets/css/style.rtl.css.
8. Optional: run npm install, then npm run dev for a local server with live reload, or npm run build:css to compile the SCSS.

The documentation explains every page, component and setting, with a FAQ and troubleshooting section. You can also read it online. For help, send us a message through this item page.