KeukenWiki:Voorbeelden Lay-out/Leveranciers Blokken: verschil tussen versies

Uit KeukenWiki
 
(5 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
−
{{clear}}
+
<pre> Sjabloon {{Clear}} gebruiken op pagina om de voorgaand opmaak te resetten. </pre>
  
 +
== Gebruik 01 ==
 +
<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- Leveranciers-->
 +
<div class="row  mainpage_row" style="padding-bottom: 2em;">
 +
<div class="col-xs-12 col-md-12 col-lg-12" style="border: 1px solid lightgray; padding-bottom: 2em;">
 +
<h1 class="display-4 text-center">Leveranciers</h1>
 +
<p>Deze pagina is mede tot stand gekomen met behulp van:
 +
* [https://www.selsiuz.com/ Selsiuz]
 +
* [https://www.dekkerzevenhuizen.nl/keuken/keukenaccessoires/kokendwaterkranen Dekker]
 +
</p>
 +
</div><!-- EOF container -->
 +
</div><!-- EOF col -->
 +
</div><!-- EOF row --> 
 +
</div><!-- EOF Leveranciers -->
 +
 +
<pre>
 +
<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- Leveranciers-->
 +
<div class="row  mainpage_row" style="padding-bottom: 2em;">
 +
<div class="col-xs-12 col-md-12 col-lg-12" style="border: 1px solid lightgray; padding-bottom: 2em;">
 +
<h1 class="display-4 text-center">Leveranciers</h1>
 +
<p>Deze pagina is mede tot stand gekomen met behulp van:
 +
* [https://www.selsiuz.com/ Selsiuz]
 +
* [https://www.dekkerzevenhuizen.nl/keuken/keukenaccessoires/kokendwaterkranen Dekker]
 +
</p>
 +
</div><!-- EOF container -->
 +
</div><!-- EOF col -->
 +
</div><!-- EOF row --> 
 +
</div><!-- EOF Leveranciers -->
 +
</pre>
 +
 +
== Gebruik enkel ==
 +
 +
<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- 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">Leverancier</h1>
 +
<p style="padding-bottom: 2em;">Deze pagina is mede tot stand gekomen met behulp van [https://www.artegroep.nl/materiaal/dekton/ Artegroep].</p>
 +
</div><!-- EOF container -->
 +
</div><!-- EOF col -->
 +
</div><!-- EOF row --> 
 +
</div><!-- EOF Leveranciers -->
 +
 +
<pre>
 +
 +
<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- 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">Leverancier</h1>
 +
<p style="padding-bottom: 2em;">Deze pagina is mede tot stand gekomen met behulp van [https://www.artegroep.nl/materiaal/dekton/ Artegroep].</p>
 +
</div><!-- EOF container -->
 +
</div><!-- EOF col -->
 +
</div><!-- EOF row --> 
 +
</div><!-- EOF Leveranciers -->
 +
</pre>
 +
 +
== Voorbeeld 1 ==
 
<div class="row  mainpage_row text-center">
 
<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;">
 
<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;">
Regel 29: Regel 84:
 
</div><!-- EOF Ambassadeurs -->
 
</div><!-- EOF Ambassadeurs -->
  
 +
== Voorbeeld 2 ==
 
<div class="row  mainpage_row text-center"><!-- Leveranciers -->
 
<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;">
 
<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;">
Regel 49: Regel 105:
 
</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 Productpagina ==
 +
<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 -->
 +
 +
== Voorbeeld 5 Leveranciers Hoofdpagina ==
 +
<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" style="padding-bottom: 2em;">
 +
<div class="col-xs-12 col-md-4 col-lg-4" style="text-align: left;">
 +
<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><!-- EOF col -->
 +
</div><!-- EOF row -->
 +
</div><!-- EOF container -->
 +
</div><!-- EOF col -->
 +
</div><!-- EOF row --> 
 
</div><!-- EOF Leveranciers -->
 
</div><!-- EOF Leveranciers -->
  
 
[[Categorie:Layout Voorbeelden]]
 
[[Categorie:Layout Voorbeelden]]
 
__NOTOC__
 
__NOTOC__

Huidige versie van 24 feb 2021 om 14:30

 Sjabloon {{Clear}} gebruiken op pagina om de voorgaand opmaak te resetten.

Gebruik 01[brontekst bewerken]

Leveranciers

Deze pagina is mede tot stand gekomen met behulp van: 

<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- Leveranciers-->
<div class="row  mainpage_row" style="padding-bottom: 2em;">
<div class="col-xs-12 col-md-12 col-lg-12" style="border: 1px solid lightgray; padding-bottom: 2em;">
<h1 class="display-4 text-center">Leveranciers</h1>
<p>Deze pagina is mede tot stand gekomen met behulp van:
* [https://www.selsiuz.com/ Selsiuz]
* [https://www.dekkerzevenhuizen.nl/keuken/keukenaccessoires/kokendwaterkranen Dekker]
</p>
</div><!-- EOF container -->
</div><!-- EOF col -->
</div><!-- EOF row -->  
</div><!-- EOF Leveranciers -->

Gebruik enkel[brontekst bewerken]

Leverancier

Deze pagina is mede tot stand gekomen met behulp van Artegroep.


<div class="container-fluid" style="margin-top: 10px; padding-bottom: 2em;"><!-- 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">Leverancier</h1>
<p style="padding-bottom: 2em;">Deze pagina is mede tot stand gekomen met behulp van [https://www.artegroep.nl/materiaal/dekton/ Artegroep].</p>
</div><!-- EOF container -->
</div><!-- EOF col -->
</div><!-- EOF row -->  
</div><!-- EOF Leveranciers -->

Voorbeeld 1[brontekst bewerken]

Ambassadeurs van de KeukenWiki

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!

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Voorbeeld 2[brontekst bewerken]

Leveranciers Ovens

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Voorbeeld 3[brontekst bewerken]

Voorbeeld voor de hoofdpagina!

Ambassadeurs van de KeukenWiki

De Keukenwiki is een initiatief van INretail in samenwerking met de leveranciers en retailers uit de keukenbranche.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Bedrijfsnaam

Kleine omschrijving.

Voorbeeld 4 Productpagina[brontekst bewerken]

Leveranciers van de KeukenWiki

De Keukenwiki is een initiatief van INretail in samenwerking met de leveranciers en retailers uit de keukenbranche.

Leveranciers met bijdragen

Overige leveranciers

  • Inretail
  • BSH groep
  • Dekker Zevenhuizen

Voorbeeld 5 Leveranciers Hoofdpagina[brontekst bewerken]

Leveranciers van de KeukenWiki

De Keukenwiki is een initiatief van INretail in samenwerking met de leveranciers en retailers uit de keukenbranche.

Overgenomen van "https://keukenwiki.nl/w/index.php?title=KeukenWiki:Voorbeelden_Lay-out/Leveranciers_Blokken&oldid=69156"