Dieser Artikel beschreibt zusätzliche Elemente für die Erstellung eines Demo-Inhalts für die Hotel-Vorlage verwendet.

Informationen Hotel block

Hotel-Informationen basieren auf den folgenden HTML-Struktur:

< Ul-Klasse = "Gk-Info" >
< li Klasse = "Gk-Info-Col-2" >
< dl >< dt > Check-in: </dt >
< TT >< starke >
< / strong >< /dd >< / dl >
14:00
</li >
< li >
< dl-Klasse "Gk-Info-Col-2" = >
< dt > Check-Out: </dt >< Dd >< starke >< / strong >< /dd > 12:00 Uhr
</dl >< / li >
< li >
< dl >< Dt > Rauchen: </dt >< TT > Nichtraucherzimmer < /dd >
</dl >< / li >
< li >
< dl >
< dt > Parken: </dt >
< TT > Selbstparken: € 30,00 < /dd >
< TT > Valet: € 50,00 < /dd >
</dl >< / li >
< li >
< dl >
< dt > Haustiere : </Dt >
< TT > Service Haustiere: Ja < /dd >
< TT > Höchstgewicht: 50 lbs < /dd >
</dl >< / li >
</ul >

Foto-Raster

Blöcke mit Fotos verwendet eine Gitterstruktur Foto:

< Div-Klasse = "Gk-Fotoraster keine-Marge
Zahlen < >" Klasse = "Gk-Raster-Daten-1 sr =" scale-up 10 % ">
< Img Src =" images/demo/hotel1.jpg "Alt =" "/ >
<< / Abbildung > =" Zahlen Gk-Raster-Daten-1 sr = "scale-up 10 % 0,15 s und warten" >
< Img Src = "images/demo/hotel2.jpg" Alt = "" / >
< / Abbildung >
< / Div >

Andere Beispiel des Rasters Foto:

< Div-Klasse = "Gk-Fotoraster Versatz-Left"
< > Klasse = "Zahlen Gk-Raster-Daten-1 sr =" scale-up 10 % ">
< Img Src =" images/demo/hotel3.jpg "Alt =" "/ >
Luxuszimmer
< / Figcaption >< Figcaption >< / Abbildung >

< Abbildung Klasse =" Gk-Raster-2 "-sr-Datum =" scale-up 10 % und warten. "
> 15 s < Img Src =" images/demo/hotel5.jpg "Alt =" "/ >

<< / Abbildung >< Figcaption > Bäder < / Figcaption > Abbildung Klasse =" Gk-Raster-2 "-sr-Datum =" scale-up 10 % und warten. "
> 3 s < Img Src =" Bilder / Demo/hotel4.jpg "Alt =" "/ >
< Figcaption > Whirlpool < / Figcaption >
< / Abbildung >
< / Div >

Obiges Beispiel verwendet auch die Offset-Links -Klasse, die einen negativen linken Rand erstellt.

Newsletter-popup

Newsletter-Popup ist ein benutzerdefinierte HTML-Modul, das der folgende Code verwendet:

< H3 >
     melden Sie sich in Kontakt zu bleiben!
< / H3 >
< p >
     die erste, über besondere Angebote und exklusive Angebote von Villa Badiei und unseren Partnern zu hören sein.
</p >
< bilden Aktion = "index.php? Option = Com_acymailing & Strg =" Methode = "post" >< Eingang Typ =
     "e-Mail" erforderlich  Id = "User_email" Name = "Benutzer [Email]" Platzhalter = "geben Sie die e-Mail-Adresse" >< Eingang Typ =
     "submit" Value = "Submit" Id = "Gk-Newsletter-submit" >
     < Eingang Typ = "hidden" Name = "Acyformname" Value = "formAcymailing1" / >
     < Eingang Typ = "hidden" Name = "Strg" Value = "" / >
     < Eingang Typ = "hidden" Name = "Aufgabe" Wert = "optin" / >
     < Eingang Typ = "hidden" Name = "Option" Wert = "Com_acymailing" / >< Eingang Typ =
     " versteckte "Name =" Visiblelists "Wert =" "/ >
     < Eingang Typ =" versteckte "Name =" Hiddenlists "Wert =" 1 "/ >
     < Eingang Typ =" versteckte "Name =" Benutzer [html] "Wert =" 1 "/ >
< / form ><
!--Konfigurationsdetails: https://www.acyba.com/acymailing/248-acymailing-external-subscription-form.html--> 

< kleine > schauen Sie sich unsere < a Href =" # "> Privacy Policy & </a >< a Href =" # "> Nutzungsbedingungen/< a >< Br / >
können Sie e-Mail-Liste abmelden, jederzeit < / small >

Fußzeilenlinks

Links in der Fußzeile basieren auf die folgende HTML-Struktur

< Div-Klasse = "Spalten" Gk-Datum-Spalten = "3" >
    < Div >< h3 >< / h3 >
        Quick Links
        < Div-Klasse = "Spalten" Gk-Datum-Spalten = "2" >
            < Div >< Ul >< li >
                < a Href = "#" > Unsere Hotels </a >< / li >< li >
                    < a Href = "#" > über </a >< / li >< li >
                    < a Href = "#" > Presse </a >< / li >< li >
                    < a Href = "#" > Fact Sheet </a >< / li >
                </ul >< / Div >
            < Div >

            < Ul >
                    < li >< a Href = "#" > Kontakt </a >< / li >< li >
                    < a Href = "#" > Karriere
                    << li >< / a >< / li > a Href = "#" > Nutzungsbedingungen
                    << li >< / a >< / li > a Href = "#" > Privacy Policy </a >< / li >
                    < li >< a Href = "#" > Our Best Rate Versprechen </a >< / li > 
                </ul >< / Div >
            < / Div >
    < / Div >< Div >

    < h3 > Kontakt < / h3 >
        < Div-Klasse = "Spalten" Gk-Datum-Spalten = "2" >
            < Div >
                < p > Telefon: </p >< p > Fax: </p >
                < p > Reservierungen : </P >< / Div >
            < Div >
                < p > (123) 456-7898 </p >
                < p > </p > (123) 456-7898
                < p > (123) 456-7898 </p >
            < / Div >< / Div >
    < / Div >< Div >

    < h3 >
        Villa < / h3 >< p > 844
        Belluci Linden Street Norwood, MA 02062 </p >
        < p > Template Design © von < a Href = "https://www.gavick.com/" Title = "GavickPro" Rel = "Nofollow" GavickPro >< / a >. Alle Rechte vorbehalten. </p >< / Div >
< / Div >

Soziale Fußzeilenlinks

Der folgende Code verwendet die soziale Symbole in der Fußzeile:

< Ul Klasse = "Gk-soziale-Links" >
< li >< a Href = "#" Class = ">< Gk-Symbol-Twitter" </i >< / a >< / li >>< li ><
a Href = "#" Class = ">< Gk-Symbol-fb" </i >< / a >< / li >>< li ><
a Href = "#" Class = ">< Gk-Symbol-Gplus" </i >< / a >< / li >>< li ><
a Href = "#" Class = ">< Gk - Icon - > Linkedin </i >< / a >< / li >
< li >< a Href = "#" Class = ">< Gk-Symbol-Pinterest" </i >< / a >< / li >>
</ul >