Call to Action

Call to Action Shortcodes

Call to Action are great to show the content of your website and can be set in different styles.


Default

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

1
2
3
4
5
6
7
8
9
<section class="call-to-action mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>

With Borders

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<section class="call-to-action with-borders mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>
<section class="call-to-action with-full-borders mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>

Featured

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<section class="call-to-action featured featured-primary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>
<section class="call-to-action featured featured-secondary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action featured featured-tertiary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action featured featured-quaternary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>

Colors

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<section class="call-to-action call-to-action-primary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action call-to-action-secondary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action call-to-action-tertiary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action call-to-action-quaternary mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>
<section class="call-to-action call-to-action-default mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
    </div>
</section>

With Arrow

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

1
2
3
4
5
6
7
8
9
<section class="call-to-action with-borders with-button-arrow mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a><span class="arrow hlb hidden-xs hidden-sm hidden-md" data-appear-animation="rotateInUpLeft" style="top: -12px;"></span>
    </div>
</section>

Animated

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

1
2
3
4
5
6
7
8
9
<section class="call-to-action with-borders mb-xl" data-appear-animation="fadeIn">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>

Button Centered

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

1
2
3
4
5
6
7
8
9
<section class="call-to-action with-borders button-centered mb-xl">
    <div class="call-to-action-content">
        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
    </div>
    <div class="call-to-action-btn">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
    </div>
</section>

Small

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div class="row">
    <div class="col-md-4">
        <section class="call-to-action with-borders button-centered mb-xl">
            <div class="call-to-action-content">
                <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
            </div>
            <div class="call-to-action-btn">
                <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
            </div>
        </section>
    </div>
    <div class="col-md-4">
        <section class="call-to-action call-to-action-primary button-centered mb-xl">
            <div class="call-to-action-content">
                <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
            </div>
            <div class="call-to-action-btn">
                <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
            </div>
        </section>
    </div>
    <div class="col-md-4">
        <section class="call-to-action call-to-action-quaternary button-centered mb-xl">
            <div class="call-to-action-content">
                <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
            </div>
            <div class="call-to-action-btn">
                <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
            </div>
        </section>
    </div>
</div>

Full Width

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<section class="call-to-action call-to-action-primary mb-xl">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="call-to-action-content">
                    <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                    <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                </div>
                <div class="call-to-action-btn">
                    <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="call-to-action call-to-action-dark mb-xl">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="call-to-action-content">
                    <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                    <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                </div>
                <div class="call-to-action-btn">
                    <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="call-to-action call-to-action-default mb-xl">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="call-to-action-content">
                    <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                    <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                </div>
                <div class="call-to-action-btn">
                    <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="call-to-action with-borders mb-xl">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="call-to-action-content">
                    <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                    <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                </div>
                <div class="call-to-action-btn">
                    <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-default">Buy Now!</a>
                </div>
            </div>
        </div>
    </div>
</section>

Parallax

Porto is everything you need to create an awesome website!

The #1 Selling DNN theme on DNN Store

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<section class="parallax section section-text-light section-parallax" data-stellar-background-ratio="0.5" style="background-image: url('/portals/2/img/parallax-image.jpg');">
    <section class="call-to-action">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="call-to-action-content">
                        <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                        <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                    </div>
                    <div class="call-to-action-btn">
                        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>

Footer




HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<section class="call-to-action call-to-action-default with-button-arrow call-to-action-in-footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="call-to-action-content">
                    <h3>Porto is <strong>everything</strong> you need to create an <strong>awesome</strong> website!</h3>
                    <p>The <strong>#1 Selling</strong> DNN theme on DNN Store</p>
                </div>
                <div class="call-to-action-btn">
                    <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg btn-primary">Buy Now!</a><span class="arrow hlb hidden-xs hidden-sm hidden-md" data-appear-animation="rotateInUpLeft" style="top: -12px;"></span>
                </div>
            </div>
        </div>
    </div>
</section>