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.
 
 

Webmarketing LPs - Styleguide

Headings

.t1large Header

.t1 Header

.t2 Header

.t3 Header

.t4 Header

.t5 Header
.t6 Header
 

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.

.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.

Background Colors

.bgweb
Text
Link
.bgweb2
Header
Text
Link
.bglist, .bgteaser, .bgusp
Header
Text
Link
.bglistalternate
Header
Text
Link
.bgbar
Header
Text
Link
.bghighlight
Header
Text
Link
.bghighlight2
Header
Text
Link
.bggallerybox
Header
Text
Link
.bgheader
Header
Text
Link
.bgheader2
Header
Text
Link
.bgmobile
Header
Text
Link
 

<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

<table>..</table> Table

Caption
# Column1 Column2 Column3
- - - -
1 Lorem ipsum dolor sit amet dolor
2 Consectetur adipiscing elit integer

.icon-prev, icon-next, icon-up, icon-down (with hover .iconhover)

.icon-prev, icon-next, icon-up, icon-down (with background .bgicon and hover .iconhover)


.points3v (.active) Points 3

  • 1
  • 2
  • 3
  • 4
 

.tabs4 (.active) Tabs 4

Tab 1
Tab 2 active
Tab 3

.tabs5 (.active) Tabs 5

Tab 1
Tab 2 active
Tab 3

Forms

Please select
 
 
 
 
Please select
 
 
 
 
 

Default Iconset

icon-nexticon-previcon-upicon-down
 
icon-callsignicon-callsign-roundicon-callsign-round-invicon-enlarge
 
icon-decreaseicon-crossicon-cross-roundicon-cross-round-inv
 
icon-plusicon-plus-roundicon-plus-round-invicon-minus
 
icon-minus-roundicon-minus-round-invicon-searchicon-travel-children
 
icon-add-roomicon-remove-roomicon-complete-dataicon-pencil
 
icon-pencil2icon-phoneicon-emailicon-check
 
icon-check-roundicon-check-round-invicon-360icon-map
 
icon-openfoldericon-banicon-spinnericon-menu
 
icon-basketicon-clipboardicon-dividericon-facebook
 
icon-twittericon-googleplusicon-youtubeicon-pinterest
 
icon-instagramicon-location


Default Form Iconset

icon-checkboxicon-checkbox-checkedicon-checkbox-disabledicon-radio
 
icon-radio-checkedicon-radio-disabledicon-radio-checkeddisabledicon-calendar