Responsive Buchungsseite: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Keine Bearbeitungszusammenfassung |
|||
| Zeile 30: | Zeile 30: | ||
<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;">Module:</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;">Module:</p> | ||
Offerte: Slider, Beschreibung 1, Kalender, Button/Selector,<br><br> | Offerte: Slider, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector),<br><br> | ||
Unterkunft Unten: Beschreibung 2]] </li> | Unterkunft Unten: 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> Unterkunft Oben: 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;">Module:</p> Unterkunft Oben: Slider<br><br> | ||
Offerte: Button/Selector, Preistabelle<br><br> | Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br> | ||
Unterkunft Unten: Beschreibung 2]] </li> | Unterkunft Unten: 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> | <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> | ||
Offerte: Preistabelle, Button/Selector, Slider, Beschreibung 2<br><br> | Offerte: Preistabelle, Offerte Auswahl (Button/Selector), Slider, Beschreibung 2<br><br> | ||
Unterkunft Unten: Beschreibung 2]] </li> | Unterkunft Unten: Beschreibung 2]] </li> | ||
</ul></div> | </ul></div> | ||
| Zeile 46: | Zeile 46: | ||
<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> | <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> | ||
Unterkunft Oben: Slider<br><br> | Unterkunft Oben: Slider<br><br> | ||
Offerte: Bild, Beschreibung 1, Kalender, Button/Selector, Beschreibung 2<br><br> | Offerte: Bild, Beschreibung 1, Kalender, Offerte Auswahl (Button/Selector), Beschreibung 2<br><br> | ||
Unterkunft Unten: Beschreibung 2]] </li> | Unterkunft Unten: 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> Unterkunft Oben: 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;">Module:</p> Unterkunft Oben: Slider<br><br> | ||
Offerte: Kalender und Preistabelle, Button/Selector<br><br> | Offerte: Kalender und Preistabelle, Offerte Auswahl (Button/Selector)<br><br> | ||
Unterkunft Unten: Beschreibung 2]] </li> | Unterkunft Unten: 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> Unterkunft Oben: Beschreibung 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;">Module:</p> Unterkunft Oben: Beschreibung 1<br><br> | ||
Offerte: Button/Selector, Preistabelle<br><br> | Offerte: Offerte Auswahl (Button/Selector), Preistabelle<br><br> | ||
Eineheit Unten: Slider, Beschreibung]] </li> | Eineheit Unten: Slider, Beschreibung]] </li> | ||
</ul></div> | </ul></div> | ||
| Zeile 99: | Zeile 99: | ||
File:Pricetable.png|<p style=" text-align: center"><strong>Preistabelle </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|große Ansicht]]</p> | File:Pricetable.png|<p style=" text-align: center"><strong>Preistabelle </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricetable.png|große Ansicht]]</p> | ||
File:Pricecalendar.png|<p style=" text-align: center"><strong>Preistabelle und Kalender </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|große Ansicht]]</p> | File:Pricecalendar.png|<p style=" text-align: center"><strong>Preistabelle und Kalender </strong><br>prices will only display if booking of multiple rooms is not allowed<br>[[Media:Pricecalendar.png|große Ansicht]]</p> | ||
File:Button.png|<p style=" text-align: center"><strong> | File:Button.png|<p style=" text-align: center"><strong>Offerte Auswahl </strong><br> Button (Buchung einer Einheit)<br>[[Media:Button.png|große Ansicht]]</p> | ||
File:Select.png|<p style=" text-align: center"><strong> | File:Select.png|<p style=" text-align: center"><strong>Offerte Auswahl</strong><br> Selekt (Buchung mehrerer Einheiten)<br>[[Media:Select.png|große Ansicht]]</p> | ||
File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p> | File:Offer_description.png|<p style=" text-align: center"><strong>Offerte Beschreibung</strong><br>[[Media:Offer_description.png|große Ansicht]]</p> | ||
</gallery> | </gallery> | ||