<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>
OfferOfferte: Picture Slider, Description Beschreibung 1 , CalendarKalender, Booking Button/Selector, Description Beschreibung 2<br><br>Property BottomUnterkunft Unten: Description 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> Property TopUnterkunft Oben: Picture Slider<br><br>OfferOfferte: Booking Button/Selector, Price TablePreistabelle<br><br>Property BottomUnterkunft Unten: Description 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>
OfferOfferte: Price TablePreistabelle, Booking Button/Selector, Picture Slider, Description Beschreibung 2<br><br>Property BottomUnterkunft Unten: Description Beschreibung 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;">Module:</p>vertical-align: top;
Room TopEinheit Oben: Picture Slider<br><br>OfferOfferte: Picture Slider, Description Beschreibung 1 , CalendarKalender, Booking Button/Selector, Description Beschreibung 2<br><br>Property BottomUnterkunft Unten: Description 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> Property TopUnterkunft Oben: Picture Slider<br><br>OfferOfferte: Price CalendarKalender und Preistabelle, Booking Button/Selector<br><br>Property BottomUnterkunft Unten: Description 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> Property TopUnterkunft Oben: Description Beschreibung 1<br><br>OfferOfferte: Price Booking Button/Selector, Price TablePreistabelle<br><br>Room BottomEineheit Unten: Picture Slider, DescriptionBeschreibung]] </li>
</ul></div>
== '''3. Layout individualisieren''' ==