Content Box

Content Box

[tabs]
[tab title= »Parameters » icon= »check » icon_color= »#3cabce »]

Parameters

[divider_line]
[list icon= »check » color= »blue »]

  • icon(optional)
  • iconcolor(optional)
  • title
  • content(optional)
  • width:(optional)
  • height(optional)
  • titleBgColor:(optional)
  • titleTextColor(optional)
  • bgcolor:(optional)
  • textColor(optional)
  • rounded:true,false
  • align:none,left,right,center
  • class(optional)

[/list]
[/tab]
[tab title= »Shortcode Option Panel » icon= »check » icon_color= »#3cabce »]

Shortcode Option Panel

[divider_line]
[image source_type= »attachment_id » source_value= »3227″ caption= »Content Box Shortcode Options Panel » alt= »Content Box Shortcode Options Panel » align= »center » icon= »zoom » width= »594″ autoHeight= »true » quality= »100″ lightbox= »true » title= »Content Box Shortcode Options Panel »]
[/tab]
[/tabs]

[divider_padding]

[content_box icon= »camera » icon_color= »#000000″ title= »Content box 1″ titleBgColor= »rgba(245,245,245,1) »]

This is SlidesShow

[slideshow type= »nivo » number= »5″ source= »{s:building} » width= »585″ height= »230″][/slideshow]
Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time. Always leave the client as succinctly informed as possible, and try to predict any questions they may have. Don’t leave the project with a closed door; communicate that you’re available for future maintenance and are committed to ongoing support. If maintenance charges haven’t already been shared, establish them now.
[divider_padding]
[divider_line]
[process_steps type= »horizontal » size= »small »]
[process_step title= »Planning » icon= »list-ol » icon_color= »#27ccc0″]
The planning stage is arguably the most important, because what’s decided and mapped here sets the stage for the entire project.
[/process_step]
[process_step title= »Design » icon= »pencil » icon_color= »#2ac4ea »]
The design stage typically involves moving the information outlined in the planning stage further into reality.
[/process_step]
[process_step title= »Development » icon= »desktop » icon_color= »#f6653c »]
Development involves the bulk of the programming work, as well as loading content (whether by your team or the client’s).
[/process_step]
[/process_steps]
[/content_box]

[toggle title= »Get the code »]
[code][content_box icon= »camera » icon_color= »#000000″ title= »Conten box 1″ titleBgColor= »rgba(245,245,245,1) »]

This is SlidesShow

[slideshow type= »nivo » number= »5″ source= »{s:building} » width= »585″ height= »230″][/slideshow]
Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time. Always leave the client as succinctly informed as possible, and try to predict any questions they may have. Don’t leave the project with a closed door; communicate that you’re available for future maintenance and are committed to ongoing support. If maintenance charges haven’t already been shared, establish them now.
[divider_padding]
[divider_line]
[process_steps type= »horizontal » size= »small »]
[process_step title= »Planning » icon= »list-ol » icon_color= »#27ccc0″]
The planning stage is arguably the most important, because what’s decided and mapped here sets the stage for the entire project.
[/process_step]
[process_step title= »Design » icon= »pencil » icon_color= »#2ac4ea »]
The design stage typically involves moving the information outlined in the planning stage further into reality.
[/process_step]
[process_step title= »Development » icon= »desktop » icon_color= »#f6653c »]
Development involves the bulk of the programming work, as well as loading content (whether by your team or the client’s).
[/process_step]
[/process_steps]
[/content_box][/code]
[/toggle]

[divider_top]

[one_half]
[content_box icon= »coffee » icon_color= »#000000″ title= »Rounded Content Box » titleBgColor= »rgba(245,245,245,1) » titleTextColor= »rgba(0,0,0,1) » rounded= »true »]
[image width= »260″ height= »150″ source_type= »attachment_id » source_value= »1802″ align= »center »]
Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time.
[divider_padding]
[button size= »large » align= »center » textColor= »rgba(255,255,255,1) » icon= »shopping-cart » icon_color= »#ffffff » full= »true »]Check Out[/button]
[/content_box]
[/one_half]

[one_half_last]
[content_box icon= »coffee » icon_color= »#000000″ title= »Content Box with Style List » titleBgColor= »rgba(245,245,245,1) » titleTextColor= »rgba(0,0,0,1) » rounded= »true »]

This is the title

Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time.Business re-enters the picture at this point as you take care of all the little tasks related to closing the project.
[list icon= »pencil »]

  • Luctus et ultrices posuere cubilia.
  • Proin fermentum erat in diam.
  • Luctus et ultrices posuere cubilia./li>
  • Luctus et ultrices posuere cubilia.
  • Proin fermentum erat in diam.
  • Luctus et ultrices posuere cubilia./li>
  • Luctus et ultrices posuere cubilia./li>

[/list]
[/content_box]
[/one_half_last]

[toggle title= »Get the code »]
[code][one_half]
[content_box icon= »coffee » icon_color= »#000000″ title= »Rounded Content Box » titleBgColor= »rgba(245,245,245,1) » titleTextColor= »rgba(0,0,0,1) » rounded= »true »]
[image width= »260″ height= »150″ source_type= »attachment_id » source_value= »1802″ align= »center »]
Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time.
[divider_padding]
[button size= »large » align= »center » textColor= »rgba(255,255,255,1) » icon= »shopping-cart » icon_color= »#ffffff » full= »true »]Check Out[/button]
[/content_box]
[/one_half]
[one_half_last]
[content_box icon= »coffee » icon_color= »#000000″ title= »Content Box with Style List » titleBgColor= »rgba(245,245,245,1) » titleTextColor= »rgba(0,0,0,1) » rounded= »true »]

This is the title

Business re-enters the picture at this point as you take care of all the little tasks related to closing the project. Packaging source files, providing instructions for use and any required training occurs at this time.Business re-enters the picture at this point as you take care of all the little tasks related to closing the project.
[list icon= »pencil »]

  • Luctus et ultrices posuere cubilia.
  • Proin fermentum erat in diam.
  • Luctus et ultrices posuere cubilia./li>
  • Luctus et ultrices posuere cubilia.
  • Proin fermentum erat in diam.
  • Luctus et ultrices posuere cubilia./li>
  • Luctus et ultrices posuere cubilia./li>

[/list]
[/content_box]
[/one_half_last][/code]
[/toggle]

[divider_top]

[content_box icon= »heart » icon_color= »#F5F5F5″ title= »Custom color for all elements » titleBgColor= »rgba(92,105,114,1) » titleTextColor= »rgba(255,255,255,1) » bgColor= »rgba(250,250,250,1) » textColor= »#778496″]
The purpose of the launch phase is to prepare the website for public viewing. This requires final polishing of design elements, deep testing of interactivity and features and, most of all, a consideration of the user experience. An important early step in this phase is to move the website, if need be, to its permanent Web server. Testing in the production environment is important because different servers can have different features and unexpected behavior (e.g. different database host addresses).
[/content_box]
[toggle title= »Get the code »]
[code][content_box icon= »heart » icon_color= »#F5F5F5″ title= »Custom color for all elements » titleBgColor= »rgba(92,105,114,1) » titleTextColor= »rgba(255,255,255,1) » bgColor= »rgba(250,250,250,1) » textColor= »#778496″]
The purpose of the launch phase is to prepare the website for public viewing. This requires final polishing of design elements, deep testing of interactivity and features and, most of all, a consideration of the user experience. An important early step in this phase is to move the website, if need be, to its permanent Web server. Testing in the production environment is important because different servers can have different features and unexpected behavior (e.g. different database host addresses).
[/content_box] ] [/code]
[/toggle]

[divider_top]

Leave a Response