Codes pour mise en forme

Wrap box

Example Wrapbox

You can add shortcode, text or html code here.

Fusce arcu dui, laoreet ut rutrum laoreet, ullamcorper vitae est. Etiam pulvinar sem neque, nec luctus nunc ultrices sit amet. Aliquam tincidunt erat vel mi convallis, ut cursus lorem ullamcorper. Sed in neque nunc. Duis ultrices nibh a nisl tincidunt, sit amet scelerisque urna bibendum. Nullam vitae sapien purus.

 

Trust Experience

Excepteur sinta occaecat cupidatat none proident, sunt in culpa qui.

 

Practicing Excellence

Excepteur sinta occaecat cupidatat none proident, sunt in culpa qui.

Legally Speaking

Excepteur sinta occaecat cupidatat none proident, sunt in culpa qui.

 

One Firm Worldwide

Excepteur sinta occaecat cupidatat none proident, sunt in culpa qui.

 

Parameter

bg_color : hexa color, to get color please visit https://www.colorpicker.com/
bg_image : path of image to use as background
parallax : yes | no
class : name of class (optional)

Intégration des vidéos

Youtube Video
 
Vimeo Video

Video Parameter

  • type : youtube | vimeo
  • id : video ID

vimeo : https://vimeo.com/15395471
id : 15395471

youtube : https://www.youtube.com/watch?v=aqzitoL0YsM
id : aqzitoL0YsM

Tableaux

Tabs on the right
Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem.
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
Tabs on the left
Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem.
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
 
Tabs on the top
Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
Tabs on the bottom
Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.
Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti
 
Text....

Tabs Parameter

  • menu_position : top | bottom | left | Right
  • showicon : yes | no
 
 
 
Example of toggle
Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Officia deserunt mollit anim ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Inventore veritatis architecto ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
 
Question text goes here
content here...

Toggle Parameter

  • title : title of header
  • state : closed | open
 
Example of accordion
Excepteur sint occaecat ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Officia deserunt mollit anim ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
Inventore veritatis architecto ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.
 
Question text goes here
content here...

Accordion Parameter

  • title : title of header

Tableau de couleurs :

# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
# Heading 1 Heading 2 Heading 3
1 Option 1 Option 1 Option 1
2 Option 2 Option 2 Option 2
3 Option 3 Option 3 Option 3
your actual table code here

Table Parameter

  • color : green | blue | orange | red | grey | white

Divison de contenus

 

The spacer is used to separate some section of the content

This is spacer use 3px of height & color #ebebeb

 

This is spacer use 5px of height & color #48b5e9

 

If you want remove color on spacer, you should empty color value.


Parameter

height : height in px size
color : color of spacer, to get color please visit https://www.colorpicker.com/

barre de progrès :

Example of progess bar

Progress bar default80%

Progress bar green90%

Progress bar blue75%

Progress bar orange85%

Progress bar red70%

[idz_progress_bar title="title text" color="green" value="70""]

Progress Bar Parameter

  • title : Title text
  • color : green | blue | orange | red | grey
  • value : Add number value to show percentage in progress bar

Liste de prix :

30-day Moneyback Guarantee on All Accounts

Get started in less than 60 seconds. Pick a plan below to sign up!

  • Regular

    $60/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
  • Regular

    $60/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
  • Enterprise

    $100/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
  • Starter

    $20/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
  • Regular

    $60/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
  • Enterprise

    $100/month

    Best for starter teams

    • 10GB Disk Space
    • 100GB Monthly Bandwidth
    • 20 Email Accounts
    • Unlimited subdomains
    • SSL Encryption
    • Payment Integration
[idz_pricing column="2"]
[idz_pricing_item title="" price_symbol="" price="" per="" subtitle="" button_url="" button_text="" button_color="" featured="" featured_color=""]content here[/idz_pricing_item]
[/idz_pricing]

Pricing Parameter

  • title: pricing title
  • price symbol: price symbol (eg. $)
  • price: pricing price
  • per: billing cycle (eg. month, year)
  • subtitle: pricing subtitle
  • button_url: custom url for button
  • button_text: text for button
  • button_color: gold | cyan | purple | brown | rosy | green | pink | blue | yellow | magenta | orange | red | grey | black
  • featured: yes | no
  • featured_color: blue | green | orange | red