geenkaas

<form class="c-form">
    <fieldset>
        <legend>Standard input fields</legend>

        <div class="c-form__row">
            <label for="naam">naam</label>
            <input type="text" id="naam" placeholder="naam" />
        </div>

        <div class="c-form__row">

geenkaas

<header class="s-masthead">
    <div class="s-column">
    </div>
</header>

<div class="s-body">
    <div class="s-column">
        <main class="s-content">
        </main>

geenkaas

<div class="s-gallery s-gallery--4 s-gallery--responsive">
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    /* etc */
</div>

geenkaas

<div class="s-gallery s-gallery--8">
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>
    <div class="s-gallery__column">Item</div>

geenkaas

<div class="s-row s-row--responsive">
    <div class="s-row__column s-row__column--4-12">
        One third (4/12)
    </div>
    <div class="s-row__column s-row__column--4-12">
        One third (4/12)
    </div>
    <div class="s-row__column s-row__column--4-12">
        One third (4/12)
    </div>

geenkaas

<div class="s-row">
    <div class="s-row__column s-row__column--6-12">
        One half (6/12)
    </div>
    <div class="s-row__column s-row__column--3-12">
        One quarter (3/12)
    </div>
    <div class="s-row__column s-row__column--2-12">
        One sixth (2/12)
    </div>

geenkaas

<main class="s-site__content s-site__content--fullwidth">
    /* content */
</main>

geenkaas

<main class="s-site__content">
    /* content */
</main>

<aside class="s-site__sidebar">
    /* widgets */
</aside>

geenkaas

#background {
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: -666;
  }
#background img {
  height: auto;
  width: 100%;
  }

geenkaas

<?php 
  $isiPad = (strpos($_SERVER['HTTP_USER_AGENT'],'iPad') !== false) ? true : false;
  if ($isiPad) { ?>
    // You are an iPad
  <?php } else { ?>
    // You are not an iPad
  <?php };
?>