OnePagers Gradient Theme

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 GPLv3

View on Github Download .ziplatest version: 1.0

The Gradients

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 -
ie. <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,
eg. aubergine becomes aubergine-inverse.

nepal

bora-bora

venice-blue

electric-violet

kashmir

mirage

juicy-orange

mojito

cherry

pinky

sea-weed

purple-paradise

sunrise

aqua-marine

aubergine

bloody-mary

mango-pulp

rose-water

lemon-twist

emerald-water

intuitive-purple

green-beach

harmonic-energy

nimvelo

sea-blue

celestial

learning-and-leading

pacific-dream

venice

orca

love-and-liberty

very-blue

can-you-feel-the-love-tonight

the-blue-lagoon

under-the-lake

honey-dew

easymed

vice-city

mild

dawn

eighties-purple

brady-brady-fun-fun

cosmic-fusion

love-couple

sherbert

lush

frost

mauve

deep-sea-space

grapefruit-sunset

solid-vault

sweet-morning

transfile

deep-space

suzy

purplin

inbox

blush

little-leaf

master-card

passion

timber

turquoise-flow

endless-river

purple-bliss

crazy-orange

amethyst

dance-to-forget

reef

aqualicious

blurry-beach

namn

day-tripper

army

The Theme

Make it your own! Be sure to read the README.md file to get started.

74 Gradients

Choose from 74 different gradients. Want to flip it? Add -inverse to the end of its class name.

For example, change purple-bliss to purple-bliss-inverse.

Icons Included

Choose from 675 icons in Font Awesome 4.7.0

View the complete list of icons here.

100% Responsive

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.

Button Colours

Change the mouseover colour of each button using Bootstrap default colours - default, primary, success, info, warning or danger.

Default Primary Success Info Warning Danger

Bootstrap Alerts

Use Bootstrap Alerts to draw the user's attention to an important message.

Well done! You successfully read this important alert message.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

All the Icons!

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>.

Contact Us

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.