Logo

This is a responsive header of LiteCSS

Responsive

Your website will display beautifully, no matter the device or screen type.

Lightweight

The CSS is super light, so you won’t have to worry about adding to page load times.

Simple

Lite CSS is made for all skill levels, so you can jump right into your project.

LiteCSS

This project has the goal to provide a fully responsive CSS framework that is small to provide good performance and saving time by providing a good base for any website. To keep it as minimalistic as possible this framework ignores the use of JavaScript to reduce loading and rendering times through possible delays caused by scripts. It is free to use and can be accessed or changed over this GitHub repository.

Grid

Each column is contained within rows, which are contained within a container. The container is set to a maximum width of 960px, but you can edit without having to break anything. The Grid shrinks with the browser/device at smaller sizes. The max width can be changed with one line of CSS and all columns will resize accordingly. The syntax is simple and it makes coding responsive much easier. Go ahead, resize the browser.

one
eleven
two
ten
three
nine
four
eight
five
seven
six
six

Navigation

The navigation bar is a smart Lite's CSS feature. It can be displayed and resized on any screen device responsibly. Also it can be edited with a couple of modifications to suit any developers needs!

Header

The Header is another smart feature of Lite CSS. It is a simple, beautiful and also any type customizable header! You can display whatever you want and customize it simply. The header is also extra resposible on any screen device resolution.

Typography

Simple but really beautiful the Lite's CSS Typography is measured right to display you website/blog texts correct.



Heading #1

Heading #2

Heading #3

Heading #4

Heading #5
Heading #6
Link bold italic underlined stroke normal

Tables

Tables are working perfectly and displaying the content in a correct way. They are very responsible and cutomizable.



Account Due Date Amount Period
Visa - 3412 04/01/2016 $1,190 03/01/2016 - 03/31/2016
Visa - 6076 03/01/2016 $2,443 02/01/2016 - 02/29/2016
Corporate AMEX 03/01/2016 $1,181 02/01/2016 - 02/29/2016

Lists

You can see an example of Lite CSS lists ordered and unordered.



  1. Some main category
    1. Hello
  2. Some other stuff

Forms

Forms are a huge pain, but hopefully these styles make it a bit easier. All inputs, select, and buttons are normalized for a common height cross-browser so inputs can be stacked or placed alongside each other.





Buttons

Lite CSS offers a variety of simple but also beautiful buttons. The philosophy behind the buttons are to be responsive, simple and really customizable for the needs of the user.



Header

Footer is another unique feature of Lite CSS. It is simple highly customizable and no matter what responsive! Try it out!

Positions

There are 5 types/classes of Positioning: left, right, center, justify, round for a better website!

Cards

Custom Cards can display any notification or message that you like!

Tooltips

Show any type of message by using tooltips! Cool animation too! No JS is used!



Hover over me Tooltip text