Brontekst bekijken van KeukenWiki:Voorbeelden Lay-out/Leveranciers Blokken

<pre> Sjabloon {{Clear}} gebruiken op pagina om de voorgaand opmaak te resetten. </pre>
== Voorbeeld 1 ==
<div class="row  mainpage_row text-center">
<div class="col-xs-12 col-md-12 col-lg-12 text-center" style="border: 1px solid lightgray; box-shadow: 2px 2px 4px #CCC; margin-top:15px; text-align: center;">
<h1 class="display-4">Ambassadeurs van de KeukenWiki</h1>
<p>Deze pagina is tot stand gekomen met medewerking van onderstaande keukenleveranciers. Klikt op het logo van de leverancier dan komt u op de pagina van de leverancier met meer informatie over dit onderwerp!</p>
<hr class="my-4" style="width: 80%; text-align-center; margin-left: auto; margin-right: auto;">
<!--- Six Column Section -->
<div class="container-fluid padding">
<div class="row text-center padding" style="margin-bottom: 2rem;">
    <div class="col-xs-6 col-sm-4 col-md-4">
    <div class="logo">[[Bestand:LogoInretail200px.png|100px|class=img-responsive|link=https://www.inretail.nl/nieuws/keukenwiki/ |Logo InRetail]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div> 
    <div class="col-xs-6 col-sm-4 col-md-4">
    <div class="logo">[[Bestand:LogoBSH200px.png|100px|class=img-responsive|link=https://www.bsh-group.com/nl/ |Logo BSH Group]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4">
    <div class="logo">[[Bestand:LogoDZH200px.png|100px|class=img-responsive|link=https://www.dekkerzevenhuizen.nl/nieuws/algemeen/ |Logo Dekker Zevenhuizen]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
</div> 
</div>
</div> 
</div><!-- EOF Ambassadeurs -->

== Voorbeeld 2 ==
<div class="row  mainpage_row text-center"><!-- Leveranciers -->
<div class="col-xs-12 col-md-12 col-lg-12 text-center" style="border: 1px solid lightgray; box-shadow: 2px 2px 4px #CCC; margin-top:15px; text-align: center;">
<h1 class="display-4">Leveranciers Ovens</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<hr class="my-4" style="width: 80%; text-align-center; margin-left: auto; margin-right: auto;">
<!--- Six Column Section -->
<div class="container-fluid padding">
<div class="row text-center padding" style="margin-bottom: 2rem;">
    <div class="col-xs-6 col-sm-4 col-md-4 isDisabled">
    <div class="logo">[[Bestand:LogoInretail200px.png|100px|class=img-responsive|Logo InRetail]]</div>
    </div> 
    <div class="col-xs-6 col-sm-4 col-md-4 isDisabled">
    <div class="logo">[[Bestand:LogoBSH200px.png|100px|class=img-responsive|Logo BSH Group]]</div>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-4 isDisabled">
    <div class="logo">[[Bestand:LogoDZH200px.png|100px|class=img-responsive|Logo Dekker Zevenhuizen]]</div>
    </div>
</div> 
</div>
</div>
</div><!-- EOF Leveranciers -->

== Voorbeeld 3 ==
<pre>Voorbeeld voor de hoofdpagina!</pre>
<div class="container" style="margin-top: 10px;"><!-- Ambassadeurs -->
<div class="row  mainpage_row text-center">
<div class="col-xs-12 col-md-12 col-lg-12" style="border: 1px solid lightgray;">
<h1 class="display-4">Ambassadeurs van de KeukenWiki</h1>
<p>De Keukenwiki is een initiatief van INretail in samenwerking met de leveranciers en retailers uit de keukenbranche.</p>
<hr class="my-4" style="width: 60%; text-align-center; margin-left: auto; margin-right: auto;">
<!--- Three Column Section -->
<div class="container-fluid padding">
<div class="row text-center padding">
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoInretail200px.png|50px|class=img-responsive|link=https://www.inretail.nl/nieuws/keukenwiki/ |Logo InRetail]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoBSH200px.png|50px|class=img-responsive|link=https://www.bsh-group.com/nl/ |Logo BSH Group]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoDZH200px.png|50px|class=img-responsive|link=https://www.dekkerzevenhuizen.nl/nieuws/algemeen/ |Logo Dekker Zevenhuizen]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoInretail200px.png|50px|class=img-responsive|link=https://www.inretail.nl/nieuws/keukenwiki/ |Logo InRetail]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoBSH200px.png|50px|class=img-responsive|link=https://www.bsh-group.com/nl/ |Logo BSH Group]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-2">
    <div class="logo">[[Bestand:LogoDZH200px.png|50px|class=img-responsive|link=https://www.dekkerzevenhuizen.nl/nieuws/algemeen/ |Logo Dekker Zevenhuizen]]</div>
        <h6>Bedrijfsnaam</h6>
        <p>Kleine omschrijving.</p>
    </div>
</div>  
</div>    
</div><!-- EOF Ambassadeurs -->

== Voorbeeld 4 ==
<div class="container" style="margin-top: 10px;"><!-- Leveranciers-->
<div class="row  mainpage_row text-center">
<div class="col-xs-12 col-md-12 col-lg-12" style="border: 1px solid lightgray;">
<h1 class="display-4">Leveranciers van de KeukenWiki</h1>
<p>De Keukenwiki is een initiatief van INretail in samenwerking met de leveranciers en retailers uit de keukenbranche.</p>
<hr class="my-4" style="width: 60%; text-align-center; margin-left: auto; margin-right: auto;">
<!--- Leveranciers bijdragen -->
<div class="container-fluid padding">
<div class="row">
<div class="col-xs-12 col-md-4 col-lg-4" style="text-align: left;">
<div class="panel panel-default"><h3>Leveranciers met bijdragen</h3>
<div class="panel-body">
* [https://www.inretail.nl/nieuws/keukenwiki/ Inretail]
* [https://www.bsh-group.com/nl/ BSH groep]
* [https://www.dekkerzevenhuizen.nl/nieuws/algemeen/ Dekker Zevenhuizen]
</div>
</div>
</div><!-- EOF col -->
</div><!-- EOF row --> 
<div class="row" style="padding-bottom: 2em;">
<div class="col-xs-12 col-md-4 col-lg-4" style="text-align: left;">
<div class="panel panel-default"><h6>Overige leveranciers</h6>
<div class="panel-body">
<small>
* Inretail
* BSH groep
* Dekker Zevenhuizen
</small>
</div>
</div>
</div><!-- EOF col -->
</div><!-- EOF row --> 
</div><!-- EOF container -->
</div><!-- EOF col -->
</div><!-- EOF row -->  
</div><!-- EOF Leveranciers -->

[[Categorie:Layout Voorbeelden]]
__NOTOC__