<!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>Awesome Work - 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-awesome-work">
            
    <br><br><br>

    <div class="cbp-panel" style="max-width:980px;">

        <div id="filters-container" class="cbp-l-filters-work">
            <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
                SHOW ALL
            </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-container" class="cbp cbp-l-grid-work">
            <div class="cbp-item identity">
                <a href="ajax/project1.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/92f90a" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project1.html" class="cbp-l-grid-work-title cbp-singlePage">Dashboard</a>
                <div class="cbp-l-grid-work-desc">Web Design / Graphic</div>
            </div>
            <div class="cbp-item web-design logos">
                <a href="ajax/project2.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/942827" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project2.html" class="cbp-l-grid-work-title cbp-singlePage">World Clock Widget</a>
                <div class="cbp-l-grid-work-desc">Logo / Web Design</div>
            </div>
            <div class="cbp-item graphic logos">
                <a href="ajax/project3.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/98865f" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project3.html" class="cbp-l-grid-work-title cbp-singlePage">To-Do Dashboard</a>
                <div class="cbp-l-grid-work-desc">Graphic / Logo</div>
            </div>
            <div class="cbp-item web-design graphic">
                <a href="ajax/project4.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/199e6d" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project4.html" class="cbp-l-grid-work-title cbp-singlePage">Events and More</a>
                <div class="cbp-l-grid-work-desc">Web Design / Graphic</div>
            </div>
            <div class="cbp-item identity web-design">
                <a href="ajax/project5.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/9ab57b" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project5.html" class="cbp-l-grid-work-title cbp-singlePage">WhereTO App</a>
                <div class="cbp-l-grid-work-desc">Web Design / Identity</div>
            </div>
            <div class="cbp-item identity web-design">
                <a href="ajax/project6.html" class="cbp-caption cbp-singlePage">
                    <div class="cbp-caption-defaultWrap">
                        <img src="http://scriptpie.com/cubeportfolio/img/?i=500x260/663b71" alt="">
                    </div>
                    <div class="cbp-caption-activeWrap"></div>
                </a>
                <a href="ajax/project6.html" class="cbp-l-grid-work-title cbp-singlePage">Ski * Buddy</a>
                <div class="cbp-l-grid-work-desc">Identity / Web Design</div>
            </div>
        </div>

        <div id="loadMore-container" 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>
        
    <!-- 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>
