Copy the code below to make a landing page that looks like this one:


<!-- PAGE BANNER -->
<div class="content-container">
    <div class="alert nomargin bg-primary">
        <div class="clearfix clearfix-lg"></div>
        <div class="container">
            <div class="row">
                <div class="pagehead nomargin">

                    <h1>
                        Join Our Premier Community
                    </h1>

                    <h2 class="nomargin">
                        Connect With More Customers Today
                    </h2>

                </div>
            </div>
        </div>
        <div class="clearfix clearfix-lg"></div>
    </div>
</div>

<!-- PAGE BODY CONTENT -->
<div class="content-container tpad" style="background: #f7f7f7;color:#404042;">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-push-5">
                <div class="clearfix clearfix-lg"></div>
                
                <h2 class="h1 bpad">
                    What Are The Benefits of Joining?
                </h2>
                
                <p class="h4 line-height-xl tmargin bpad inline-block">
                    <i class="fa fa-check-circle fa-3x text-success pull-left" aria-hidden="true"></i>
                    This is a great reason to join our website. You'll love the features and the benefits you'll receive.
                </p>
                
                <p class="h4 line-height-xl bpad">
                    <i class="fa fa-check-circle fa-3x text-success pull-left" aria-hidden="true"></i>
                    This is a great reason to join our website. You'll love the features and the benefits you'll receive.
                </p>
                
                <p class="h4 line-height-xl ">
                    <i class="fa fa-check-circle fa-3x text-success pull-left" aria-hidden="true"></i>
                    This is a great reason to join our website. You'll love the features and the benefits you'll receive.
                </p>
                
                <hr>
                
                <!-- LINK TO CHECKOUT PAGE -->
                <a class="btn btn-xl btn-primary tmargin btn-block" href="/checkout/3">
                    Click Here To Start Promoting Your Services
                </a>
                
            </div>
            
            <!-- PAGE HERO IMAGE -->
            <div class="col-md-4 col-md-pull-5">
                <img class="tmargin tpad" src="/images/large_mascot.png">
            </div>
            
        </div>
    </div>
</div>

<!-- DISPLAY RECENT MEMBERS WIDGET -->
[widget=Bootstrap Theme - Display - Recent Members]



First, it is necessary to create a widget to add this code here:



Click on the following link to learn how to embed a widget on a page:


http://bootstrap.brilliantdirectories.com/support/solutions/articles/12000006511-get-the-code-to-print-a-widget