flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Welcome


Welcome

With CSS framework you can easily build a responsive website. It is a CSS3-class system supported by jquary javascript.
It is an easy to learn system and very extensive.
It has a simple and strong grid system with which you can build robust, responsive websites.
It has a built-in color system and the choice of color themes.

Lots of fun!

It is Free!

CSS framework is completely free to use and free to modify.

Distribute it if you want, but it is forbidden to ask for money, it's free!



How To Install?

Installing is very simple.

Download the self-extracting zip file and place it in the folder where you want to build the site.

Open the file (eg double-click) and the folders and files are extracted.


voorbeeld-1
voorbeeld-2
voorbeeld-3

Your folders will look something like this:
voorbeeld-4
voorbeeld-5

Now create your index.html.
<!DOCTYPE html>

<html>
<head>
<title>Titel</title>
  <!-- Meta -->
  <meta charset="utf-8">
  <meta name="description" content="" /> 
  <meta name="keywords" content="" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

  <!-- CSS NORMALIZE -->
  <link rel="stylesheet" href="css/normalize.css" />
  <!-- CSS FRAMEWORK -->
  <link rel="stylesheet" href="css/css-framework.css" />
  <!-- IF NECESSARY: ICONS -->
  <link rel="stylesheet" href="css/fontawesome-4.5.0.min.css" />

</head>
<body>
  ...
  ...
  ...
<!-- JAVASCRIPT -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/css-framework.js"></script>
</body>
</html>

CSS framework works in all modern browsers.

chrome Edge Firefox Safari Opera
29.0 11.0 22.0 10 48

Icons

If you want to insert icons you can use the supplied Fontawesome icons, of course you can also choose a different icon package eg Bootstrap or Google icons.

To insert an icon the following code is generally used:

<i class="..."></i> or <span class="..."></span>

For a comprehensive overview of the Fontawesome icons with their codes:




© Copyright by Web Henkie
All right reserved
Webmaster