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

Welkom


Welkom

Met CSS-framework kunt u eenvoudig een responsieve website bouwen. Het is een CSS3 class systeem ondersteund door javascript.
Het is een eenvoudig te leren systeem en zeer uitgebreid.
Het heeft een eenvoudig en sterk grid systeem waarmee u robuuste, responsieve websites kunt bouwen.
Het heeft een ingebouwd kleursysteem en de keuze van kleurthema's.

Veel plezier!

Het is gratis!

CSS-framework is volledig gratis te gebruiken en gratis te wijzigen.

Verspreid het als je wilt, maar het is verboden om geld te vragen, het is gratis!



Hoe te installeren?

Installeren is heel eenvoudig.

Download het zelfuitpakkende zipbestand en plaats het in de map waar u de site wilt bouwen.

Open het bestand (dubbelklik) en de mappen en bestanden worden uitgepakt.


voorbeeld-1
voorbeeld-2
voorbeeld-3

Je mappen zien er ongeveer zo uit:
voorbeeld-4
voorbeeld-5

Maak nu je 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 werkt in alle moderne browsers.

chrome Edge Firefox Safari Opera
29.0 11.0 22.0 10 48

Pictogrammen

Als u pictogrammen wilt invoegen, kunt u de meegeleverde Fontawesome-pictogrammen gebruiken, natuurlijk kunt u ook een ander pictogrampakket kiezen, bijvoorbeeld Bootstrap- of Google-pictogrammen.

Om een pictogram in te voegen, wordt de volgende code meestal gebruikt:

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

Voor een uitgebreid overzicht van de Font Awesome-pictogrammen met hun codes:




© Copyright by Web Henkie
All right reserved
Webmaster