X

30+ One Page Website Templates built with HTML5 & CSS3

One page website templates are ideal for creating single page websites for a product, app or business. Having content laid out in a top to bottom fashion with a vertical scroll is an ideal way to create landing pages and marketing pitches. In this article we have a collection some of the best and high quality one page website templates which are available for free download along with some popular and easy to customize premium one page templates.

While choosing a one page website template, it is essential to understand the framework on which the template is built upon. Since Bootstrap is one of the most popular and mobile first Web UI Framework, most of the templates we have picked here are built with Bootstrap. We have also tried to pick those single page website templates which don’t rely on any framework and are built with plain HTML5 and CSS3, as in some case they can be easier to work with.

These one page website templates generally have a menu at the top of the page and allow gradual animation while scrolling down to next sections. We have also included open source templates which have their source code available on GitHub, in such case you will find the link to their GitHub repository on the download button. Towards the end, you will also find some tips on choosing the best one page template for your website

One Page Website Templates

Since we have collected some amazing free as well as premium one page website templates, we have clearly marked the free ones for you to easily distinguish them. Premium templates are picked from some of the most popular one page templates available on ThemeForest, Envato Elements and Creative Tim and they may contain affiliate links.

Super Agency – Free Agency One Page Website Template

Built with Bootstrap 5, this is a one-page agency website template suitable for building landing pages of businesses and startups. Made by TemplateFlip, the template features a bright and modern color scheme, SVG illustrations and engaging on-scroll animations. It also comes with a working contact form using a no-code service. There any many sections included in the template such as work, services, team, portfolio, client testimonials and more.

DEMO & DOWNLOAD

Start Simple – Free Startup One Page Template

Start Simple is a free landing page template for startups, small business and agencies built on Bootstrap 4. This template features parallax scrolling in header, responsive animated slider for user testimonial section and a contact form.

Demo & Download

Material Landing – Free Business Landing Page

Material Landing is a free one page website template for agencies and businesses. The template is built with the MDB UI Kit, which is based on Bootstrap and material design principles. The landing page has is suitable for creating landing pages for your product or for websites of companies and agencies. You can easily display your product or features, best projects, pricing plan as well as team members using this template.

DEMO & DOWNLOAD

Digital Agency – Free Bootstrap Business Template

Digital Agency is a free HTML template built with Bootstrap 4 by TemplateFlip. This fully responsive website template is suitable for creating landing pages and websites for digital agencies, marketing agencies, design agencies, consulting or for any other product and services.

You can easily edit and customize the template in order to add your own details, photos and contact details. Large full screen header with a background image, duotone colors, eye catching animations that get played on user scroll, will leave a lasting impression on visitors.

Demo & Download

Rubik Presentation Page

Rubik is a premium one page website template which can be used to create beautiful and stylish presentation page (landing page) for company, agency, startup or for personal portfolio. Built with Bootstrap, this website template offers 47 handcrafted components suitable for landing pages such as portfolio, team profile, contact form, google map and many more. 4 pre-built example pages are included for Agency, Company, Startup and Portfolio website.

Demo & Download

Awesome App (Free)

Awesome app is a free one page website template for creating websites and landing pages for smartphone apps. This template is built with Bootstrap 4 and Paper Kit 2. It features creatively designed app landing page with attractive gradient color scheme. There are sections for showcasing app features, app screenshots, user testimonial, app download links etc.

Demo & Download

Creative – One Page Bootstrap Template (Free)

Creative is a MIT licensed free one page Bootstrap theme for creatives, small businesses, and other multipurpose uses. The theme includes a number of rich features and plugins that you can use as a great boilerplate for your next Bootstrap based project. This unique, modern design template has full page image header banner with vertically centered content.

It is fully responsive template with custom fixed navigation menu and scrolling animations. LESS files are included with the template for deeper customization options. You can find the source code of this template on GitHub.

Demo & Download

Free Material Design App Landing Template

Material App is a free app landing page template built with material design using the MDB UI Kit and Bootstrap framework. It has a clean material look which is ideal for creating conversion optimized landing page for an app, software or a service.

The template includes sections for displaying your app’s features, screenshots, pricing plan, about us, team members, customer testimonials and more. You will also find eye-catching on-scroll animations being played on the landing page which increases user engagement.

DEMO & DOWNLOAD

Agency – One Page Portfolio Template (Free)

Agency is a stylish, one page Bootstrap theme for agencies and small businesses. The design of Agency is based off of the Golden PSD Theme by Mathavan Jaya. It comes with MIT license and can be downloaded for free from GitHub.

This fully responsive template contains custom collapsing navigation with active classes, smooth page scrolling, and responsive fallback styling. Services section contains CSS only circle icons by Font Awesome. Portfolio grid has modal window popup previews for portfolio item details. About section contains a responsive timeline and Team member section has circle profile images with social media links. It also has a working PHP contact form with validation.

