166 lines
8.1 KiB
HTML
166 lines
8.1 KiB
HTML
<!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>Mosaic Flat - Cube Portfolio</title>
|
|
|
|
<!-- load fonts from google -->
|
|
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,800%7CRoboto:400,500,800%7CRoboto+Condensed%7CLato:400,600,800" rel="stylesheet" type="text/css">
|
|
|
|
<!-- load css for cubeportfolio -->
|
|
<link rel="stylesheet" type="text/css" href="../../cubeportfolio/css/cubeportfolio.min.css">
|
|
</head>
|
|
<body style="margin: 100px 0; min-height: 1000px;">
|
|
<div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
|
|
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
|
|
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=".graphic" class="cbp-filter-item">
|
|
Graphic <div class="cbp-filter-counter"></div>
|
|
</div>
|
|
<div data-filter=".motion" class="cbp-filter-item">
|
|
Motion <div class="cbp-filter-counter"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
|
|
<div class="cbp-item web-design graphic">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/89ca22" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x380/6751bf" 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">Bolt UI</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item print motion">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8d285b" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x380/6baff7" 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</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item print motion">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x760/52b69f" 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">WhereTO App</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item motion graphic">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=760x380/c915f5" 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</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item web-design print">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x760/4c294b" 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">iDevices</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item print motion">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/747b7e" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=760x380/50ba57" 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 Widget</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item web-design print">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2ad2f3" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x380/085990" 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>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item print graphic">
|
|
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4a2146" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x380/ac46ae" 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">Digital Menu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-loadMore-mosaic-flat" class="cbp-l-loadMore-bgbutton">
|
|
<a href="ajax-mosaic-flat/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
|
<span class="cbp-l-loadMore-defaultText">LOAD MORE (<span class="cbp-l-loadMore-loadItems">4</span>)</span>
|
|
<span class="cbp-l-loadMore-loadingText">LOADING...</span>
|
|
<span class="cbp-l-loadMore-noMoreLoading">NO MORE WORKS</span>
|
|
</a>
|
|
</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>
|