Content boxes

<div class="advs-box advs-box-top-icon-img boxed-inverse">
    <a class="img-box lightbox img-scale-up" href="#">
        <span><img src="http://www.framework-y.com/images/thumb-wide.png" alt=""></span>
    </a>
    <div class="advs-box-content">
        <h3>Content box title</h3>
        <p>
             Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusco.
        </p>
    </div>
</div> 

<div class="advs-box advs-box-top-icon" data-anima="rotate-20" data-trigger="hover">
    <i class="fa fa-smile-o icon circle anima"></i>
    <h3>Content box title</h3>
    <p>
         Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce.
    </p>
</div>

<div class="advs-box advs-box-side-icon" data-anima="scale-up" data-trigger="hover">
    <div class="icon-box">
        <i class="fa fa-smile-o icon anima"></i>
    </div>
    <div class="caption-box">
        <h3>Content box title</h3>
        <p>
              Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce temporibus est odit mi quos? Aliquid semper, veritatis dignissimos.
        </p>
    </div>
</div>

<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
    <a class="img-box"><img class="anima" src="http://www.framework-y.com/images/thumb-wide.png" alt="" /></a>
    <div class="circle anima-rotate-20 anima">02 <span>OCT, 15</span></div>
    <div class="advs-box-content">
        <h3>Content box title</h3>
        <p>
              Interdum iusto pulvinar consequuntur augue optio, repellat fuga! Purus expedita fusce temporibus est odit mi quos? Aliquid semper, veritatis dignissimos.
        </p>
        <a class="btn btn-sm " href="#">Enter now </a>
    </div>
</div> 

<div class="advs-box advs-box-top-icon-img niche-box-post" data-anima="scale-rotate" data-trigger="hover">
    <div class="block-infos">
        <div class="block-data">
            <p class="bd-day">25</p>
            <p class="bd-month">July 2018</p>
        </div>
        <a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
    </div>
    <a class="img-box"><img class="anima" src="http://www.framework-y.com/images/thumb-wide.png" alt="" /></a>
    <!-- SLIDER -->
    <!-- <div class="flexslider slider nav-inner">
        <ul class="slides">
            <li>
                <img src="http://www.framework-y.com/images/thumb-wide.png" alt="" />
            </li>
            <li>
                <img src="http://www.framework-y.com/images/thumb-wide.png" alt="" />
            </li>
        </ul>
    </div> -->
    <!-- YOUTUBE VIDEO -->
    <!-- <iframe src="https://www.youtube.com/embed/bpqhStV2_rc?showinfo=0&controls=0"></iframe> -->
    <div class="advs-box-content">
        <h2><a href="#">A travel around the wonderful world</a></h2>
        <div class="tag-row">
            <span><i class="fa fa-bookmark"></i> <a href="#">Travel</a>, <a href="#">Motors</a></span>
            <span><i class="fa fa-pencil"></i>Admin</span>
            <div class="social-group-button">
                <div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
                    <i class="fa fa-share-alt"></i>
                </div>
                <div class="btn-group social-group">
                    <a target="_blank" href="#"><i data-social="share-facebook" class="fa fa-facebook circle"></i></a>
                    <a target="_blank" href="#"><i data-social="share-twitter" class="fa fa-twitter circle"></i></a>
                    <a target="_blank" href="#"><i data-social="share-google" class="fa fa-google circle"></i></a>
                    <a target="_blank" href="#"><i data-social="share-linkedin" class="fa fa-linkedin circle"></i></a>
                </div>
            </div>
        </div>
        <p class="niche-box-content">
            ...
        </p>
        <a class="btn btn-sm " href="#">Read more</a>
    </div>
</div>

<div class="advs-box niche-box-blog">
    <div class="block-top">
        <div class="block-infos">
            <div class="block-data">
                <p class="bd-day">25</p>
                <p class="bd-month">July 2018</p>
            </div>
            <a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
        </div>
        <div class="block-title">
            <h2><a href="#">Elvis on New York Theater</a></h2>
            <div class="tag-row">
                <span><i class="fa fa-bookmark"></i> <a href="#">Travel</a>, <a href="#">Motors</a></span>
                <span><i class="fa fa-pencil"></i>Admin</span>
                <div class="social-group-button">
                    <div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
                        <i class="fa fa-share-alt"></i>
                    </div>
                    <div class="btn-group social-group">
                        <a target="_blank" href="#"><i data-social="share-facebook" class="fa fa-facebook circle"></i></a>
                        <a target="_blank" href="#"><i data-social="share-twitter" class="fa fa-twitter circle"></i></a>
                        <a target="_blank" href="#"><i data-social="share-google" class="fa fa-google circle"></i></a>
                        <a target="_blank" href="#"><i data-social="share-linkedin" class="fa fa-linkedin circle"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a class="img-box img-scale-rotate" href="#">
        <img src="http://www.framework-y.com/images/thumb-wide.png" alt="">
    </a>
    <!-- SLIDER -->
    <!-- <div class="flexslider slider nav-inner">
        <ul class="slides">
            <li>
                <img src="http://www.framework-y.com/images/thumb-wide.png" alt="" />
            </li>
            <li>
                <img src="http://www.framework-y.com/images/thumb-wide.png" alt="" />
            </li>
        </ul>
    </div> -->
    <!-- YOUTUBE VIDEO -->
    <!-- <iframe src="https://www.youtube.com/embed/bpqhStV2_rc?showinfo=0&controls=0"></iframe> -->
    <p class="excerpt">
        ...
    </p>
    <a class="btn btn-sm " href="#">Read more</a>
