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


By default CSS Framework has the following font settings:

Property Value
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>

I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best

Marilyn Monroe

<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 a CSS and JS framework.


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

Coffee
A hot drink
Milk
A cold drink

<code></code>

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


<kbd></kbd>

Full Screen


<mark></mark>

Important!


<a></a>

Link


<hr>



Click on the Class name to copy it.


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

Example code:

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

Click on the Class name to copy it.


lorum-sm Small lorum text


Example code:

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

lorum-lg Big lorum text


Example code:

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

Click on the Class name to copy it.


bold

italic

wide

upper

lower

capitalize

text-shadow-b

text-shadow-w


Click on the Class name to copy it.


xsmall


small


medium


large


xlarge


xxlarge


xxxlarge


jumbo


© Copyright by Web Henkie
All right reserved
Webmaster