Page Layout: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 14: Line 14:


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


<li style="display: inline-block;"> [[File:layout3.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 3</p> <p style="font-weight: bold;">Modules:</p> Property Top: Desctiption1<br><br>
<li style="display: inline-block;"> [[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<br><br>
Offer:  Price Table, Booking Button/Selector<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>
Line 29: Line 29:


<div><ul>  
<div><ul>  
<li style="display: inline-block; vertical-align: top;"> [[File:layout4.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 4</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br>
<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>
Room Top: Picture Slider, Description1<br><br>
Offer:  Picture Slider, Description 1 , Calendar, Booking Button/Selector, Description 2<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;"> [[File:layout5.png|thumb|none|300px|<p style="font-weight: bold; text-align: center">Layout 5</p> <p style="font-weight: bold;">Modules:</p> Property Top: Picture Slider<br><br>
<li style="display: inline-block;"> [[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 Button/Selector<br><br>
Offer:  Price Calendar,  Booking Button/Selector<br><br>
Property Bottom: Description 2]] </li>
Property Bottom: Description 2]] </li>
Line 72: Line 72:
File:Offer_slider.png|<p style=" text-align: center"><strong>Offer Slider</strong><br>[[Media:Offer_slider.png|view large]]</p>
File:Offer_slider.png|<p style=" text-align: center"><strong>Offer Slider</strong><br>[[Media:Offer_slider.png|view large]]</p>
File:Offer_picture.png|<p style=" text-align: center"><strong>Offer Picture</strong><br>[[Media:Offer_picture.png|view large]]</p>
File:Offer_picture.png|<p style=" text-align: center"><strong>Offer Picture</strong><br>[[Media:Offer_picture.png|view large]]</p>
File:Room_calendar.png<p style=" text-align: center"><strong>Room Calendar</strong><br>[[Media:Room_calendar.png|view large]]</p>
File:Room_calendar.png|<p style=" text-align: center"><strong>Room Calendar</strong><br>[[Media:Room_calendar.png|view large]]</p>
File:Pricetable.png<p style=" text-align: center"><strong>Price Table</strong><br>[[Media:Pricetable.png|view large]]</p>
File:Pricetable.png|<p style=" text-align: center"><strong>Price Table</strong><br>[[Media:Pricetable.png|view large]]</p>
File:Pricecalendar.png<p style=" text-align: center"><strong>Price Calendar</strong><br>[[Media:Pricecalendar.png|view large]]</p>
File:Pricecalendar.png|<p style=" text-align: center"><strong>Price Calendar</strong><br>[[Media:Pricecalendar.png|view large]]</p>
File:Button.png<p style=" text-align: center"><strong>Button</strong><br>[[Media:Button.png|view large]]</p>
File:Button.png|<p style=" text-align: center"><strong>Button</strong><br>[[Media:Button.png|view large]]</p>
File:Select.png<p style=" text-align: center"><strong>Select (multi room booking)</strong><br>[[Media:Select.png|view large]]</p>
File:Select.png|<p style=" text-align: center"><strong>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>
File:Offer_description.png|<p style=" text-align: center"><strong>Offer Description</strong><br>[[Media:Offer_description.png|view large]]</p>
</gallery>
</gallery>


Position:  Modules are placed in rows.  Each section can have one or more rows.
Position:  Modules are placed in rows.  Each section can have one or more rows.