Modal Example 1

[intothewoodx]

Hey there,

I was looking to replicate modal example 1 – please may I have the code?

J

[laranz – SUPPORT]

Hi,

If you are asking about the “Show me the Modal” content in this page means, This is the code.

<p style="text-align: center;">[sf_modal header="OK, here's your modal." btn_colour="accent" btn_type="standard" btn_size="standard" btn_text="SHOW ME THE MODAL!"]</p>

<h1 style="text-align: center;">Put anything you want in these bad boys.</h1>
[one_third]

[chart percentage="30" size="170" barcolour="#00a0f3" trackcolour="#e4e4e4" content="95,000" align="center"]
<h3 style="text-align: center;">Click throughs.</h3>
[/one_third]
[one_third]

[chart percentage="75" size="170" barcolour="#1dc6df" trackcolour="#e4e4e4" content="ss-view" align="center"]
<h3 style="text-align: center;">95k Page Views</h3>
[/one_third]
[one_third_last]

[chart percentage="50%" size="170" barcolour="#00d1c5" trackcolour="#e4e4e4" content="ss-like" align="center"]
<h3 style="text-align: center;">Projects complete.</h3>
[/one_third_last]

[hr]

[progress_bar percentage="100" name="Illustration" value="100%" type="" colour="#007ef3"]

[progress_bar percentage="80" name="Photoshop" value="80%" type="" colour="#00a0f3"]

[progress_bar percentage="70" name="After Effects" value="70%" type="" colour="#1dc6df"]

[progress_bar percentage="100" name="Branding" value="100%" type="" colour="#00d1c5"]

[progress_bar percentage="100" name="Marketing" value="100%" type="" colour="#37ba85"]

[/sf_modal]

Let us know,

Thanks,
laranz.