home > Styleguide

Kleuren

#6e7277 #4f9cc1#ffd34b

Buttons

Button success
<a class="button button-success" href="#">Button success</a>

Typografie

Header 1

Header 2

Header 3

Header 4

Paragraph

Hyperlink
  • <h1>Header 1</h1>
  • <h2>Header 2</h2>
  • <h3>Header 3</h3>
  • <h4>Header 4</h4>
  • <p>Paragraph</p>
  • <a href="#" target="_blank">Hyperlink</a>

Paragraaf

Marzipan dessert cupcake jujubes pastry gingerbread. Sesame snaps halvah donut jelly beans liquorice donut dessert cake. Dessert cheesecake marshmallow chocolate bar cheesecake. Cotton candy oat cake jelly-o liquorice sugar plum fruitcake sugar plum danish. Bonbon halvah pudding pie jelly-o topping chocolate cake.

Tekstkolommen

Dragée fruitcake cake halvah sugar plum sesame snaps chupa chups biscuit sugar plum. Candy canes pastry caramels cheesecake dragée. Bonbon cake wafer cake lemon drops cupcake brownie candy. Candy canes jujubes cotton candy liquorice lollipop marzipan. Macaroon cake halvah gingerbread chocolate cake. Halvah tart danish chupa chups marshmallow sweet. Pie sweet bear claw topping pastry cheesecake. Danish cupcake jelly dessert.
Danish gingerbread tiramisu cotton candy. Chocolate chocolate bar macaroon donut biscuit soufflé sweet lemon drops fruitcake. Apple pie dessert marzipan toffee liquorice cheesecake cotton candy marshmallow. Dessert lollipop marzipan candy canes marzipan. Biscuit croissant candy pastry lemon drops pastry lollipop. Muffin cheesecake pudding gingerbread apple pie croissant gummies cheesecake.
<div class="container">
   <div class="cols">
      <div class="xs-6">
         <p> Text </p>
      </div>
      <div class="xs-6">
         <p> Text </p>
      </div>
   </div>
</div>

Tekstkolommen gelijke hoogte

Danish gingerbread tiramisu cotton candy. Chocolate chocolate bar macaroon donut biscuit soufflé sweet lemon drops fruitcake. Apple pie dessert marzipan toffee liquorice cheesecake cotton candy marshmallow.
Biscuit croissant candy pastry lemon drops pastry lollipop. Muffin cheesecake pudding gingerbread apple pie croissant gummies cheesecake
<div class="container">
   <div class="cols cols-stretch-vertical">
      <div class="xs-6">
         <div class="box stretch-vertical-height"> Text </div>
      </div>
      <div class="xs-6">
         <div class="box stretch-vertical-height"> Text </div>
      </div>
   </div>
</div>

Hoofdcategorieën

<div class="container main-categories">
    <div class="main-categories__wrapper">
        <div class="main-categories__item">
            <a href="#">
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <div class="main-categories__button"><h3>Titel</h3></div>
            </a>
        </div>
        <div class="main-categories__item">
            <a href="#">
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <div class="main-categories__button"><h3>Titel</h3></div>
            </a>
        </div>
        <div class="main-categories__item">
            <a href="#">
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <div class="main-categories__button"><h3>Titel</h3></div>
            </a>
        </div>
    </div>
</div>

Content 3 kolommen

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.
Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

Trends geboortekaartjes

Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.
Cupcake donut tart marzipan tart. Cheesecake topping halvah. Gingerbread cake toffee topping sugar plum jelly dessert. Marshmallow icing candy canes gingerbread cheesecake. Fruitcake lollipop jelly-o chocolate pudding. Pastry cotton candy halvah halvah.

 <div class="flex-content-grid">
    <div class="row">
        <div class="column">
            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text</p>
            </div>
        
            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text<br>
                Text</p>
            </div>
        </div>
        
        <div class="column">
            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text</p>
                <p>Text</p>
            </div>

            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text</p>
            </div>
        </div>

        <div class="column">
            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text</p>
            </div>
        
            <div class="column__content">
                <h4>Trends geboortekaartjes</h4>
                <img alt="" class="img-responsive" src="/media/Lente2018.png" > 
                <p>Text<br>
                Text</p>
            </div>
        </div>
    </div>
</div>
Prijscalculator ×

Kies een categorie

Soort kaart

Formaat

Papiersoort

Enveloppen

Aantal kaarten

Aantal enveloppen

Totaalprijs: