Astro Motion is a free, one-page HTML CSS website template from TemplateMo, built on Bootstrap 5 beta 2, whose core function is to display a full-screen looping background video that site owners can swap for their own footage.
What is Astro Motion?
Astro Motion is a one-page HTML5 layout from TemplateMo that uses a looping background video as its primary visual centerpiece. The downloadable ZIP contains static HTML, CSS, and JavaScript files, so it runs on any static web host. The template was added to TemplateMo on 08 March 2021 and has accumulated over 171,000 views and 23,197 downloads. The design uses a green color palette and is tagged as responsive, one-page, Bootstrap 5, CSS, and video.
Key Features
- Looping background video — The template plays a smooth, attractive background video loop that can be replaced with another video file easily.
- Bootstrap 5 beta 2 — Built on the Bootstrap 5 beta 2 CSS framework, giving you a responsive grid and utility classes.
- 4 inner pages — Ships with four simple inner pages, including an image carousel list.
- Contact form and maps — Includes a simple contact form and embedded maps.
- One-page layout — Tagged as a one-page template, so the main page can present the full experience in a single scrolling view.
- Green color scheme — The visual design uses a green palette.
- Free license — 100% free to download, edit, and use for commercial or non-commercial websites.
Who is it for?
- Freelance web designers — Quickly build a client landing page with a video background, contact form, and map without starting from scratch.
- Small business owners — Set up a one-page website to promote a service or product, with an embedded map for location and a contact form for inquiries.
- Developers learning Bootstrap 5 — Use the template as a working example of video headers, carousels, and responsive layouts.
What can you do with Astro Motion?
- Portfolio showcase: Replace the background video with your own reel and use the image carousel list to display projects or photos.
- Event landing page: Customize the inner pages to describe an event, embed a map for the venue, and collect registrations through the contact form.
- Company intro site: Edit the text to introduce a small business, then publish the static files on any hosting service.
How does Astro Motion work?
Download the ZIP file from TemplateMo, unzip it, and open the HTML files in a code editor. You can replace the looping background video by swapping the video asset, then edit the text and images directly in the HTML. The template requires no build tools — just upload the files to a web server to go live.
Pricing
Astro Motion is free to download. TemplateMo allows you to use it for both commercial and non-commercial projects without charge.
Alternatives
- Tooplate — another free HTML template site with a similar catalog.
- HTML5 UP — a collection of free to use HTML5 templates.
FAQ
Is Astro Motion free?
Yes, Astro Motion is 100% free to download from TemplateMo. You may use it for commercial or non-commercial websites, and you can edit or modify it as needed.
What framework does Astro Motion use?
Astro Motion is built on Bootstrap 5 beta 2, which means it relies on Bootstrap's responsive grid and CSS utilities. The template also uses custom CSS for the green color scheme and video presentation.
Can I change the background video?
Yes, the template is designed so the looping background video can be replaced with another video. You just need to swap the video file in the template files and adjust the HTML reference if needed.
Does Astro Motion include a contact form?
Yes, the template includes a simple contact form and embedded maps. The download page also links to a separate PHP script for handling form submissions, which you can add if your host supports PHP.
How many pages does Astro Motion have?
The template includes four simple inner pages, one of which is an image carousel list. The main page is a one-page layout with a video background.
