Super User

Super User

Venerdì, 04 Novembre 2011 14:52

Pricing tables

Special Pricing Table

Includes pricing table with special style. You can use style 1 with 1-4 column. Each column has its title, price, option rows and custom button.

Four Columns Pricing Table

    • Sample Plan

    • $10/month

      • Free example option
      • Free example option
      • Free example option
      • Free example option
    • Purchase
    • Sample Plan

    • $10/month

      • Free example option
      • Free example option
      • Free example option
      • Free example option
    • Purchase
    • Sample Plan

    • $10/month

      • Free example option
      • Free example option
      • Free example option
      • Free example option
    • Purchase
    • Sample Plan

    • $10/month

      • Free example option
      • Free example option
      • Free example option
      • Free example option
    • Purchase

One Column Pricing Table with column text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    • Sample Plan

    • $10/month

      • Free example option
      • Free example option
      • Free example option
      • Free example option
    • Purchase

Features and Customizations

  • Select Title, price, options and use custom button.
  • One responsive pricing table style with 1-4 columns.
  • Use with column shortcodes to control the width.
  • Unlimited tables and rows per page.

How to use the Pricing Tables

[pricing_table]

 [pricing_column title="Sample Plan" price="$10" duration="month" link="#" linktarget="_blank" button_name="Purchase" best_plan="no"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
 [/pricing_column]

 [pricing_column title="Sample Plan" price="$10" duration="month" link="#" linktarget="_blank" button_name="Purchase" best_plan="yes"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
 [/pricing_column]

 [pricing_column title="Sample Plan" price="$10" duration="month" link="#" linktarget="_blank" button_name="Purchase" best_plan="no"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
 [/pricing_column]

 [pricing_column title="Sample Plan" price="$10" duration="month" link="#" linktarget="_blank" button_name="Purchase" best_plan="yes"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
    [pricing_option title="Free" desc="example option"] 
 [/pricing_column]

[/pricing_table]
Venerdì, 04 Novembre 2011 14:52

Media

Bring the Media to your life

Here are all shortcodes to manage your media. Simply insert your media from Vimeo or Youtube and let your web site do the rest, easily and quickly.

Vimeo Full width video

Vimeo half width video

Vimeo half width video

Vimeo Full width video

Vimeo half width video

Vimeo half width video

Features and Customizations

  • Vimeo and Youtube Videos only need video ID, width/height is adjustable
  • Set your prefer width, Use it with column shortcodes.
  • You can combine video with other shortcodes for impressive results.
  • All media elements are fully responsive.

How to use the Media

Youtube
[youtube id="KePe8p46jyE" width="1200" height="674"]

Vimedo
[vimeo id="44633289" width="1200" height="674"]
Venerdì, 04 Novembre 2011 14:52

Google Maps

Point your direction with Google Map

Choose from 4 map styles; terrain, roadmap, hybrid, satellite. Use multiple map markers, insert custom width and height and also control many display/funtion options like zoom control, mouse wheel control, zoom level and scale.

Full width Google Map

Google Map Hybrid

Google Map Roadmap

Google Map Terrain

Google Map Satelite

Features and Customizations

  • 4 different map styles; roadmap, terrain, satellite, hybrid.
  • Set your prefer width, Use it with column shortcodes.
  • Set width, height, zoom level, scrollwheel, scale, zoom & pan.
  • Advanced customizations tools.

How to use the Google Maps

Full width
[map address="London" type="roadmap" width="100%" height="300px" zoom="10" scrollwheel="no" scale="yes" zoom_pancontrol="yes"][/map]

Hybrid
[map address="London" type="hybrid" width="100%" height="300px" zoom="14" scrollwheel="no" scale="yes" zoom_pancontrol="yes"][/map]

Roadmap
[map address="London" type="roadmap" width="100%" height="300px" zoom="14" scrollwheel="no" scale="yes" zoom_pancontrol="yes"][/map]

Terrain
[map address="London" type="terrain" width="100%" height="300px" zoom="14" scrollwheel="no" scale="yes" zoom_pancontrol="yes"][/map]

Satelite
[map address="London" type="satellite" width="100%" height="300px" zoom="14" scrollwheel="no" scale="yes" zoom_pancontrol="yes"][/map]
Venerdì, 04 Novembre 2011 14:52

Dividers

6 amazing dividers with options to edit margins and width size

We have collected and crafted the most popular dividers used on web. 6 different styles to separate your contents. You can insert dividers in different width size from full page to 1/4 of page.

Solid divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Dotted divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Dashed divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Color divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Image divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Go Top divider

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua consectetur adipisicing.

Features and Customizations

  • You can choose from six different divider styles.
  • Solid, Dotted, Dashed, Color, Image and Go to top divider
  • You can use "none" to not show a divider and only use it for spacing.
  • Spacer element is included in the short code to obtain more or less space.

How to use the Dividers

Solid
[separator size="1" color="#CCC" top="30" bottom="30" style="solid"]

Dotted
[separator size="1" color="#CCC" top="30" bottom="30" style="dotted"]

Dashed
[separator size="1" color="#CCC" top="30" bottom="30" style="dashed"]

Color
[separator size="1" color="#CCC" top="30" bottom="30" style="color"]

Image
[separator size="1" color="#CCC" top="30" bottom="30" style="image"]

Go Top
[separator size="1" color="#CCC" top="30" bottom="60" style="gotop"]
Venerdì, 04 Novembre 2011 14:52

Columns

1/2 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/2 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

2/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/3 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

3/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Praesent dui felis, vestibulum id eros luctus, posuere dictum leo. Nullam ut suscipit leo. Vestibulum pretium neque dui, et tristique justo adipiscing et. Sed suscipit ac erat id vestibulum. Donec iaculis nisl blandit fringilla lacinia.

1/4 Columns

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et ipsum justo. Suspendisse tortor felis, rhoncus ac auctor mattis, adipiscing id risus. Vestibulum pretium neque dui, et tristique justo adipiscing et.

How to use the Columns inside an article

1/2 Columns
    [section]
        [one_half]Your content goes here...[/one_half]
        [one_half]Your content goes here...[/one_half]
    [/section]


1/3 Columns
    [section]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
    [/section]


2/3 Columns
    [section]
        [two_third]Your content goes here...[/two_third]
        [one_third]Your content goes here...[/one_third]
        [one_third]Your content goes here...[/one_third]
    [/section]


1/4 Columns
    [section]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
        [one_fourth]Your content goes here...[/one_fourth]
    [/section]


3/4 Columns
    [section]
        [three_fourth]Your content goes here...[/three_fourth]
    [/section]


Full Width
    [section]
        Your content goes here...
    [/section]
Venerdì, 04 Novembre 2011 14:52

Circle hover effects

Circle hover effect

Create special content effect using this shortcode. Circle hover effect can be use for banners, advertising, promotion text, content articles and many more.

Four Columns Circle hover effect

Two Columns Circle hover effect

Two Columns Circle hover effect

One Column Crircle hover effect with column text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Features and Customizations

  • Select background image, title, subtitle and link.
  • One responsive circle hover effect with 1-4 columns.
  • Use with column shortcodes to control the width.
  • Unlimited circle rows per page.

How to use the Circle hover effects

[circles] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"] 
   [circle image_link="your_image_path_goes_here" title="Sample Title" person="Victoria Green" job="text link" link="#"]
[/circles]
Venerdì, 04 Novembre 2011 14:52

Accordion & Testmimonials

Rich Accordion and Testimonials

Accordions and Testimonail are perfect for adding multiple sections of information with varying content and titles.

Full width Accordion

image title Etiam quis elit ut odio rutrum hendrerit sodales vitae orci. Morbi viverra porta scelerisque. Vestibulum consequat, leo vulputate sollicitudin bibendum, arcu ipsum sagittis lacus, et vehicula eros ligula ac nulla. Mauris eu sem dui. Nullam felis nulla, scelerisque nec arcu non, volutpat placerat dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean condimentum, felis vehicula faucibus pretium, augue libero cursus odio, eu venenatis est arcu et est. Vestibulum ultricies libero magna, eget feugiat tellus pellentesque sed. Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

Half width accordion

Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.
Fugiat dapibus, tellus ac cursus commodo, mauris sit condim eser ntumsi nibh, uum a justo vitaes amet risus amets un. Posi sectetut amet fermntum orem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia nons.

Testinomials

Nick Tomson
If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.
Nick Tomson
Martha Ramsey
Nothing will benefit human health and increase the chances for survival of life on Earth as much as the evolution to a vegetarian diet.
Martha Ramsey
Sonia Verson
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form!
Sonia Verson

Features and Customizations

  • Insert graphics, or other shortcodes in the text description area of Accordion.
  • 20 Social icons with hover effect and link to your Social Network.
  • Special Testimonial Panel with horizontal animation effect.
  • Insert image, name and description in the Panel.

How to use the Accordion & Testmimonials

Accordion

[accordion] 

[toggle title="Sample Title #1" open="yes"] 
[imageframe src="/your_image_path_goes_here" type="thumbnail" alt="image title" align="right"]
Your text goes here...
[/toggle] 

[toggle title="Sample Title #2"]
Your text goes here...
[/toggle] 

[toggle title="Sample Title"]
Your text goes here...
[/toggle] 

[/accordion]

Testimonials

[testimonials]

[testimonial img_link="/your_image_path_goes_here" author="Nick Tomson"]
Your text goes here...
[/testimonial]

[testimonial img_link="/your_image_path_goes_here" author="Martha Ramsey"]
Your text goes here...
[/testimonial]

[testimonial img_link="/your_image_path_goes_here" author="Sonia Verson"]
Your text goes here...
[/testimonial]

[/testimonials]

In collaborazione con

Sponsor

Social

Contatti 

Tarta Club Italia
Via della Repubblica, 39a

47042 Cesenatico (FC)

Partita IVA: 03515480402 - C.F. 90049330401

 

TartaClubItalia

Scrivi al TartaClubItalia, mandaci una mail a infotartaclubitalia@gmail.com.

Scrivi al Webmaster per problemi inerenti al sito.

DMCA.com Protection Status

Chi è online 

Abbiamo 184 visitatori e nessun utente online

Statistiche visite 

Oggi998
Ieri2978
Questa settimana13044
Questo mese115941
Da sempre14529713

Powered by CoalaWeb
#5e5f72 #66fe00 #77b5b3 #dc1469 #232021 #a55778