192 lines
10 KiB
HTML
192 lines
10 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>Lightbox Gallery - Cube Portfolio</title>
|
|
|
|
<!-- load fonts from google -->
|
|
<link href="https://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.min.css">
|
|
</head>
|
|
<body style="max-width: 980px; width: 97%; margin: 100px auto; min-height: 1000px;">
|
|
<div class="clearfix">
|
|
<div id="js-filters-lightbox-gallery1" class="cbp-l-filters-dropdown cbp-l-filters-dropdown-floated">
|
|
<div class="cbp-l-filters-dropdownWrap">
|
|
<div class="cbp-l-filters-dropdownHeader">Filter Gallery</div>
|
|
<div class="cbp-l-filters-dropdownList">
|
|
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
|
|
<div data-filter=".identity" class="cbp-filter-item">Identity</div>
|
|
<div data-filter=".web-design" class="cbp-filter-item">Web Design</div>
|
|
<div data-filter=".print" class="cbp-filter-item">Print</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-filters-lightbox-gallery2" class="cbp-l-filters-button cbp-l-filters-left">
|
|
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
|
|
<div data-filter=".graphic" class="cbp-filter-item">Graphic</div>
|
|
<div data-filter=".logos" class="cbp-filter-item">Logo</div>
|
|
<div data-filter=".motion" class="cbp-filter-item">Motion</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-grid-lightbox-gallery" class="cbp">
|
|
<div class="cbp-item web-design graphic print motion">
|
|
<a href="ajax-lightbox-gallery/project1.html" class="cbp-caption cbp-singlePageInline" data-title="World Clock<br>by Paul Flavius Nechita" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=1DbA9Q3OymWbu7MD5cQoAybocKy8GqV3k" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">World Clock</div>
|
|
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item web-design logos identity graphic">
|
|
<a href="ajax-lightbox-gallery/project2.html" class="cbp-caption cbp-singlePageInline" data-title="Bolt UI<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=1hdyhWfb_VLkqHo8tlxUrrmDdNojhhK2Z" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">Bolt UI</div>
|
|
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item graphic print identity">
|
|
<a href="ajax-lightbox-gallery/project3.html" class="cbp-caption cbp-singlePageInline" data-title="WhereTO App<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=18C5rwJXuza-Yqu9aelJTjkJsAUPjQIrZ" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">WhereTO App</div>
|
|
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item web-design motion logos">
|
|
<a href="ajax-lightbox-gallery/project4.html" class="cbp-caption cbp-singlePageInline" data-title="iDevices<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=1aPJMb-on5xTV0dItywfZbhNw9FD7BRiN" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">iDevices</div>
|
|
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item identity graphic print">
|
|
<a href="ajax-lightbox-gallery/project5.html" class="cbp-caption cbp-singlePageInline" data-title="Seemple* Music<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=1Lwb4xwnVLXRJtmqnQ-P5Jsw1nlDAog1W" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">Seemple* Music</div>
|
|
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item motion print logos web-design">
|
|
<a href="ajax-lightbox-gallery/project6.html" class="cbp-caption cbp-singlePageInline" data-title="Remind~Me Widget<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="https://drive.google.com/uc?export=view&id=1ewNL1WFxYEJz06WoWBpd3aDnY6eLMbOL" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">Remind~Me Widget</div>
|
|
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item graphic logos">
|
|
<a href="ajax-lightbox-gallery/project7.html" class="cbp-caption cbp-singlePageInline" data-title="Workout Buddy<br>by Tiberiu Neamu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/6a92a8" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<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 print logos motion">
|
|
<a href="ajax-lightbox-gallery/project8.html" class="cbp-caption cbp-singlePageInline" data-title="Digital Menu<br>by Cosmin Capitanu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/2ce13e" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">Digital Menu</div>
|
|
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="cbp-item identity motion web-design">
|
|
<a href="ajax-lightbox-gallery/project9.html" class="cbp-caption cbp-singlePageInline" data-title="Holiday Selector<br>by Cosmin Capitanu" rel="nofollow">
|
|
<div class="cbp-caption-defaultWrap">
|
|
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/121003" alt="">
|
|
</div>
|
|
<div class="cbp-caption-activeWrap">
|
|
<div class="cbp-l-caption-alignLeft">
|
|
<div class="cbp-l-caption-body">
|
|
<div class="cbp-l-caption-title">Holiday Selector</div>
|
|
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button">
|
|
<a href="ajax-lightbox-gallery/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="https://code.jquery.com/jquery-latest.min.js"></script>
|
|
|
|
<!-- load cubeportfolio -->
|
|
<script type="text/javascript" src="jquery.cubeportfolio.min.js"></script>
|
|
|
|
<!-- init cubeportfolio -->
|
|
<script type="text/javascript" src="main.js"></script>
|
|
</body>
|
|
</html>
|