<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;">Modules:</p>
Offer: Picture Slider, Description 1 , Calendar, Booking Offer Select (Button/Selector)<br><br>
Property Bottom: Description 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;">Modules:</p> Property Top: Picture Slider<br><br>
Offer: Booking Offer Select (Button/Selector), Price Table<br><br>
Property Bottom: Description 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;">Modules:</p>
Offer: Price Table, Booking Offer Select (Button/Selector), Picture Slider, Description 2<br><br>
Property Bottom: Description 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;">Modules:</p>
Room Top: Picture Slider<br><br>
Offer: Picture, Description 1 , Calendar, Booking Offer Select (Button/Selector), Description 2<br><br>
Property Bottom: Description 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;">Modules:</p> Property Top: Picture Slider<br><br>
Offer: Price Calendar, Booking Offer Select (Button/Selector)r<br><br>
Property Bottom: Description 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;">Modules:</p> Property Top: Description 1<br><br>
Offer: Booking Offer Select (Button/Selector), Price Table<br><br>
Room Bottom: Picture Slider, Description]] </li>
</ul></div>
File:Pricetable.png|<p style=" text-align: center"><strong>Price Table</strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|view large]]</p>
File:Pricecalendar.png|<p style=" text-align: center"><strong>Price Calendar </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|view large]]</p>
File:Button.png|<p style=" text-align: center"><strong>Offer Select: Button</strong><br>[[Media:Button.png|view large]]</p>File:Select.png|<p style=" text-align: center"><strong>Offer Select:</strong><br> (multi room booking)<br>[[Media:Select.png|view large]]</p>
File:Offer_description.png|<p style=" text-align: center"><strong>Offer Description</strong><br>[[Media:Offer_description.png|view large]]</p>
</gallery>