<div><ul>
<li style="display: inline-block; vertical-align: top;"> [[File:layout1.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 1</p> <p style="font-weight: bold;">Module:</p>
Offerte: Slider, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector),<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:layout2.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 2</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:layout3.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Module:</p>
Offerte: Preistabelle, Offerte Auswahl (Button/Selector), Slider, Beschreibung 2<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
</ul></div>
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Module:</p>
Unterkunft Oben: Slider<br><br>
Offerte: Bild, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector), Beschreibung 2<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
<li style="display: inline-block;vertical-align: top;"> [[File:layout5.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 5</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Slider<br><br>
Offerte: Kalender und Preistabelle, Offerte Auswahl (Button/Selector)<br><br>
Unterkunft Unten: Beschreibung 2]] </li>
<li style="display: inline-block; vertical-align: top;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 6</p> <p style="font-weight: bold;">Module:</p> Unterkunft Oben: Beschreibung 1<br><br>
Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br>
Eineheit Unten: Slider, Beschreibung]] </li>
</ul></div>
File:Pricetable.png|<p style=" text-align: center"><strong>Preistabelle </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|große Ansicht]]</p>
File:Pricecalendar.png|<p style=" text-align: center"><strong>Preistabelle und Kalender </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|große Ansicht]]</p>
File:Button.png|<p style=" text-align: center"><strong>ButtonOfferte Auswahl </strong><br> Button (Buchung einer Einheit)<br>[[Media:Button.png|große Ansicht]]</p>File:Select.png|<p style=" text-align: center"><strong>SelectOfferte Auswahl</strong><br> Selekt (Buchung mehrerer EinehitenEinheiten)<br>[[Media:Select.png|große Ansicht]]</p>
File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p>
</gallery>