Theme Footers

Piksell comes with two different footers.

Footer Option 1

Footer option 1 starts with those line of codes:

<footer id="footer" class="dark">
  <div class="container footer">
    <!-- footer column -->
  </div>
</footer>

Lets add code for option 1. Who comes with three columns.

First add Class .row and than create columns .col-sm-5 .col-sm-3 .col-sm-4

add class .padd in all column for padding column 20px

See example for footer option 1:

<footer id="footer" class="dark">
    <div class="container footer">
        <div class="row">

            <div class="col-sm-5 padd">
                <h5>Piksell</h5>
                <div class="line-left"></div>
                <p>Stet clita kasd gubergren, no sea takimata sanctus est consetetur sadipscing elitr accusam aliquyam diam diam dolore dolores duo eirmod. At accusam aliquyam diam diam dolore dolores eirmodeos erat, et nonumy sed tempor et et invidunt justo labore stet clita.</p>
            </div>

            <div class="col-sm-3 padd">
                <h5>Piksell Contact</h5>
                <div class="line-left"></div>
                <address>
                    <p>
                        <i class="fa fa-map-marker"></i> 77 Mass. Ave., E14/E15<br>
                        Seattle, MA 02139-4307 USA <br>
                        <i class="fa fa-phone"></i> 012.345.6789 <br>
                        <i class="fa fa-envelope"></i> <a href="mailto:mantii_ju@hotmail.com">info@piksell.com</a>
                    </p>
                </address>
            </div>

            <div class="col-sm-4 padd">
                <h5>Monthly Newsletter</h5>
                <div class="line-left"></div>
                <p>Stet clita kasd gubergren, no sea takimata sanctus est consetetur sadipscing.</p>
                <form>
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Email Address">
                        <span class="input-group-btn">
                            <button class="btn pi-btn-default" type="button">Subscirbe</button>
                        </span>
                    </div>
                </form>
                <ul class="social inline-block">
                    <li class="margin-right-5"><a href="#"><i class="fa fa-facebook facebook-icon social-icon social-icon-x3 rounded"></i></a></li>
                    <li class="margin-right-5"><a href="#"><i class="fa fa-twitter twitter-icon social-icon social-icon-x3 rounded"></i></a></li>
                    <li class="margin-right-5"><a href="#"><i class="fa fa-dribbble dribbble-icon social-icon social-icon-x3 rounded"></i></a></li>
                    <li class="margin-right-5"><a href="#"><i class="fa fa-linkedin linkedin-icon social-icon social-icon-x3 rounded"></i></a></li>
                    <li><a href="#"><i class="fa fa-youtube youtube-icon social-icon social-icon-x3 rounded"></i></a></li>
                </ul>
            </div>

        </div>
    </div>

    <div class="copyrights">
        <div class="container">
            <div class="row">

                <div class="col-sm-12">
                    <p class="pull-left">2014 © <a href="http://www.diamondcreative.net">DiamondCreative</a> / All Rights reserved.</p>
                    <ul class="inline-block pull-right">
                        <li><a href="page_faq.html">Privacy Policy</a></li>
                        <li class="topbar-devider"></li>
                        <li><a href="page_faq.html">Terms of Service</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</footer>
Footer Option 2

Footer option 2 starts with those line of codes:

<footer id="footer" class="dark">
  <div class="container footer-v2">
    <!-- footer column -->
  </div>
</footer>

And Footer option 2 comes with three column.

footer option 2 comes with .col-sm-4 for three columns. See Example

<footer id="footer" class="dark">
    <div class="container footer-v2">
        <div class="row">

            <div class="col-sm-4 padd">
                <div class="icon">
                    <i class="fa fa-map-marker"></i>
                </div>
                <h5>Address</h5>
                <p>77 Mass. Ave., E14/E15 Seattle, MA 02139-4307 USA </p>
            </div>

            <div class="col-sm-4 padd">
                <div class="icon">
                    <i class="fa fa-phone"></i>
                </div>
                <h5>Contact</h5>
                <p>012.345.6789</p>
                <a href="">info@piksell.com</a>
            </div>

            <div class="col-sm-4 padd">
                <div class="icon">
                    <i class="fa fa-eye"></i>
                </div>
                <h5>Follow Us</h5>
                <ul class="social inline-block">
                    <li><a href="#"><i class="fa fa-facebook facebook-icon circle social-icon-x3"></i></a></li>
                    <li><a href="#"><i class="fa fa-dribbble dribbble-icon circle social-icon-x3"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter twitter-icon circle social-icon-x3"></i></a></li>
                    <li><a href="#"><i class="fa fa-linkedin linkedin-icon circle social-icon-x3"></i></a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="copyrights">
        <div class="container">
            <div class="row">

                <div class="col-sm-12">
                    <p class="pull-left">2014 © <a href="http://www.diamondcreative.net">DiamondCreative</a> / All Rights reserved.</p>
                    <ul class="inline-block pull-right">
                        <li><a href="page_faq.html">Privacy Policy</a></li>
                        <li class="topbar-devider"></li>
                        <li><a href="page_faq.html">Terms of Service</a></li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</footer>