StyleGuide

Headings

.t1 Headline

.t2 Headline

.t3 Headline

.t4 Headline

.t5 Headline
.t6 Headline

.t1i Headline

.t2i Headline

.t3i Headline

.t4i Headline

.t5i Headline
.t6i Headline
 

Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.defaulti Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

<small> or .small Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.medium1 Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.medium1i Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.large1 Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

.large1i Default Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis.

<a> Link

Link
Link - hover

<a class="back"> Back-Link

Back to list
Back to list - hover

<ul><li>..</li></ul> Unordered List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
    • Phasellus iaculis neque
    • Purus sodales ultricies
    • Vestibulum laoreet porttitor sem
    • Ac tristique libero volutpat at
  • Integer molestie lorem at massa

<ol><li>..</li></ol> Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Facilisis in pretium nisl aliquet
  4. Integer molestie lorem at massa

<ul class="icon1"><li>..</li></ul> Unordered List with icon

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
  • Integer molestie lorem at massa

<ul class="icon1i"><li>..</li></ul> Unordered List with icon inverse

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
  • Integer molestie lorem at massa

<ul class="icon2"><li>..</li></ul> Unordered List with icon

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
  • Integer molestie lorem at massa

<ul class="icon2i"><li>..</li></ul> Unordered List with icon

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Facilisis in pretium nisl aliquet
  • Integer molestie lorem at massa

<table>..</table> Table

Caption
#Column1Column2Column3
----
1Lorem ipsumdolor sitamet dolor
2Consecteturadipiscingelit integer

<a class="button1">..</a> (.small, .big) Button 1

SmallDefaultBig

SmallDefaultBig

<a class="button2">..</a> (.small, .big) Button 2

SmallDefaultBig

SmallDefaultBig

<a class="button3">..</a> (.small, .big) Button 3

SmallDefaultBig

SmallDefaultBig

<a class="button4">..</a> (.small, .big) Button 4

<a class="button5">..</a> (.small, .big) Button 5

SmallDefaultBig

SmallDefaultBig

.arrow1, .arrow1i (.prev, .next, .up, .down) Arrow 1



 

.arrow2, .arrow2i (.prev, .next, .up, .down) Arrow 2



 

.arrow3, .arrow3i (.prev, .next, .up, .down) Arrow 3



 

Background Colors

bgcolor
hover
description
background website (.bgweb)
background header (.bgheader)
background header 2 (.bgheader2)
background mobile (.bgmobile)
background lists (.bglist)
background teaser (.bgteaser)
background list alternate (.bglistalternate)
background teaser alternate (.bgteaseralternate)
background bars, filter ecc.. (.bgbar)
background highlight (.bghighlight)
background gallery box (.bggallerybox)
background gallery gradient top (.bggallerygradienttop)
background gallery gradient top bottom (.bggallerygradienttopbottom)
 

.points1v, points1h (.active) Points 1

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.points2v, points2h (.active) Points 2

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.points3v, points3h (.active) Points 3

  • 1
  • 2
  • 3
  • 1
  • 2
  • 3
 

.tab1 (.active) Tab 1

Tab
Tab active

.tab2 (> .active) Tab 2

TITEL/ÜBERSCHRIFT TAB 1
TITEL/ÜBERSCHRIFT TAB 2
TITEL/ÜBERSCHRIFT TAB 3

.tab3 (.active) Tab 3

Tab
Tab active (.arrowtop)
Tab active (.arrowbottom)

.paging1 Paging 1

.paging2 Paging 2

.paging3 Paging 3

.paging4 Paging 4

.paging5 Paging 5

Font Iconset (Brand Icons)

.fa .fa-rss-square.fa .fa-xing-square.fa .fa-google-plus-square.fa .fa-linkedin-square
 
.fa .fa-youtube-square.fa .fa-instagram.fa .fa-rss.fa .fa-xing-square
 
.fa .fa-twitter-square.fa .fa-flickr.fa .fa-youtube.fa .fa-pinterest
 
.fa .fa-facebook-square.fa .fa-vimeo-square.fa .fa-twitter.fa .fa-google-plus
 
.fa .fa-linkedin-square.fa .fa-pinterest-square.fa .fa-facebook.fa .fa-skype
 

Font Iconset (Web Application Icons)

.fa .fa-search-plus.fa .fa-camera-retro.fa .fa-comment.fa .fa-file-o
 
.fa .fa-search-minus.fa .fa-film.fa .fa-comments.fa .fa-envelope-o
 
.fa .fa-check-circle.fa .fa-map-marker.fa .fa-calendar.fa .fa-envelope
 
.fa .fa-plus-circle.fa .fa-print.fa .fa-shopping-cart.fa .fa-star
 
.fa .fa-minus-circle.fa .fa-list-ul.fa .fa-thumbs-o-up.fa .fa-heart
 
.fa .fa-arrow-right.fa .fa-home.fa .fa-thumbs-up.fa .fa-lock
 
.fa .fa-times.fa .fa-pencil.fa .fa-phone.fa .fa-globe
 
.fa .fa-check.fa .fa-info-circle.fa .fa-phone-square.fa .fa-truck
 
.fa .fa-download.fa .fa-floppy-o.fa .fa-copy.fa .fa-camera
 
.fa .fa-cog

Criteri di qualità che convincono.

Riconoscimenti per l'Hotel Quelle.

 

Contatto

Hotel Quelle Nature Spa Resort
Via I-39030 Valle di Casies
Fax +39 0474 948091
Tel +39 0474 948111
info@hotel-quelle.comCome trovarci

Newsletter

 

Be Social!

 
Newsletter
Ricevere subito le nostre migliori offerte
 
© 2016 Hotel Quelle Nature Spa Resort. Part. IVA IT00869550210
produced by Zeppelin Group – Internet Marketing
 
 
Utilizziamo cookie per assicurarti una migliore esperienza sul sito. Utilizziamo cookie di parti terze per inviarti messaggi promozionali personalizzati. Per maggiori informazioni sui cookie e sulla loro disabilitazione consulta la Cookie Policy. Se prosegui nella navigazione acconsenti all’utilizzo dei cookie.