Demo & Download

Creative CV – One Page Resume Template built with Bootstrap

Creative CV is a professionally designed one page resume HTML template available for free download. It has been built with Bootstrap and Now UI Kit. This modern design and responsive template is perfect to showcase your Bio, skills, portfolio, work experience, education and references. You can easily edit, customize and extend the template as per your needs and is perfect for creating a website featuring your resume or portfolio.

Demo & Download

Single Page Website Template (Free)

This is a flat, simple and effective free single page website template for agencies and business websites. The theme features bright colors, simple forms, neat typography for a modern look and feel. Single page layout facilitates the visitors’ interaction with the site, making the scroll up and down smooth and easy. Downloading source files is free.

Demo & Download

Seppo – Corporate One Page HTML Template

Seppo is a multipurpose one page HTML template with modern and bold design. Suitable for creating websites and landing pages for corporates, service agencies and businesses. It comes with 11 pre-made sections including Home, Services, About, Clients, News, Portfolio, Pricing, Team, Skills, Milestones, and Contact laid out in one big scrolling page. Features include parallax moving, image slider, text slider and a responsive layout.

Demo & Download

DevCourse – Free Bootstrap 5 Course Landing Page Template

DevCourse is a free one page template for promoting your online course. With clear call to action buttons and well-made sections for Course details, Meet the Tutor, Course Reviews and FAQ sections, this template is suited for designing marketing page of your online course. Built with Bootstrap 5, the template can be used for free with attribution.

Demo & Download

Cardio – One Page Gym/Fitness Website Template (Free)

Cardio is a clean and modern one page website template built with Bootstrap. The responsive HTML template has a gym related theme but can be easily fitted to any kind of content. The template comes with a smooth page navigation and some subtle transition effects. The design is very clean and spacious with a fresh color theme and solid typography.

You can download the corresponding PSD file from Behance project page.

Demo & Download

Walk & Ride – One Page App Website Template (Free)

Walk & Ride is a clean and modern template with a pixel-perfect design and balanced typography made by Pixel Buddha. It is especially fitting for promoting a mobile app but you can easily adapt it to fit any purpose.

The responsive one page website template comes with Sass files and some JavaScript libraries for ensuring cross-browser compatibility. You can easily extend it and build upon it to customize the template for your needs.

Demo & Download

Awesome Landing Page (Free)

This is a free one page website template build with Bootstrap and offer three different design in 5 different color schemes. The template includes 15 handcrafted components and 2 customized plugins. It also offers social sharing buttons for easily sharing the landing page on social networks like Facebook, Twitter and Pinterest.

Demo & Download

Halcyon Days – One Page Portfolio Template (Free)

Halcyon Days is a modern and stylish HTML5/CSS3 template with a pixel-perfect design and smooth effects. It’s especially fitting for a portfolio or start-up website, but it’s also very versatile and can be used for many other projects.

The responsive template is made with the latest web technologies and it’s build with Bootstrap, jQuery FlexSlider, Smooth Scroll, jQuery Waypoints and Animate.css.

Demo & Download

Estica — Real Estate Landing Page Template

Estica is a one page responsive real estate landing page template suitable for promoting your real estate and property listing services. This creative and modern real estate template can be used for creating high conversion and lead generation landing pages.

Demo & Download

Grayscale – Multipurpose One Page Template (Free)

Grayscale is a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations. It has fixed top navigation that collapses on scroll and uses scrollspy to highlight active page sections.

Google Maps API integration with a custom Google Maps skin is available with this template. Find its source code on GitHub at the download button below.

Demo & Download

DevBook – Free Bootstrap 5 Book & eBook Landing Page Template

DevBook is a free Bootstrap book and e-book landing page template made for software developers by UX/UI designer Xiaoying Riley. Although it’s made for developers, it is equally perfect for promoting or selling any book or e-book as it contains all the essential elements and clear call to action buttons to convert your visitors into readers. You can easily integrate with platforms such as Gumroad to handle your book payment and delivery with this landing page.

Demo & Download

Freelancer – One Page Portfolio Template (Free)

Freelancer is a one page Bootstrap portfolio theme for freelancers. This theme is built using the Flatly theme by Bootswatch. This template features fixed top navigation that collapses on scroll and uses scrollspy to highlights active menu item. It has mobile friendly contact form with floating form labels and easy to edit PHP file.

LESS files and compiled CSS are included with the template. Download the source code of this free MIT licensed template from GitHub link provided below.

Demo & Download

Forkio – Responsive Bootstrap Website Template (Free)

Forkio is a responsive Bootstrap website template made by the folks from Pixel Buddha and PSD2HTML. The elegant one-page design is perfect for web dev, apps or software related projects.

