Arrows

Arrows Shortcodes

Check out all the arrows options.


Positions

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
<div class="row center">
    <div class="col-md-3 col-xs-6">
        <span class="arrow vtl"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow vtr"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow vbl"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow vbr"></span>
    </div>
</div>
<div class="row center mt-xl">
    <div class="col-md-3 col-xs-6">
        <span class="arrow hlb"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow hlt"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow hrb"></span>
    </div>
    <div class="col-md-3 col-xs-6">
        <span class="arrow hrt"></span>
    </div>
</div>

How to Use

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 mt-lg">
        <a href="http://www.mandeeps.com/products/dnn-themes/porto.aspx" target="_blank" class="btn btn-lg mt-xs btn-primary">Buy Now!</a><span class="arrow hrb" style="top: -88px; left: -24px;"></span>
    </div>
</section>