Wir verwenden Cookies für die beste Nutzererfahrung. Es werden Cookies von Dritten eingesetzt, um Ihnen personalisierte Werbung anzuzeigen. Durch die Nutzung der Website stimmen Sie der Speicherung von Cookies auf Ihrem Gerät zu. Informationen zu Cookies und ihrer Deaktivierung finden Sie hier.
 
 

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