</div>

<div class="advs-box advs-box-top-icon niche-box-testimonails">
    <i class="fa text-xl circle onlycover" style="background-image:url('http://www.framework-y.com/images/thumb-wide.png')"></i>
    <p>
        Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt
        ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam.
    </p>
    <h5>Mary Groot - Facebook</h5>
</div> 

<div class="advs-box niche-box-testimonails-cloud">
    <p>
        Lorem ipsum dolor sitamet consectetur adipisicing elito sed do eiusmod tempor incididunt
        ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam.
    </p>
    <div class="name-box vertical-row">
        <i class="vertical-col fa text-l circle onlycover" style="background-image:url('http://www.framework-y.com/images/thumb-wide.png')"></i>
        <h5 class="vertical-col subtitle"><span class="subtxt">Google</span></h5>
    </div>
</div> 

<div class="advs-box niche-box-team" data-anima="scale-up" data-trigger="hover">
    <a class="img-box">
        <img class="anima" src="http://www.framework-y.com/images/thumb-wide.png" alt="" />
    </a>
    <div class="content-box">
        <h2>JACK CHRISTIAN</h2>
        <h4>FOUNDER AND CEO</h4>
        <hr class="e" />
        <div class="btn-group social-group">
            <a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
            <a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
            <a target="_blank" href="#"><i class="fa fa-instagram"></i></a>
        </div>
        <p>Lorem Ipsum is simply dummy text of the printing and industry. Lorem has been the industry.</p>
    </div>
</div> 

<div class="col-md-4">
    <div class="list-group pricing-table pricing-table-big">
        <div class="list-group-item pricing-price">
            $85/ <span>MONTH</span>
        </div>
        <div class="list-group-item pricing-name">
            <h3>PLUS PLAN</h3>
        </div>
        <div class="list-group-item">
            15 versions
        </div>
        <div class="list-group-item">
            PSD + HTML files
        </div>
        <div class="list-group-item">
            Custom design and coding
        </div>
        <div class="list-group-item">
            30 days money back guarante
        </div>
        <div class="list-group-item">
            24/7 support
        </div>
        <div class="list-group-item pricing-btn">
            <a class="btn btn-sm btn-default" href="#"> Order now </a>
        </div>
    </div>
</div>
<div class="col-md-4">
    <div class="list-group pricing-table">
        <div class="list-group-item pricing-price">
            $200/ <span>MONTH</span>
        </div>
        <div class="list-group-item pricing-name">
            <h3>DELUXE PLAN</h3>
        </div>
        <div class="list-group-item">
            35 versions
        </div>
        <div class="list-group-item">
            PSD + HTML + JPG files
        </div>
        <div class="list-group-item">
            Custom design and coding
        </div>
        <div class="list-group-item">
            30 days money back guarante
        </div>
        <div class="list-group-item">
            24/7 support
        </div>
        <div class="list-group-item pricing-btn">
            <a class="btn btn-sm btn-default" href="#"> Order now </a>
        </div>
    </div>
</div>

<!-- INNER EXAMPLE -->
<div class="advs-box call-action-box vertical-row white">
        <div class="col-md-1">
            <i class="fa fa-language action-icon"></i>
        </div>
        <div class="col-md-8">
            <p> ... </p>
        </div>
        <div class="col-md-2">
            <a class="btn btn-sm " href="#">Enter now </a>
        </div>
</div>
<!-- FULL WIDTH EXAMPLE -->
<div class="call-action-box full-width white">
    <div class="container content">
        <div class="advs-box vertical-row">
            <div class="row">
                <div class="col-md-9">
                    <p> ... </p>
                </div>
                <div class="col-md-3">
                    <a class="btn btn-sm" href="#">Enter now</a>
                </div>
            </div>
        </div>
    </div>
</div>