Responsive Buchungsseite: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 62: Zeile 62:
*Alle anderen Abschnitte sind  optional.
*Alle anderen Abschnitte sind  optional.
[[Image:sections.jpg|200px|link=]]
[[Image:sections.jpg|200px|link=]]
[[Media:sections.jpg|view large]]
[[Media:sections.jpg|große Ansicht]]




Zeile 69: Zeile 69:
'''Module Unterkunft'''
'''Module Unterkunft'''
<gallery>
<gallery>
File:Property_slider.png|<p style=" text-align: center"><strong>Unterkunft Slider</strong><br>[[Media:Property_slider.png|view large]]</p>
File:Property_slider.png|<p style=" text-align: center"><strong>Unterkunft Slider</strong><br>[[Media:Property_slider.png|große Ansicht]]</p>
File:Property_description.png|<p style=" text-align: center"><strong>Unterkunft Beschreibung</strong><br>[[Media:Property_description.png|view large]]</p>
File:Property_description.png|<p style=" text-align: center"><strong>Unterkunft Beschreibung</strong><br>[[Media:Property_description.png|große Ansicht]]</p>
</gallery>
</gallery>


'''Module Einheit'''
'''Module Einheit'''
<gallery>
<gallery>
File:Room_slider.png|<p style=" text-align: center"><strong>Einheit Slider</strong><br>[[Media:Room_slider.png|view large]]</p>
File:Room_slider.png|<p style=" text-align: center"><strong>Einheit Slider</strong><br>[[Media:Room_slider.png|große Ansicht]]</p>
File:Room_picture.png|<p style=" text-align: center"><strong>Einheit Bild </strong><br>[[Media:Room_picture.png|view large]]</p>
File:Room_picture.png|<p style=" text-align: center"><strong>Einheit Bild </strong><br>[[Media:Room_picture.png|große Ansicht]]</p>
File:Room_calendar.png<p style=" text-align: center"><strong>Einheit Kalender</strong><br>[[Media:Room_calendar.png|view large]]</p>
File:Room_calendar.png<p style=" text-align: center"><strong>Einheit Kalender</strong><br>[[Media:Room_calendar.png|große Ansicht]]</p>
File:Room_description.png|<p style=" text-align: center"><strong>Einheit Beschreibung</strong><br>[[Media:Room_description.png|view large]]</p>
File:Room_description.png|<p style=" text-align: center"><strong>Einheit Beschreibung</strong><br>[[Media:Room_description.png|große Ansichzt]]</p>
</gallery>
</gallery>


Zeile 84: Zeile 84:
'''Module Offerten'''
'''Module Offerten'''
<gallery>
<gallery>
File:Offer_slider.png|<p style=" text-align: center"><strong>Offerte Slider</strong><br>[[Media:Offer_slider.png|view large]]</p>
File:Offer_slider.png|<p style=" text-align: center"><strong>Offerte Slider</strong><br>[[Media:Offer_slider.png|große Ansicht]]</p>
File:Offer_picture.png|<p style=" text-align: center"><strong>Offerte Bild</strong><br>[[Media:Offer_picture.png|view large]]</p>
File:Offer_picture.png|<p style=" text-align: center"><strong>Offerte Bild</strong><br>[[Media:Offer_picture.png|große Ansicht]]</p>
File:Room_calendar.png|<p style=" text-align: center"><strong>Offerte Kalender</strong><br>[[Media:Room_calendar.png|view large]]</p>
File:Room_calendar.png|<p style=" text-align: center"><strong>Offerte Kalender</strong><br>[[Media:Room_calendar.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|view large]]</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|view large]]</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>Button</strong><br>[[Media:Button.png|view large]]</p>
File:Button.png|<p style=" text-align: center"><strong>Button</strong><br>[[Media:Button.png|große Ansicht]]</p>
File:Select.png|<p style=" text-align: center"><strong>Select</strong><br> (Buchung mehrerer Einehiten)<br>[[Media:Select.png|view large]]</p>
File:Select.png|<p style=" text-align: center"><strong>Select</strong><br> (Buchung mehrerer Einehiten)<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|view large]]</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>


Zeile 101: Zeile 101:
Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.  
Width on desktop and mobile: Jede Zeile hat 12 Spalten. Die Breite eines Moduls ist über die Spalten definiert.  
[[Image:row.png|600px|link=]]
[[Image:row.png|600px|link=]]
[[Media:row.png|view large]]
[[Media:row.png|große Ansicht]]