Responsive Booking Page: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 31: | Line 31: | ||
<div><ul> | <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> | <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 Button/Selector<br><br> | Offer: Picture Slider, Description 1 , Calendar, Booking Offer Select (Button/Selector)<br><br> | ||
Property Bottom: Description 2]] </li> | 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> | <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: | Offer: Offer Select (Button/Selector), Price Table<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> | <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, | Offer: Price Table, Offer Select (Button/Selector), Picture Slider, Description 2<br><br> | ||
Property Bottom: Description 2]] </li> | Property Bottom: Description 2]] </li> | ||
</ul></div> | </ul></div> | ||
| Line 47: | Line 47: | ||
<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> | <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> | Room Top: Picture Slider<br><br> | ||
Offer: Picture, Description 1 , Calendar, | Offer: Picture, Description 1 , Calendar, Offer Select (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: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> | <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, | Offer: Price Calendar, Offer Select (Button/Selector)r<br><br> | ||
Property Bottom: Description 2]] </li> | 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> | <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: | Offer: Offer Select (Button/Selector), Price Table<br><br> | ||
Room Bottom: Picture Slider, Description]] </li> | Room Bottom: Picture Slider, Description]] </li> | ||
</ul></div> | </ul></div> | ||
| Line 99: | Line 99: | ||
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: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: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>Button</strong><br>[[Media:Button.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>Select</strong><br> (multi room booking)<br>[[Media:Select.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> | File:Offer_description.png|<p style=" text-align: center"><strong>Offer Description</strong><br>[[Media:Offer_description.png|view large]]</p> | ||
</gallery> | </gallery> | ||