The responsive HTML one-page template is built with Bootstrap and comes with SCSS and PSD files. It works really well for app or start-up themes but can easily be adjusted for any kind of content. It’s a great template to get started quickly with your project.

Demo & Download

Landing Page Template (Free)

This is a simple, elegant, and beautifully responsive landing page theme for Bootstrap 5 websites. It features email opt-in header with responsive background image, responsive content sections to showcase the features of your product or service and a simple testimonials section.

This MIT licensed template is available on GitHub will full code as open source.

Demo & Download

Sedna- Versatile One Page Website Template (Free)

Sedna is a carefully crafted HTML5 one page website template that comes with some lovely, smooth effects. It’s sophisticated design makes for a fitting template usable for many different scenarios. It’s coded with user-friendliness and re-usability in mind, so that you can fine tune Sedna for your own project.

As a bonus, this template also includes Sketch file of the design that you can experiment with and use as a base for your design projects.

Demo & Download

Boxify- Modern HTML5/CSS3 Website Template (Free)

Boxify is a stylish HTML5/CSS3 template that was carefully crafted and enhanced with some smooth effects and animations. It’s fitting for any type of portfolio or start-up website, but it’s very flexible and can be used for many other projects.

The responsive template is made with the freshest web technologies and it’s build with Bootstrap, Flickity, fancyBox, jQuery Waypoints, Animate.css.

Demo & Download

Single Page App Landing Page Template (Free)

This is a free Bootstrap 3 single page template for showcasing your new awesome iPhone Apps. The template from CSS author has simple design, minimalist look, easy to customize design and includes Sign Up and Sign In page. Responsive design looks great on mobile, tablets, large desktops. HTML is validated with HTML 5 validator.

Demo & Download

Landing Zero (Free)

Landing Zero is a Bootstrap landing page theme with a full-screen video background. This single-page Bootstrap template has a sleek dark/grey color scheme, accent color and smooth scrolling.

There are vertical content sections with subtle animations that are activated when scrolled into view. Also included is a gallery with modals that work nicely to showcase your work portfolio. Other features include a contact form, email subscribe form, multi-column footer.

Demo & Download

One Page Material Design Template (Free)

Material Design One page template is fully responsive and free to use. This HTML template is based on Materialize, a material design CSS Framework. The template includes styles for several sections including work, team, and a nice big header.

Unfortunately, the demo link does not work, but the source code for this template is available on GitHub and is available under WTFPL license. Find the link to GitHub page on Download button below. You can also check out more template screenshots on Behance.

Demo & Download

Strata (Free)

Strata by HTML5 UP is a beautiful, clean minimal one page template with a large left “Medium” style image sidebar. The sidebar contains a heading and social links. The sidebar is fixed, but has a subtle parallax effect as the user scrolls. The page content is an intro section, image grid with lightbox and contact form.

This free template is released under the Creative Commons Attribution license.

Demo & Download

Marco – One Page Agency Template (Free)

Marco is a stylish one-page Bootstrap template that is ideal for freelancers or design agencies wanting to show their work. Uses Font Awesome icons & Animation.css. It is a high-contrast dark and light theme with alternating vertical sections.

Demo & Download

Just One Page Template (Free)

Just one page is a modern, responsive one-page template with top navbar and full height, vertically centered sections. Google Fonts Lato (sans serif) and Bitter (serif) are used in this one page template design. This template has subtle animations, a contact form, multi-column footer and login modal.

Source Code is available on CodePly, you can find the link below.

Demo & Download

DEVAID – Free Bootstrap One Page Template for Developers (Free)

devAid is a free Bootstrap 5 one page template designed to help developers promote their personal projects. It comes with 4 colour schemes. The source LESS files are included so you can easily make styling customization.

Demo & Download

How to Choose the Perfect One Page Template for your Website

When it comes to choosing the perfect one page template suitable for your own website, you would have to keep the following three things in mind:

  • What is the template built with?
    If it is made with popular frameworks such as Bootstrap then it would be easy to extend it and change its looks.
  • What is the license of the template?
    Most of free templates come with attribution required license such as CC3. In such cases you are required to give a link-back to the original author of the template. If you are developing a commercial website, giving a link back to the theme author in footer of every page may not be a viable option. In such case you should always lean towards premium one page website templates we listed above.
  • How are you going to get support if something goes wrong?
    When you choose to invest your time or money into a template, you would like to have a good support channel to ask for solutions when something go wrong. Generally, the free themes have a GitHub page where you can open an issue and the template author can reply. It is always a good idea to check how responsive the authors are for the issues that were reported. In case of premium theme, you generally receive support for at least a few months or longer.

How do you like our collection of these free and premium one page website templates? We have attempted to highlight some of the best designed one page templates in our collection. Do let us know if you want us to include any other one page template in our list. Before you go make sure to check out some great mobile friendly HTML templates, Bootstrap admin templates and Material design HTML templates on our site.

Related Post