KeukenWiki:Voorbeelden Lay-out/Leveranciers Blokken: verschil tussen versies
Uit KeukenWiki
| Regel 1: | Regel 1: | ||
| − | {{ | + | <pre> Sjabloon {{Clear}} gebruiken op pagina om de voorgaand opmaak te resetten. </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 29: | ||
</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 50: | Regel 51: | ||
</div> | </div> | ||
</div><!-- EOF Leveranciers --> | </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 --> | ||
[[Categorie:Layout Voorbeelden]] | [[Categorie:Layout Voorbeelden]] | ||
__NOTOC__ | __NOTOC__ | ||
Versie van 3 feb 2021 10:35
Sjabloon {{Clear}} gebruiken op pagina om de voorgaand opmaak te resetten.
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.
