<!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">
    <title>Blog Posts - 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 style="max-width: 1200px; width: 97%; margin: 100px auto; min-height: 1000px;">
    <div class="clearfix">
        <div id="js-filters-blog-posts" class="cbp-l-filters-list cbp-l-filters-left">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item cbp-l-filters-list-first">All (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".print" class="cbp-filter-item">Print (<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=".logos" class="cbp-filter-item">Logo (<div class="cbp-filter-counter"></div>)</div>
            <div data-filter=".motion" class="cbp-filter-item cbp-l-filters-list-last">Motion (<div class="cbp-filter-counter"></div>)</div>
        </div>

        <div class="cbp-search cbp-l-filters-right">
            <input id="js-search-blog-posts" type="text" placeholder="Search by title" autocomplete="off" data-search=".cbp-l-grid-blog-title" class="cbp-search-input">
            <div class="cbp-search-icon"></div>
            <div class="cbp-search-nothing">No results match for <i>{{query}}</i></div>
        </div>
    </div>

    <div id="js-grid-blog-posts" class="cbp">
        <div class="cbp-item print motion">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/b20447" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">We want to rule the world </a>
            <div class="cbp-l-grid-blog-date">20 december 2013</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">12 comments</a>
            <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium laud mi se attuie are.</div>
        </div>
        <div class="cbp-item web-design logos">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/efd6e0" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Create your own playlist</a>
            <div class="cbp-l-grid-blog-date">25 december 2013</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">8 comments</a>
            <div class="cbp-l-grid-blog-desc">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae guit arm iore.</div>
        </div>
        <div class="cbp-item print motion">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/2fbe1c" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Your online buddie</a>
            <div class="cbp-l-grid-blog-date">29 december 2013</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">23 comments</a>
            <div class="cbp-l-grid-blog-desc">Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue men tuhi spectrum alle me.</div>
        </div>
        <div class="cbp-item web-design print">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/aea60e" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">A man with a true style</a>
            <div class="cbp-l-grid-blog-date">5 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">111 comments</a>
            <div class="cbp-l-grid-blog-desc">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam moles buco bina plata.</div>
        </div>
        <div class="cbp-item motion logos">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/2b60e4" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">We believe in leaders</a>
            <div class="cbp-l-grid-blog-date">8 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">1 comments</a>
            <div class="cbp-l-grid-blog-desc">Voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimu itly perscpi.</div>
        </div>
        <div class="cbp-item print motion">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/b43363" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Here's a quick breakdown</a>
            <div class="cbp-l-grid-blog-date">14 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">54 comments</a>
            <div class="cbp-l-grid-blog-desc">Perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatismus.</div>
        </div>
        <div class="cbp-item web-design print">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/69114e" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Designing Your First Website</a>
            <div class="cbp-l-grid-blog-date">67 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">12 comments</a>
            <div class="cbp-l-grid-blog-desc">Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, voluptatem accusantium consequat.</div>
        </div>
        <div class="cbp-item print logos">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/331c55" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Coding Your First Website</a>
            <div class="cbp-l-grid-blog-date">25 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">6 comments</a>
            <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem voluptatem accusantium vitae.</div>
        </div>
        <div class="cbp-item motion logos">
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-caption">
                <div class="cbp-caption-defaultWrap">
                    <img src="http://scriptpie.com/cubeportfolio/img/?i=380x230/31ed38" alt="">
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-text">VIEW POST</div>
                        </div>
                    </div>
                </div>
            </a>
            <a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank" class="cbp-l-grid-blog-title">Responsive Web Design</a>
            <div class="cbp-l-grid-blog-date">28 january 2014</div>
            <div class="cbp-l-grid-blog-split">|</div>
            <a href="#" class="cbp-l-grid-blog-comments">3 comments</a>
            <div class="cbp-l-grid-blog-desc">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium com alinus vite.</div>
        </div>
    </div>

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

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

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