Flat Hero - UI Kit

Demonstration - Version 0.1

Fork on GitHub

introduction

Flat Hero gives you some CSS & HTML components to build websites ! It's easy to hack with LESS files and (probably) CSS framework-friendly.

Clone me

Type this command in your favorite terminal 

git clone https://github.com/VincentLoy/flat-hero-ui-kit.git

color scheme

Colors used

#668CD4

@brand-primary

#3DC16A

@brand-success

#D8BC45

@brand-warning

#45B6D8

@brand-info

#D86565

@brand-alert

grayscale

#222

@gray-darker

#333

@gray-dark

#555

@gray

#777

@gray-light

#EEE

@gray-lighter

buttons

General buttons styles

primary success warning info alert

You Have to put the .fl-btn class and then put one of the fl-btn-* classes.
.fl-btn [.fl-btn-primary, .fl-btn-success, .fl-btn-warning, .fl-btn-info, .fl-btn-alert]

Socials Buttons

Profil style - (work in progress)

Helena Doe

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur sequi, in neque quo excepturi. Mollitia fuga, voluptas iusto ea dolores.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere asperiores voluptas cum quisquam laborum eligendi, a iure enim. Illo magnam repellendus laboriosam magni eligendi at! Natus ad, amet velit quod!

Portfolio

Thank You Card

Dear Buyer

First, Thanks for your purchase, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea recusandae qui iste dicta hic impedit, accusamus soluta consectetur labore odit! Reprehenderit, neque veritatis nemo fugiat voluptatem amet sit ea. Veritatis, sit earum! Aperiam, cum! Dolores dolore nam esse eius. Similique quae illum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus pariatur culpa dolor, praesentium temporibus ab at mollitia nesciunt tempora eligendi debitis deleniti sint esse harum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa delectus eos libero distinctio totam culpa assumenda ut facere! Consectetur tempore repudiandae voluptates. Vel consequatur, hic necessitatibus, sapiente assumenda atque obcaecati fuga facere provident nemo quia impedit alias magnam. Ratione culpa veritatis, aliquam sequi recusandae voluptates.

AlbaPasta Team <3