<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> Property Top: Desctiption1<br><br>
Offer: Picture Slider, Description 1 , Calendar, Booking Button/Selector, Description 2<br><br>
Property Bottom: Description 2]] </li>
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> Property Top: Desctiption1<br><br>Offer: Price Table, Booking Button/Selector, Picture Slider, Description 2<br><br>
Property Bottom: Description 2]] </li>
</ul></div>
<div><ul>
<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> Property Top: Picture Slider<br><br>
Room Top: Picture Slider, Description1<br><br>
Offer: Picture Slider, Description 1 , Calendar, Booking Button/Selector, Description 2<br><br>
Property Bottom: Description 2]] </li>
Offer: Price Calendar, Booking Button/Selector<br><br>
Property Bottom: Description 2]] </li>
<li style="display: inline-block;"> [[File:layout6.png|thumb|none|200px|<p style="font-weight: bold; text-align: center">Layout 6</p> <p style="font-weight: bold;">Modules:</p>
Offer: Price Booking Button/Selector, Price Table]] </li>
</ul></div>
== '''3. Customise Layouts''' ==