<div class="pos-vertical-center">
                        <img class="logo" alt="Pillar" src="img/logo-large-dark.png" />
                        <p class="lead">
                            A beautiful collection of
                            <br /> hand-crafted web components
                        </p>
                        <a class="btn btn--primary btn--lg" href="#">
                            <span class="btn__text">
                                Purchase Pillar
                            </span>
                        </a>
                    </div>
                    <div class="col-sm-12 text-center pos-absolute pos-bottom">
                        <ul class="social-list">
                            <li>
                                <a href="#">
                                    <i class="socicon-twitter"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="socicon-dribbble"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="socicon-vimeo"></i>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="socicon-instagram"></i>
                                </a>
                            </li>
                        </ul>
                    </div>