Please use class class="main-tabs"
for parent tag and use ul
structure (Be sure to duplicate titles for mobile!)
Code:
xlink:href="#main-logo--svg" class="main-logo--svg"
xlink:href="#icon-facebook" class="icon icon-facebook"
xlink:href="#icon-twitter" class="icon icon-twitter"
xlink:href="#icon-linkedin" class="icon icon-linkedin"
xlink:href="#icon-vimeo" class="icon icon-vimeo"
xlink:href="#icon-youtube" class="icon icon-youtube"
xlink:href="#icon-instagram" class="icon icon-instagram"
xlink:href="#icon-google-plus" class="icon icon-google-plus"
xlink:href="#icon-email" class="icon icon-email"
xlink:href="#icon-print" class="icon icon-print"
xlink:href="#icon-share" class="icon icon-share"
xlink:href="#icon-account" class="icon icon-account"
xlink:href="#icon-cash" class="icon icon-cash"
xlink:href="#icon-cart" class="icon icon-cart"
xlink:href="#icon-search" class="icon icon-search"
xlink:href="#icon-phone" class="icon icon-phone"
xlink:href="#icon-marker-m" class="icon icon-marker-m"
xlink:href="#icon-email-m" class="icon icon-email-m"
xlink:href="#icon-time" class="icon icon-time"
xlink:href="#main-arrow" class="main-arrow"
xlink:href="#icon-calendar" class="icon icon-calendar"
xlink:href="#icon-calendar" class="icon icon-list"
xlink:href="#icon-remove" class="icon icon-remove"
Please use class class="frame"
for 1200px
(base width)
Please use class class="l-container-min" or class="cms-box"
for 800px
(exmple: Lego Block, CMS Content)
Please use class class="container-min"
for 600px
(exmple: Login Form)
Always please use class class="form"
for forms (for parent element)
Always please use class class="f-row"
for form's rows
Always please use classes class="f-input", class="f-button", etc.
for corresponding form's elements
Code:
For checkboxes and radiobuttons using custom plugin icheck.js
source: http://icheck.fronteed.com/
Code:
For select using custom plugin chosen.js
, source: https://harvesthq.github.io/chosen
For mobile custom select destroy and using native select.
Code:
For tabs with slider use (exampel Partener Slider) use class class="partner-slider-wrap"
for first parent and use class class="tab-slider"
for next element.
Please use class class="cms-box"
to cms contet for parent or select Cms Content
Layout in Page Settings
Please use p
tag for any text.
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links.
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links.
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links.
Code:
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description.
Please use table
tag with class class="line-table"
Example of a section containing
|
Example of a section containing
|
Code:
Example of a section containing
|
Example of a section containing
|
Please use class class="cms-inline"
for inline list.
Code:
Code:
For video use class class="cms-video"
and class class="cms-video--wrap"
for responsive.
Code
"AbelCine is my resource for
equipment support and maintenace"- Alfred Hitchcock
Code:
"AbelCine is my resource for
equipment support and maintenace"- Alfred Hitchcock
Please use table
tag for some columns
![]() |
SECTION HEADINGSection text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. |
![]() |
SECTION HEADINGSection text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. |
Code:
SECTION HEADINGSection text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. |
|
SECTION HEADINGSection text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. |
Please use class class="cms-table"
for table
tag
For head can use td
tag or th
tag.
Column Header | Column Header | Column Header |
Row One Text | Row One Text | Row One Text |
Row One Text | Row One Text | Row One Text |
Row One Text | Row One Text | Row One Text |
Row One Text | Row One Text | Row One Text |
Row One Text | Row One Text | Row One Text |
Row One Text | Row One Text | Row One Text |
Code:
Column Header | Column Header | Column Header |
Row One Text | Row One Text | Row One Text |
Please use class class="simple-table"
for table
and strictly observe the structure!
Los Angeles | Chicago | New York | Brooklyn |
---|---|---|---|
FLAGSHIP 888-700-4416 |
LEARNING POINT 877-880-4267 |
FLAGSHIP 888-223-1599 |
DEVELOPMENT CENTER 888-223-1599 |
Code:
Los Angeles | Chicago | New York | Brooklyn |
---|---|---|---|
FLAGSHIP 888-700-4416 |
LEARNING POINT 877-880-4267 |
FLAGSHIP 888-223-1599 |
DEVELOPMENT CENTER 888-223-1599 |
Please use class class="complex-table"
for table
Indie | Business | Rental House | Institution | |
Qualifying Services | ||||
Camera system maintenance |
• | • | • | • |
Lens / optical services |
• | • | • | • |
Camera matching / firmware updates |
• | • | • | • |
Code:
Indie | Business | Rental House | Institution | |
Qualifying Services | ||||
Camera system maintenance |
• | • | • | • |
Lens / optical services |
• | • | • | • |
Camera matching / firmware updates |
• | • | • | • |
Please use class class="cms-accordion"
for ul
tag and use simple list structure
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines.
Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines. The copy can contain multiple inline links. The copy can contain multiple inline links. Section text and description. Copy should not exceed 5-6 lines.
Code:
Content...
Content...
Please insert svg icon with class class="icon main-link"
and xlink:href="#main-arrow"
for use
tag.
Code:
Please use class class="main-tabs"
for parent tag and use ul
structure (Be sure to duplicate titles for mobile!)
Code: