<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Slider team - Cube Portfolio</title>

    <!-- load fonts from google -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700%7CRoboto:400,500,700%7CRoboto+Condensed%7CLato:400,700" rel="stylesheet" type="text/css">

    <!-- load font awesome from cnd -->
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
                        
    <!-- load css for cubeportfolio -->
        <link rel="stylesheet" type="text/css" href="../../cubeportfolio/css/cubeportfolio.min.css">

</head>
<body class="demo-slider-team">
            
    <br><br><br>
    <br><br><br>

    <div class="cbp-panel">

        <div id="grid-container" class="cbp cbp-slider-edge">
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/fb69cf" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">John Doe</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">CEO, Director General</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/9c71a0" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">John Snow</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">Manager</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/7eb0f9" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">Arya Stark</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">Developer</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/1d89ae" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">Tyrion Lannister</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">CEO, Director General</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/96e44b" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">Mary Jane</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">Support Staff</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
            <div class="cbp-item">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/15cd3d" alt="">
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-wrap">
                    <div class="cbp-l-grid-slider-team-name">Tony Grue</div>
                    <div class="cbp-l-grid-slider-team-social">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                    </div>
                </div>
                <div class="cbp-l-grid-slider-team-position">Finance</div>
                <div class="cbp-l-grid-slider-team-desc">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla nemo ad quibusdam consequuntur sapiente officia natus reprehenderit, doloribus in dolores!
                </div>
            </div>
        </div>

    </div>

    <br><br><br>
        
    <!-- load jquery -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    <!-- load cubeportfolio plugin -->
        <script type="text/javascript" src="../../cubeportfolio/js/jquery.cubeportfolio.min.js"></script>

    <!-- load main js -->
    <script type="text/javascript" src="js/main.js"></script>
                    
</body>
</html>
