<!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>Multiple Grids - 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 css for cubeportfolio -->
        <link rel="stylesheet" type="text/css" href="../../cubeportfolio/css/cubeportfolio.min.css">

</head>
<body class="demo-multiple-grids">
        
    <br><br><br>

    <!-- 01-juicy-projects -->
    <div class="cbp-panel">

        <div id="filters-container1" class="cbp-l-filters-button">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
                All <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".identity" class="cbp-filter-item">
                Identity <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".web-design" class="cbp-filter-item">
                Web Design <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".graphic" class="cbp-filter-item">
                Graphic <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".logos" class="cbp-filter-item">
                Logo <div class="cbp-filter-counter"></div>
            </div>
        </div>

        <div id="grid-container1" class="cbp">
            <div class="cbp-item graphic">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/5cdd49" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/e9396c" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">view larger</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Dashboard</div>
                <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
            </div>
            <div class="cbp-item web-design logos">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/5e0c66" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">view larger</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">World Clock Widget</div>
                <div class="cbp-l-grid-projects-desc">Logo / Web Design</div>
            </div>
            <div class="cbp-item graphic logos">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/626a9e" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://vimeo.com/14912890" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="To-Do Dashboard<br>by Tiberiu Neamu">view video</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">To-Do Dashboard</div>
                <div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
            </div>
            <div class="cbp-item web-design graphic">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/e381ac" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/4900333&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Events and  More<br>by Tiberiu Neamu">view sound</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Events and More</div>
                <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
            </div>
            <div class="cbp-item identity web-design">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/6499ba" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project5.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f1f5dc" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="WhereTO App<br>by Tiberiu Neamu">view larger</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">WhereTO App</div>
                <div class="cbp-l-grid-projects-desc">Web Design / Identity</div>
            </div>
            <div class="cbp-item identity web-design">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/dcd00e" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project6.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/ef0538" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Ski * Buddy<br>by Tiberiu Neamu">view larger</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Ski * Buddy</div>
                <div class="cbp-l-grid-projects-desc">Identity / Web Design</div>
            </div>
            <div class="cbp-item graphic logos">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/5de81c" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project7.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=audio/e8040a" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Seemple* Music for iPad<br>by Tiberiu Neamu">view sound</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Seemple* Music for iPad</div>
                <div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
            </div>
            <div class="cbp-item identity graphic">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/e02e47" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project8.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://www.youtube.com/watch?v=Bu9OiDmxCrQ" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Remind~Me More<br>by Tiberiu Neamu">view video</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Remind~Me More</div>
                <div class="cbp-l-grid-projects-desc">Identity / Graphic</div>
            </div>
            <div class="cbp-item web-design graphic">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/637571" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project9.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="https://www.ted.com/talks/andrew_bastawrous_get_your_next_eye_exam_on_a_smartphone" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Workout Buddy<br>by Tiberiu Neamu">view video</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Workout Buddy</div>
                <div class="cbp-l-grid-projects-desc">Web Design / Graphic</div>
            </div>
            <div class="cbp-item identity web-design">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/813618" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project10.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="https://www.youtube.com/watch?v=3wbvpOIIBQA" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Bills Bills Bills<br>by Cosmin Capitanu">view video</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Bills Bills Bills</div>
                <div class="cbp-l-grid-projects-desc">Identity / Web Design</div>
            </div>
            <div class="cbp-item identity logos">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/a126db" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project11.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="http://scriptpie.com/cubeportfolio/img/?i=video/044cd4" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Generic Apps<br>by Cosmin Capitanu">view video</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Generic Apps</div>
                <div class="cbp-l-grid-projects-desc">Identity / Logo</div>
            </div>
            <div class="cbp-item graphic web-design">
                <div class="cbp-caption">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x325/b95a2d" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <a href="ajax/project12.html" class="cbp-singlePage cbp-l-caption-buttonLeft">more info</a>
                                <a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/26519543&amp;auto_play=true&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Speed Detector<br>by Cosmin Capitanu">view sound</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cbp-l-grid-projects-title">Speed Detector</div>
                <div class="cbp-l-grid-projects-desc">Graphic / Web Design</div>
            </div>
        </div>

        <div id="loadMore-container1" class="cbp-l-loadMore-button">
            <a href="ajax/loadMore.html" class="cbp-l-loadMore-link">
                <span class="cbp-l-loadMore-defaultText">LOAD MORE</span>
                <span class="cbp-l-loadMore-loadingText">LOADING...</span>
                <span class="cbp-l-loadMore-noMoreLoading">NO MORE WORKS</span>
            </a>
        </div>

    </div>

    <br><br><br><br><br>
    <br><br><br><br><br>

    <!-- 14-slider-testimonials -->
    <div class="cbp-l-slider-testimonials-wrap">

        <div class="cbp-panel" style="max-width:980px">
            <div id="grid-container2" class="cbp cbp-slider-edge">
                <div class="cbp-item graphic">
                    <div class="cbp-l-grid-slider-testimonials-body">
                        “Envato is an Australia-based, privately held company that specializes in the start-up, promotion and operation of multiple online marketplaces”
                    </div>
                    <div class="cbp-l-grid-slider-testimonials-footer">
                        John Snow, CEO, Mockingbird
                    </div>
                </div>
                <div class="cbp-item web-design logos">
                    <div class="cbp-l-grid-slider-testimonials-body">
                        “After co-founding the company in 2006 the group launched FlashDen, the first digital marketplace which focused on rich multimedia web content”
                    </div>
                    <div class="cbp-l-grid-slider-testimonials-footer">
                        Arya Stark, CFO, Valar Dohaeris
                    </div>
                </div>
                <div class="cbp-item graphic logos">
                    <div class="cbp-l-grid-slider-testimonials-body">
                        “The Envato network is broken down into Tuts+ tutorial sites which offer technology-related tutorials and marketplaces to sell digital products.
                         Envato's network currently generates over a million dollars in annual revenue”
                    </div>
                    <div class="cbp-l-grid-slider-testimonials-footer">
                        Tyrion Lannister, CEO, Second Sons
                    </div>
                </div>
            </div>
        </div>

    </div>

    <br><br><br><br><br>
    <br><br><br><br><br>

    <!-- 05-masonry -->
    <div class="cbp-panel">

        <div id="filters-container3" class="cbp-l-filters-alignRight">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
                All <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".identity" class="cbp-filter-item">
                Identity <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".web-design" class="cbp-filter-item">
                Web Design <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".graphic" class="cbp-filter-item">
                Graphic <div class="cbp-filter-counter"></div>
            </div>
            <div data-filter=".graphic, .identity" class="cbp-filter-item">
                Web Design & Identity <div class="cbp-filter-counter"></div>
            </div>
        </div>

        <div id="grid-container3" class="cbp">
            <div class="cbp-item identity">
                <a class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu" href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2fe6bd">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x750/40e221" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Easy Note</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design">
                <a class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu"
                   href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/923c25">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/49327a" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">The Gang Blue</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item graphic identity">
                <a class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu"
                   href="https://www.youtube.com/watch?v=3wbvpOIIBQA">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/a82aa9" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Tiger</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item graphic">
                <a class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu"
                   href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/aeceaf">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x750/bfca13" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Flat Roman Typeface Ui</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item identity">
                <a class="cbp-caption cbp-lightbox" data-title="Seemple* Music for iPad<br>by Tiberiu Neamu"
                   href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x750/8119aa" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Seemple* Music for iPad</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item graphic">
                <a class="cbp-caption cbp-lightbox" data-title="Remind~Me More<br>by Tiberiu Neamu" href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f36370">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/aa59c5" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Remind~Me More</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design">
                <a class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu" href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/2da0ef" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Workout Buddy</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item identity">
                <a class="cbp-caption cbp-lightbox" data-title="Volume Knob<br>by Paul Flavius Nechita" href="http://vimeo.com/156783#">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/a4cc70" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Volume Knob</div>
                                <div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item identity">
                <a class="cbp-caption cbp-lightbox" data-title="Ski * Buddy<br>by Tiberiu Neamu" href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/ef0538">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x750/00029c" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Ski * Buddy</div>
                                <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design graphic">
                <a class="cbp-caption cbp-lightbox" data-title="Virtualization Icon<br>by Paul Flavius Nechita"
                   href="https://www.youtube.com/watch?v=dChhzNGHgnA">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/ac88e1" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Virtualization Icon</div>
                                <div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design graphic">
                <a class="cbp-caption cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita"
                   href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/546072" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">World Clock Widget</div>
                                <div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <div class="cbp-item web-design graphic">
                <a class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu" href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/3115da">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x480/e80a2f" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Sickpuppy</div>
                                <div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>

    </div>

    <br><br><br><br><br>
    <br><br><br><br><br>


    <!-- 15-slider-team -->
    <div class="cbp-panel">

        <div id="grid-container4" 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><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>
