08 - Layouts - Basic - HTML-mailing

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] [[+alignment]] container">
        [[+main]]
    </div>
</div>Template

A single column, with a defined max width.

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

A cbLayoutAlignment A cbLayoutBackgrounds A cbSettingContainerType

P Verstuur e-mails die je omzet verhogen P Een overzicht van de functionaliteit P Bouw je eigen e-mailtemplate P Effectieve e-mailmarketing P Marketingautomatisering P De basis van marketingautomatisering P Starten met customer journeys P Laat je database met relaties groeien P E-mailpersonalisatie P Verstuur prachtig vormgegeven e-mails P Personalisatie P Beheer uw eigen abonnees P Analyseer de overzichtelijke rapportages P Gegarandeerde aflevering van uw e-mail P Pattern Library P 00 - Electrons P 00 - Universal P 00 - FormBlocks P 00 - FormBlocks - System Settings P 00 - Information P 01 - Atoms P 01 - ContentBlocks P 01 - ContentBlocks - Select P 01 - Data P 01 - Images P 01 - Navigation P 01 - Taxonomy P 02 - Molecules P 02 - FormBlocks P 02 - Overviews P 03 - Organisms P 04 - Templates P 06 - Formulas P 07 - Computations P 08 - Bosons P 08 - Fields P 08 - Fields - Layout P 08 - Layouts P 08 - Layouts - Basic P Onze klanten aan het woord P Nyenrode Business Universiteit P CONO Kaasmakers P Between P Babcock International P Juridisch Platform P De Vastgoedbeschermer P Source P Genieten van grastennis op de Ordina Open P Common sense met Axis into ICT P Competentie Thermometer P De Digitale Gesprekscyclus P Backyard P Examples P Information P Navigation P Confirmation P Publication P Impression P Persuasion P Connection P Conversation P Adaptation P Monetization P Kies het pakket dat bij je past P Wij ontwerpen en bouwen uw e-mail nieuwsbrief P Over ons bedrijf P Blog P In 5 stappen naar meer nieuwsbrief abonnees P Het beste inschrijfformulier voor je nieuwsbrief P E-mailmarketing en bounce rates P 5 manieren voor interactieve content in e-mailmarketing P Het team van HTML-mailing P Jop Berkhout P Hugo P Iris P Bram P Neem contact met ons op P Plan een demo in P Bedankt voor je aanvraag! P Contact met Sales P Verzonden P Contact met Support P Je ondersteuningsverzoek is verstuurd P Ontzorgdpakketten P Veelgestelde vragen P E-mailmarketing gratis proberen P Bedankt voor je aanvraag! P Status Grid P Algemene informatie P Onze algemene voorwaarden P Ons privacybeleid P Ons anti-spambeleid P Resultaten van je zoekopdracht P Sorry, die pagina bestaat niet! P Pagina niet toegankelijk P Hoera, je bent aangemeld! P Marketing P Contentmarketing P Blog P Brand evangelist P Brand mention P Content advertising P Content curation P Repurposed content P RSS P User generated content P Digitale marketing P Affiliate marketing P Algoritme P Ankertekst P Attributiemodel P Business To Business (B2B) P Business To Consumer (B2C) P Backlinks P Behavioral targeting P Branding P E-mailmarketing P Anti-spamwetgeving P Autoresponder P Bounce P Bulk e-mail P Conversie P Dubbele opt-in P Drip campaigns P Open-rate P Handleidingen P E-mailmarketingvoorspellingen 2018 P E-mail P Inloggen voor bestaande klanten P Aanmelden nieuwsbrief NCGI P Bevestig uw e-mailadres P Succesvol ingeschreven P Afmelden nieuwsbrief NCGI P U bent afgemeld P XML-sitemap voor Google P 05 - Web

Content + Sidebar

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] container">
        <div class="ui stackable doubling [[+padding]] [[+alignment]] [[+divider]] equal width grid">
            <div class="row">
                <div class="column">[[+main]]</div>
                <div class="[[+sidebar_width]] wide column">[[+sidebar]]</div>
            </div>
        </div>
    </div>
</div>Template

Combination of a main content area (65%) and a sidebar on the right (35%).

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	sidebar_width
title	Sidebar width
fieldtype	select
default_value	six
fieldoptions	1 column=one 2 columns=two 3 columns=three 4 columns=four 5 columns=five 6 columns=six 7 columns=seven 8 columns=eight

reference	padding
title	Extra padding
fieldtype	select
default_value	relaxed
fieldoptions	None=regular A little=relaxed A lot=very relaxed

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

reference	divider
title	Divider
fieldtype	select
fieldoptions	None= Vertical divider between columns=divided Borders around each column (celled)=celled Borders inside the columns only=internally celled

A cbLayoutAlignment A cbLayoutBackgrounds A cbLayoutDivider A cbSettingColumns A cbSettingContainerType A cbSettingPadding

P 08 - Layouts - Basic P Jop Berkhout P Hugo P Iris P Bram P Effectieve e-mailmarketing

Sidebar + Content

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] container">
        <div class="ui stackable doubling [[+padding]] [[+alignment]] [[+divider]] equal width grid">
            <div class="row">
                <div class="[[+sidebar_width]] wide column">[[+sidebar]]</div>
                <div class="column">[[+main]]</div>
            </div>
        </div>
    </div>
