The OnePagers Gradient theme has plenty of options to customise to make it truly your own!
Make sure you read the README.md document to learn how to fully customise this template
Did this template help you? Consider donating or helping with development.
Distributed under GNU GPLv3View on Github Download .ziplatest version: 1.0
74 gradients to choose from, hand-picked from the uiGradients collection.
Here's a list of all the gradients and their class names. To change a section's gradient, replace its last class with the gradient class of your choice -
<div class="col-md-12 section aubergine" id="section2">
Hover your mouse over each gradient to see what it looks like inverted. Want to use the inverted gradient? Simply add -inverse to the end of the gradient class name,
Make it your own! Be sure to read the README.md file to get started.
Choose from 74 different gradients. Want to flip it? Add -inverse to the end of its class name.
For example, change
Choose from 675 icons in Font Awesome 4.7.0
View the complete list of icons here.
Built using Bootstrap 3, this template scales to look beatiful on any size display.
Check the README.md document to see how to make your images responsive.
Change the mouseover colour of each button using Bootstrap default colours -
Use Bootstrap Alerts to draw the user's attention to an important message.
OnePagers Gradient theme comes with Fontawesome 4.7.0 by Dave Gandy.
Use any icons from the complete set of 675 icons - go wild!
It's as simple as including
<i class="fa fa-cogs" aria-hidden="true"></i>.
This is where you'll put some information about your company.
The section below is split into 2 separate components - you can put your contact details on the left hand side, and a contact form on the right hand side - or anything you choose. Sweet!
Make sure you replace the contact form with your own! For instructions, see the README.md document.
Get In Touch
Phone: 02 9876 5432
Fax: 02 3456 7890
123 Fake St
Sydney NSW 2000
Or use the Contact Form to the right... yes, this is a live contact form - your message will be sent to the theme developer
Make sure you replace this contact form with your own! We recommend using the free formspree.io service.
Want to Report a Bug in this template? Visit us on github.