Seline

Team Shortcode

+ -
John Doe

Web Developer
+ -
John Doe

Web Developer
+ -
John Doe

Web Developer
+ -
Jesica Doe

Instructor
How To Use

                            <section class="author-area primary-bg-area">
                                <div class="container">
                                    <div class="row">
                                        <div class="col-xs-12 no-padding">
                                            <div class="author primary-bg">
                                                <h2 class="subtitle text-center">Team</h2>
                                                <div class="seline-border"></div>
                                                <div class="author-content">
                                                    <div class="col-xs-6 col-md-3 no-padding">
                                                        <div class="single-author">
                                                            <div class="single-author-image">
                                                                <img class="img-responsive" src="..." alt="Latest Blog Pictures">
                                                                <div class="background-overlay text-center">
                                                                    <div class="social-profile">
                                                                        <ul>
                                                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <span class="seline-zoom">+</span>
                                                                    <span class="seline-unzoom">-</span>
                                                                    <div class="single-author-description text-center">
                                                                        <h3 class="heading3">John Doe</h3>
                                                                        <p class="description">Web Developer</p>
                                                                    </div><!-- .single-author-description -->
                                                                </div><!-- .background-overlay -->
                                                            </div><!-- .single-author-image -->
                                                        </div><!-- .single-author -->
                                                    </div><!-- .col-md-3 -->
                                                    <div class="col-xs-6 col-md-3 no-padding">
                                                        <div class="single-author">
                                                            <div class="single-author-image">
                                                                <img class="img-responsive" src="..." alt="Latest Blog Pictures">
                                                                <div class="background-overlay text-center">
                                                                    <div class="social-profile">
                                                                        <ul>
                                                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <span class="seline-zoom">+</span>
                                                                    <span class="seline-unzoom">-</span>
                                                                    <div class="single-author-description text-center">
                                                                        <h3 class="heading3">John Doe</h3>
                                                                        <p class="description">Web Developer</p>
                                                                    </div><!-- .single-author-description -->
                                                                </div><!-- .background-overlay -->
                                                            </div><!-- .single-author-image -->
                                                        </div><!-- .single-author -->
                                                    </div><!-- .col-md-3 -->
                                                    <div class="col-xs-6 col-md-3 no-padding">
                                                        <div class="single-author">
                                                            <div class="single-author-image">
                                                                <img class="img-responsive" src="..." alt="Latest Blog Pictures">
                                                                <div class="background-overlay text-center">
                                                                    <div class="social-profile">
                                                                        <ul>
                                                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <span class="seline-zoom">+</span>
                                                                    <span class="seline-unzoom">-</span>
                                                                    <div class="single-author-description text-center">
                                                                        <h3 class="heading3">John Doe</h3>
                                                                        <p class="description">Web Developer</p>
                                                                    </div><!-- .single-author-description -->
                                                                </div><!-- .background-overlay -->
                                                            </div><!-- .single-author-image -->
                                                        </div><!-- .single-author -->
                                                    </div><!-- .col-md-3 -->
                                                    <div class="col-xs-6 col-md-3 no-padding">
                                                        <div class="single-author">
                                                            <div class="single-author-image">
                                                                <img class="img-responsive" src="..." alt="Author">
                                                                <div class="background-overlay text-center">
                                                                    <div class="social-profile">
                                                                        <ul>
                                                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                                                            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                                                        </ul>
                                                                    </div>
                                                                    <span class="seline-zoom">+</span>
                                                                    <span class="seline-unzoom">-</span>
                                                                    <div class="single-author-description text-center">
                                                                        <h3 class="heading3">Jesica Doe</h3>
                                                                        <p class="description">Instructor</p>
                                                                    </div><!-- .single-author-description -->
                                                                </div><!-- .background-overlay -->
                                                            </div><!-- .single-author-image -->
                                                        </div><!-- .single-author -->
                                                    </div><!-- .col-md-3 -->
                                                </div><!-- .author-content -->
                                            </div><!-- .author -->
                                        </div><!-- .col-xs-12 -->
                                    </div><!-- .row -->
                                </div><!-- .container -->
                            </section><!-- .author-area -->
Preloader

Single Page

Bootstrap Helper

Shortcodes Helper

More Helper

About Shortcode

The Untold Secret To about

Team Shortcode

John Doe

John Doe

John Doe

Jesica Doe

How To Use

Information

Useful Links

Flicker Update

Subscribes