</div>Template

Combination of a left sidebar (35%) and a main content area (65%).

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	sidebar_width
title	Sidebar width
fieldtype	select
default_value	six
fieldoptions	1 column=one 2 columns=two 3 columns=three 4 columns=four 5 columns=five 6 columns=six 7 columns=seven 8 columns=eight

reference	padding
title	Extra padding
fieldtype	select
default_value	relaxed
fieldoptions	None=regular A little=relaxed A lot=very relaxed

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

reference	divider
title	Divider
fieldtype	select
fieldoptions	None= Vertical divider between columns=divided Borders around each column (celled)=celled Borders inside the columns only=internally celled

A cbLayoutAlignment A cbLayoutBackgrounds A cbLayoutDivider A cbSettingColumns A cbSettingContainerType A cbSettingPadding

P Een overzicht van de functionaliteit P Effectieve e-mailmarketing P Laat je database met relaties groeien P 08 - Layouts - Basic P Boomstructuur van onze site

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] container">
        <div class="ui four column stackable doubling [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
                <div class="column">[[+col_3]]</div>
                <div class="column">[[+col_4]]</div>
            </div>
        </div>
    </div>
</div>Template

Four equally wide columns, ideal for product grids.

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	padding
title	Extra padding
fieldtype	select
default_value	relaxed
fieldoptions	None=regular A little=relaxed A lot=very relaxed

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

reference	divider
title	Divider
fieldtype	select
fieldoptions	None= Vertical divider between columns=divided Borders around each column (celled)=celled Borders inside the columns only=internally celled

A cbLayoutAlignment A cbLayoutBackgrounds A cbLayoutDivider A cbSettingContainerType A cbSettingPadding

P 08 - Layouts - Basic

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] container">
        <div class="ui three column stackable doubling [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
                <div class="column">[[+col_3]]</div>
            </div>
        </div>
    </div>
</div>Template

Three equally divided columns.

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	padding
title	Extra padding
fieldtype	select
default_value	relaxed
fieldoptions	None=regular A little=relaxed A lot=very relaxed

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

reference	divider
title	Divider
fieldtype	select
fieldoptions	None= Vertical divider between columns=divided Borders around each column (celled)=celled Borders inside the columns only=internally celled

A cbLayoutAlignment A cbLayoutBackgrounds A cbLayoutDivider A cbSettingContainerType A cbSettingPadding

P 08 - Layouts - Basic P Information P Presentation

<div class="ui vertical stripe segment [[+background]]">
    <div class="ui [[+container_type]] container">
        <div class="ui two column stackable doubling [[+padding]] [[+alignment]] [[+divider]] grid">
            <div class="row">
                <div class="column">[[+col_1]]</div>
                <div class="column">[[+col_2]]</div>
            </div>
        </div>
    </div>
</div>Template

Two fifty-fifty columns.

reference	background
title	Background
fieldtype	select
default_value	white
fieldoptions	White=white Light=secondary Dark=inverted dark Primary color (Light)=primary-color Primary color (Dark)=inverted primary-color Secondary color (Light)=secondary-color Secondary color (Dark)=inverted secondary-color Workflows=workflows inverted background Paarsig=paarsig inverted background Templates=templates inverted background Wereldkaart=wereldkaart background Cerios=cerios inverted background Vastgoed=vastgoed inverted background Ordina=ordina inverted background Source=source inverted background Nyenrode=nyenrode background Vondelparc=vondelparc inverted background Marketing automatisering=marketing-automatisering inverted background Transparent=transparent

reference	container_type
title	Width
fieldtype	select
fieldoptions	Standard width (container)= Full width (fluid)=fluid Optimal readability (text)=text

reference	padding
title	Extra padding
fieldtype	select
default_value	relaxed
fieldoptions	None=regular A little=relaxed A lot=very relaxed

reference	alignment
title	Content alignment
fieldtype	select
fieldoptions	Left=left aligned Center=center aligned Right=right aligned Justified=justified Middle=middle aligned Bottom=bottom aligned Left and middle=left aligned middle aligned Center and middle=center aligned middle aligned Right and middle=right aligned middle aligned

reference	divider
title	Divider
fieldtype	select
fieldoptions	None= Vertical divider between columns=divided Borders around each column (celled)=celled Borders inside the columns only=internally celled

A cbLayoutAlignment A cbLayoutBackgrounds A cbLayoutDivider A cbSettingContainerType A cbSettingPadding

P Project Dashboard P Een overzicht van de functionaliteit P Laat je database met relaties groeien P 08 - Layouts - Basic P Information P Adaptation P Ons anti-spambeleid

Single Column

Contains the following patterns

Used on the following pages

Content + Sidebar

Contains the following patterns

Used on the following pages

Sidebar + Content

Contains the following patterns

Used on the following pages

4 Columns

Contains the following patterns

Used on the following pages

3 Columns

Contains the following patterns

Used on the following pages

2 Columns

Contains the following patterns

Used on the following pages

Voorspellingen 2018

Contentmarketing

Digitale marketing

E-mailmarketing