By default the “titled_box” shortcode used below will pick up the colors of the colorscheme you are using.
Starter Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Standard Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Platinum Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
[one_third]
[titled_box title="Starter Package" align="center"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center"]Get Started[/button]
[/titled_box]
[/one_third]
[one_third]
[titled_box title="Standard Package" align="center"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center"]Get Started[/button]
[/titled_box]
[/one_third]
[one_third_last]
[titled_box title="Platinum Package" align="center"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center"]Get Started[/button]
[/titled_box]
[/one_third_last]
[divider_padding]
Or you can change the box and button colors using “variation” attribute like the following example
Starter Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Standard Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Platinum Package
$19.95/mo
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
[one_third]
[titled_box title="Starter Package" align="center" variation="hotpink"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list" variation="hotpink"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="hotpink"]Get Started[/button]
[/titled_box]
[/one_third]
[one_third]
[titled_box title="Standard Package" align="center" variation="teal"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list" variation="teal"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="teal"]Get Started[/button]
[/titled_box]
[/one_third]
[one_third_last]
[titled_box title="Platinum Package" align="center" variation="olive"]
[div style="text-align:center"]
<h1>$19.95[span style="font-size:14px"]/mo[/span]</h1>
[/div]
[fancy_list style = "check_list" variation="olive"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="olive"]Get Started[/button]
[/titled_box]
[/one_third_last]
[divider_padding]
Or for something more minimal you can use the “fancy-box” shortcode like the example below.
Starter Package
$19.95
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Standard Package
$19.95
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
Platinum Package
$19.95
- Check list item #1
- Check list item #2
- Nullam dignissim convallis est.
- Scelerisque aliquet odio lorem non orci.
Get Started
[one_third]
[fancy_box title = "<center>Starter Package</center>"]
[div style="border-bottom:1px solid #eee;margin-bottom:20px;text-align:center"]
<h1>$19.95</h1>
[/div]
[fancy_list style = "check_list" variation="hotpink"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="hotpink"]Get Started[/button]
[/fancy_box]
[/one_third]
[one_third]
[fancy_box title = "<center>Standard Package</center>"]
[div style="border-bottom:1px solid #eee;margin-bottom:20px;text-align:center"]
<h1>$19.95</h1>
[/div]
[fancy_list style = "check_list" variation="teal"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="teal"]Get Started[/button]
[/fancy_box]
[/one_third]
[one_third_last]
[fancy_box title = "<center>Platinum Package</center>"]
[div style="border-bottom:1px solid #eee;margin-bottom:20px;text-align:center"]
<h1>$19.95</h1>
[/div]
[fancy_list style = "check_list" variation="olive"]
<ul>
<li>Check list item #1</li>
<li>Check list item #2</li>
<li>Nullam dignissim convallis est.</li>
<li>Scelerisque aliquet odio lorem non orci.</li>
</ul>
[/fancy_list]
[button link="#" size="large" align="center" variation="olive"]Get Started[/button]
[/fancy_box]
[/one_third_last]
[divider_padding]
