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

Typography


CSS Framework heeft standaard de volgende lettertype-instellingen:

Onderdeel Waarde
font-family Verdana,sans-serif
font-size 0.9375rem (15px)
line-height 1.5

<p></p>


<h1></h1> until <h6></h6> and <small></small>

Header 1 Small tekst

Header 2 Small tekst

Header 3 Small tekst

Header 4 Small tekst

Header 5 Small tekst
Header 6 Small tekst

<blockquote></blockquote>

Voetbal is een simpel spelletje. Ofwel kom je op tijd bij de bal, ofwel ben je te laat. Als je vaak te laat komt, moet je de volgende keer gewoon wat vroeger vertrekken.

Johan Cruijff

<pre></pre>

<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/cf.css" />
.......

<abbr></abbr>

CSS Framework is een CSS en JS framework.


<dl></dl> en <dt></dt> en <dd></dd>

Koffie
Een hete drank
Melk
Een koude drank

<code></code>

<div class='container'></div>


<kbd></kbd>

Full Screen


<mark></mark>

Important!


<a></a>

Link


<hr>



Klik op de Class naam om deze te kopiëren.


title-8 Responsive Title 8vw

Title 8

title-7 Responsive Title 7vw

Title 7

title-6 Responsive Title 6vw

Title 6

title-5 Responsive Title 5vw

Title 5

title-4 Responsive Title 5vw

Title 4

title-3 Responsive Title 3vw

Title 3

title-2 Responsive Title 2vw

Title 2

Voorbeeldcode:

<div class="title-8">Titel 8</div>

Klik op de Class naam om deze te kopiëren.


lorum-sm Small lorum text


Voorbeeldcode:

<p class="lorum-sm"></p>

lorum-lg Big lorum text


Voorbeeldcode:

<p class="lorum-lg"></p>

Klik op de Class naam om deze te kopiëren.


bold

italic

wide

upper

lower

capitalize

text-shadow-b

text-shadow-w


Klik op de Class naam om deze te kopiëren.


xsmall


small


medium


large


xlarge


xxlarge


xxxlarge


jumbo


© Copyright by Web Henkie
All right reserved
Webmaster