Construction
[row]...[row]
Available atributes:
- classes – additional classes
[column sm="3"]...[column]
Available atributes:
- classes – additional classes
- 3xs – 1/2/3/4/5/6/7/8/9/10/11/12
- 2xs – 1/2/3/4/5/6/7/8/9/10/11/12
- xs – 1/2/3/4/5/6/7/8/9/10/11/12
- sm – 1/2/3/4/5/6/7/8/9/10/11/12
- md – 1/2/3/4/5/6/7/8/9/10/11/12
- lg – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_3xs – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_2xs – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_xs – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_sm – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_md – 1/2/3/4/5/6/7/8/9/10/11/12
- offset_lg – 1/2/3/4/5/6/7/8/9/10/11/12
[[secion]]...[section]
Available atributes:
- classes – additional section classes
- classes_texture – additional section texture block classes
- classes_wrapper – additional section wrapper block classes
- color – possible values white – default/grey/dark/base
- parallax – additional section texture block classes
- bg – section background image
- texture – texture background image
- texture_bg – texture backround color
[[secion_wrapper]]...[section_wrapper]
Available atributes:
- classes – additional section wrapper classes
- color – possible values white – default/grey/dark/base
[gap]
Available atributes:
- classes – additional classes
- size – possible values empty – default/big/bigger/10/15/20/30/40/50/60/70/80/90/100
- line – possible values empty – default/dashed/dotted
- double – possible values empty – default/yes
Elements
[button link="http://google.com"]Text[button]
Available atributes:
- link – properly url
- size – possible values small/empty – medium – defaul/big/bigger
- color – possible values empty – default/base/grey/dark/blue/turquoise/green/lime/yellow/orange/red/purple/brown
- tag – possible values a – default/button
- target – possible values empty – default/target link value, only fot link tag type
- action – possible values empty – default/onclick value, only fot button tag type
- classes – additional button classes
[icon]
Available atributes:
- classes – additional classes
- color – possible values white – default/dark/base
- type – possible values empty – default/square/circle
- icon – possible values location – default/another icon
- list – possible values empty – default/yes
[iconbox]...[iconbox]
Available atributes:
- classes – additional classes
- classes_icon – additional icon classes
- classes_content – additional content classes
- color – possible values white – default/dark/base
- type – possible values empty – default/square/circle
- layout – possible values empty – default/vertical
- size – possible values empty – default/big
- icon – possible values location – default/another icon
- hover – possible values empty – default/yes
[box]...[box]
Available atributes:
- classes – additional classes
- type – possible values empty – default/slave
- border – possible values empty – default/yes/top/left
- round – possible values empty – default/yes
- shadow- possible values empty – default/yes/1/2/3/4/5/6/7/8
[alert]...[alert]
Available atributes:
- classes – additional classes
- type – possible values note – default/warning/danger/success/info
- icon – possible values empty – default/yes
[accordion toggle="yes"] [accordion_item title="Item 1" open="yes"] item content [accordion_item] [accordion_item title="Item 2"] item content [accordion_item] [accordion_item title="Item 3"] item content [accordion_item] [accordion]
Add toggle=»yes» to accordion if you want to enable toggle behavior.
Add open=»yes» to accordion item if you want to make it opened by default.
[tabs] [tab title="Tab 1" open="yes"] Tab content [tab] [tab title="Tab 2"] Tab content [tab] [tab title="Tab 3"] Tab content [tab] [tabs]
Tabs available atributes:
- wide – yes/empty – by default
- size – possible values empty – defaul/big
- transparent – yes/empty – by default
- classes_nav – additional tabs nav list classes
- classes_tabs – additional tabs body wrapper classes
Tab available atributes:
- title – Tab title
- open – yes/empty – by default
[counter]
Available atributes:
- classes – additional classes
- classes_icon – additional icon classes
- classes_number – additional number classes
- classes_text – additional text classes
- type – possible values simple – default/line
- line_color – possible values empty – default/slave/slave-2
- line_layout – possible values inside – default/outside
- size – possible values big – default/bigger
- text – counter text
- num_text – counter number text
- icon – counter icon empty – default/another icon
[map]
Available atributes:
- classes – additional section classes
- type – possible values white – default/roadmap/satellite/hybrid
- style – element style
- height – height in px
- zoom – google map zoom
- marker – image path
- marker_anchor – anchor coordinates X,Y
- marker_size – marker size in px width,height
- address – address for google map
- address-1 – additional address for google map
- address-2 – additional address for google map
- coords – coords for google map
- coords-1 – additional coords for google map
- coords-2 – additional coords for google map
- title – title for google map
- title-1 – additional title for google map
- title-2 – additional title for google map
[slider] [slide] Slide 1 content. [slide] [slide] Slide 2 content. [slide] [slider]
Available slider atributes:
- classes – additional classes
Available slide atributes:
- classes – additional classes
[socials]
Available atributes:
- classes – additional classes
- size – possible values empty – default/small/big
- type – possible values complex – default/simple
- colored – possible values no – default/yes
- colored_bg – possible values no – default/yes
- active – possible values no – default/yes
- active_bg – possible values no – default/yes
- jump – possible values no – default/yes
- jump_bg- possible values no – default/yes
- round – possible values no – default/yes
- shadow – possible values no – default/yes
- profiles – possible values empty – default/commaseparated social networks names
Content
[services]
Available atributes:
- classes – additional classes
- classes_icon – additional icon classes
- classes_content – additional content classes
- classes_link – additional link classes
- type – possible values empty – default/square/circle
- color – possible values empty – default/base/dark
- size – possible values empty – default/big/bigger
- layout – possible values empty – default/vertical
- hover – possible values empty – default/no
- icon – possible values cog – default/ovveride posts icon
- more_btn – possible values empty – default/no
- more_btn_type – possible values empty – default/btn
- more_btn_text – possible values empty – default/other text
- columns – possible values 4 (it means 1/4) – default/other column width
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number
[clients]
Available atributes:
- classes – additional classes
- col_lg – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_md – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_sm – possible values 5 – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_xs – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_2xs – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- borders – possible values empty – default/yes
- margins – possible values small – default/big/stacked
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number
[faq]
Available atributes:
- classes_content – additional content classes
- classes_title – additional title classes
- accordion – possible values no – default/yes
- columns – possible values yes – default/no
- dividers – possible values yes – default/no
- show_letters – possible values yes – default/no
[portfolio]
Available atributes:
- id – specify it only if there are more than one portfolio lists on the page
- classes – additional classes
- col_lg – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_md – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_sm – possible values 4 – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_xs – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- col_2xs – possible values empty – default/other column width (1/2/3/4/5/6/7/8/9/10/11/12)
- corners – possible values round – default/no
- margins – possible values small – default/big/stacked
- shadow – possible values yes – default/no/gap/1/2/3/4/5/6/7/8
- animation – possible values no – default/zoom
- nav – possible values yes – default/no
- masonry – possible values no – default/yes
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number
[team]
Available atributes:
- shape – possible values empty – default/round/rectangle
- corners – possible values empty – default/round
- socials – possible values yes – default/no
- socials_inside – possible values yes – default/no
- socials_simple – possible values yes – default/no
- socials_shape – possible values round – default/rectangle
- socials_colored – possible values no – default/yes
- socials_colored_bg – possible values no – default/yes
- socials_active – possible values no – default/yes
- socials_active_bg – possible values no – default/yes
- socials_jump – possible values no – default/yes
- socials_jump_bg – possible values no – default/yes
- socials_size – possible values empty – default/big
- bio – possible values yes – default/no
- bio_inside – possible values yes – default/no
- title – possible values yes – default/no
- title_inside – possible values yes – default/no
- job – possible values yes – default/no
- job_inside – possible values yes – default/no
- overlay – possible values yes – default/no
- overlay_color – possible values darker – default/dark/whiter/white/base
- overlay_icon – possible values plus – default/another
- overlay_icon_show – possible values yes – default/no
- overlay_icon_size – possible values empty – default/pi-big
- overlay_icon_scale – possible values yes – default/no
- img_link – possible values yes – default/no
- img_gray – possible values no – default/yes
- img_border – possible values no – default/yes
- hiring_img – possible values image path
- hiring_link – possible values url
- hiring_title
- hiring_content
- hiring_button – possible values text
- hiring_button_inside – possible values yes – default/no
- gallery_grid – possible values no – default/yes
- classes – ‘pi-padding-bottom-50’ – default/other classes
- classes_img – empty – default/other classes
- classes_title – empty – default/other classes
- classes_overlay – ‘h6 pi-weight-700 pi-uppercase pi-letter-spacing’ – default/other classes
- classes_bio – empty – default/other classes
- classes_job – ‘pi-italic pi-text-base’ – default/other classes
- classes_socials – empty – default/other classes
- columns – possible values 4 (it means 1/4) – default/other column width
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number
[testimonials]
Available atributes:
- icon – possible values no – default/yes
- photo_round – possible values yes – default/no
- text_big – possible values no – default/yes
- text_quotes – possible values yes – default/no
- white – possible values no – default/yes
- classes_wrapper – additional wrapper classes
- classes_content – additional content classes
- classes_column – additional column classes
- classes_author_meta – additional author meta element classes
- columns – possible values 4 (it means 1/4) – default/other column width
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number
[posts]
Available atributes:
- icon – possible values empty – default/smallest/big/date
- excerpt_length – possible values 88 – default/another number
- show_more_btn – possible values yes – default/no
- classes – additional classes
- classes_title – additional title classes
- quantity – possible values 3 default/other number
- offset – possible values 0 default/other number