Minimal CSS Framework


MinimalCSS is a free CSS template released under the MIT License. The MIT License is simple and easy to understand and it places almost no restrictions on what you can do with this template. You are free to use any MinimalCSS in any project (even commercial projects) as long as the copyright header is left intact.

MinimalCSS was designed for simple static websites, but can also be adapted to fit a CMS of your choice. It does not rely on any outside libraries or services and is suitable for use on intranets.

After downloading, simply edit the html with your content and upload it to your website. Layout examples are included in the CSS Grid section seen below.

Simple

MinimalCSS is as simple as possible and only contains two files needed for production. index.html & minimal.css

Compact

The CSS file or Cascading Style Sheet included is a compact as possible, feel free to modify to suit your needs.

Cross Browser

MinimalCSS is tested in the latest versions of Safari, Firefox, Chrome, Opera and Internet Explorer.

Sidebar

The CSS Grid is flexible and can accommodate many layout types, images, banner ads, tables, etc. Below are some placeholder banner ads that are common on some blogs.


To the left is an example of a list of links. This is sometimes called a blogroll on blogs.


Grid


Two Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu tortor libero. Sed rutrum mauris quam. Donec rutrum consectetur metus, sed blandit neque aliquam nec.

Mauris vestibulum venenatis turpis ac vestibulum. Ut sit amet metus gravida leo porttitor pellentesque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec vel nisl ligula. Phasellus a rhoncus lorem.

Two Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu tortor libero. Sed rutrum mauris quam. Donec rutrum consectetur metus, sed blandit neque aliquam nec.

Two Column Nested

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Two Column Nested

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Three Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta semper urna, ornare faucibus velit facilisis vel. Curabitur venenatis nulla vel magna pretium at fringilla felis pharetra. Morbi vehicula sem ut nisl condimentum sed consectetur purus pulvinar. Fusce urna enim, posuere quis egestas id, cursus eu leo. Morbi ornare tempus lacus eget accumsan. Mauris turpis nisi, sodales eget vestibulum sit amet, scelerisque et lectus. Donec quis nisl ut libero tristique adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetur neque vel eros suscipit non semper quam ultrices. Praesent sodales condimentum sollicitudin. Nam molestie euismod diam a mattis. Nam vitae odio augue, nec venenatis felis. Vestibulum nisi justo, elementum id sodales in, fringilla vitae augue.

Three Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta semper urna, ornare faucibus velit facilisis vel. Curabitur venenatis nulla vel magna pretium at fringilla felis pharetra. Morbi vehicula sem ut nisl condimentum sed consectetur purus pulvinar. Fusce urna enim, posuere quis egestas id, cursus eu leo. Morbi ornare tempus lacus eget accumsan. Mauris turpis nisi, sodales eget vestibulum sit amet, scelerisque et lectus. Donec quis nisl ut libero tristique adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetur neque vel eros suscipit non semper quam ultrices. Praesent sodales condimentum sollicitudin. Nam molestie euismod diam a mattis. Nam vitae odio augue, nec venenatis felis. Vestibulum nisi justo, elementum id sodales in, fringilla vitae augue.

Three Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta semper urna, ornare faucibus velit facilisis vel. Curabitur venenatis nulla vel magna pretium at fringilla felis pharetra. Morbi vehicula sem ut nisl condimentum sed consectetur purus pulvinar. Fusce urna enim, posuere quis egestas id, cursus eu leo. Morbi ornare tempus lacus eget accumsan. Mauris turpis nisi, sodales eget vestibulum sit amet, scelerisque et lectus. Donec quis nisl ut libero tristique adipiscing. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In consectetur neque vel eros suscipit non semper quam ultrices. Praesent sodales condimentum sollicitudin. Nam molestie euismod diam a mattis. Nam vitae odio augue, nec venenatis felis. Vestibulum nisi justo, elementum id sodales in, fringilla vitae augue.


Four Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Four Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Four Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Four Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Six Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Table


Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data