added cube portfolio as a jquery plugin
This commit is contained in:
Omar
commit
df6315b220
156 changed files with 24416 additions and 0 deletions
BIN
.DS_Store
vendored
Normal file
BIN
.DS_Store
vendored
Normal file
Binary file not shown.
3919
cubeportfolio/css/cubeportfolio.css
Normal file
3919
cubeportfolio/css/cubeportfolio.css
Normal file
File diff suppressed because it is too large
Load diff
10
cubeportfolio/css/cubeportfolio.min.css
vendored
Normal file
10
cubeportfolio/css/cubeportfolio.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
cubeportfolio/img/cbp-sprite.png
Normal file
BIN
cubeportfolio/img/cbp-sprite.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
cubeportfolio/img/cbp-sprite.psd
Normal file
BIN
cubeportfolio/img/cbp-sprite.psd
Normal file
Binary file not shown.
6357
cubeportfolio/js/jquery.cubeportfolio.js
Normal file
6357
cubeportfolio/js/jquery.cubeportfolio.js
Normal file
File diff suppressed because it is too large
Load diff
12
cubeportfolio/js/jquery.cubeportfolio.min.js
vendored
Normal file
12
cubeportfolio/js/jquery.cubeportfolio.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
196
documentation/css/main.css
Normal file
196
documentation/css/main.css
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
/* apply a natural box layout model to all elements - http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/
|
||||
*, *:before, *:after {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
font: normal 13px/20px "Open Sans", sans-serif;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
body {
|
||||
background: none repeat scroll 0 0 #FEFEFE;
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 955;
|
||||
max-width: 1050px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: color 0.5s ease 0s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.left {
|
||||
height: 439px;
|
||||
margin-left: 10px;
|
||||
position: fixed;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.left > a {
|
||||
color: #6F6D6D;
|
||||
display: block;
|
||||
font: bold 25px/25px "Open Sans", sans-serif;
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
|
||||
.left > a:hover {
|
||||
color: #B3B3B3;
|
||||
}
|
||||
|
||||
.left nav {
|
||||
margin: 50px 0 0;
|
||||
}
|
||||
|
||||
.left nav dl dt a {
|
||||
color: #848484;
|
||||
display: block;
|
||||
font: 14px/21px "Open Sans", sans-serif;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.left nav dl dt a:hover {
|
||||
color: #5283D0;
|
||||
}
|
||||
|
||||
.left nav dl dt.active a {
|
||||
background: url("../images/arrow.png") no-repeat scroll right center transparent;
|
||||
color: #2576B8;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.right {
|
||||
margin-left: 190px;
|
||||
max-width: 860px;
|
||||
overflow: hidden;
|
||||
padding: 0 25px 25px;
|
||||
}
|
||||
|
||||
.right h1 a {
|
||||
background: none repeat scroll 0 0 #E7E7E7;
|
||||
border-bottom: 2px solid #AAD6F9;
|
||||
color: #333;
|
||||
display: block;
|
||||
font: bold 20px/20px "Open Sans", sans-serif;
|
||||
margin: 30px 0 20px;
|
||||
padding: 15px 0 15px 15px;
|
||||
}
|
||||
|
||||
.right h2 {
|
||||
color: #4C4A56;
|
||||
font: bold 17px/17px "Open Sans", sans-serif;
|
||||
padding: 17px 0;
|
||||
}
|
||||
|
||||
.right h3 {
|
||||
color: #4C4A56;
|
||||
font: bold 15px/15px "Open Sans", sans-serif;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
.right h4 {
|
||||
color: #555;
|
||||
font: bold 13px/21px "Open Sans", sans-serif;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.right p {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.right strong {
|
||||
color: #4C4A56;
|
||||
}
|
||||
|
||||
.right ul {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.right a {
|
||||
color: #2576B8;
|
||||
}
|
||||
|
||||
.right a:hover {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
p.attention {
|
||||
color: #E87373;
|
||||
}
|
||||
|
||||
.right li {
|
||||
/*color: #4C4A56;*/
|
||||
}
|
||||
|
||||
.right .tinycode {
|
||||
background: none repeat scroll 0% 0% #e4e4e4;
|
||||
color: #42433C;
|
||||
font: italic 12px/18px "Open Sans", sans-serif;
|
||||
margin: 0 2px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.right table {
|
||||
border-color: #DADADA;
|
||||
border-radius: 2px 2px 2px 2px;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 0 0;
|
||||
}
|
||||
|
||||
.right table th {
|
||||
background: none repeat scroll 0% 0% #ECECEC;
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
border-left: 1px solid #C8C8C8;
|
||||
border-top: 1px solid #C8C8C8;
|
||||
color: #666666;
|
||||
font: bold 12px/32px sans-serif;
|
||||
height: 32px;
|
||||
padding-left: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right table td {
|
||||
border-bottom: 1px solid #C8C8C8;
|
||||
border-left: 1px solid #C8C8C8;
|
||||
color: #787878;
|
||||
font: 12px/18px Open Sans, sans-serif;
|
||||
padding: 8px 12px;
|
||||
}
|
||||
|
||||
.right table td a {
|
||||
color: #2576B8;
|
||||
font: 11px/14px sans-serif;
|
||||
}
|
||||
|
||||
.right table td a:hover {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.right table tr:nth-child(2n+1) {
|
||||
background: none repeat scroll 0% 0% #F0F0F0;
|
||||
}
|
||||
|
||||
.lists {
|
||||
list-style: disc inside none;
|
||||
margin-left: 30px;
|
||||
}
|
||||
140
documentation/css/prettify.css
Normal file
140
documentation/css/prettify.css
Normal file
|
|
@ -0,0 +1,140 @@
|
|||
.pln {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
/* string content */
|
||||
.str {
|
||||
color: #dd1144;
|
||||
}
|
||||
|
||||
/* a keyword */
|
||||
.kwd {
|
||||
color: #255ABC;
|
||||
}
|
||||
|
||||
/* a comment */
|
||||
.com {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* a type name */
|
||||
.typ {
|
||||
color: #445588;
|
||||
}
|
||||
|
||||
/* a literal value */
|
||||
.lit {
|
||||
color: #A91336;
|
||||
}
|
||||
|
||||
/* punctuation */
|
||||
.pun {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* lisp open bracket */
|
||||
.opn {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* lisp close bracket */
|
||||
.clo {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* a markup tag name */
|
||||
.tag {
|
||||
color: navy;
|
||||
}
|
||||
|
||||
/* a markup attribute name */
|
||||
.atn {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* a markup attribute value */
|
||||
.atv {
|
||||
color: #dd1144;
|
||||
}
|
||||
|
||||
/* a declaration */
|
||||
.dec {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* a variable name */
|
||||
.var {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* a function name */
|
||||
.fun {
|
||||
color: #990000;
|
||||
}
|
||||
}
|
||||
|
||||
/* Use higher contrast and text-weight for printable form. */
|
||||
@media print, projection {
|
||||
.str {
|
||||
color: #006600;
|
||||
}
|
||||
|
||||
.kwd {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.com {
|
||||
color: #600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.typ {
|
||||
color: #404;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lit {
|
||||
color: #004444;
|
||||
}
|
||||
|
||||
.pun, .opn, .clo {
|
||||
color: #444400;
|
||||
}
|
||||
|
||||
.tag {
|
||||
color: #006;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.atn {
|
||||
color: #440044;
|
||||
}
|
||||
|
||||
.atv {
|
||||
color: #006600;
|
||||
}
|
||||
}
|
||||
|
||||
/* Style */
|
||||
pre.prettyprint {
|
||||
background: none repeat scroll 0 0 #FFFFFF;
|
||||
border: 1px solid #e0e0e0;
|
||||
color: #CDCDCD;
|
||||
font: 12px/18px Consolas, monospace, sans-serif;
|
||||
overflow: auto;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
/* Specify class=linenums on a pre to get line numbering */
|
||||
ol.linenums {
|
||||
margin: 15px 15px 15px 40px;
|
||||
}
|
||||
|
||||
li.L0, li.L1, li.L2, li.L3, li.L4,
|
||||
li.L5, li.L6, li.L7, li.L8, li.L9 {
|
||||
list-style-type: decimal !important
|
||||
}
|
||||
|
||||
54
documentation/css/reset.css
Normal file
54
documentation/css/reset.css
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
1582
documentation/index.html
Normal file
1582
documentation/index.html
Normal file
File diff suppressed because it is too large
Load diff
86
documentation/js/main.js
Normal file
86
documentation/js/main.js
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
$(document).ready(function() {
|
||||
|
||||
var verticalLinks = {
|
||||
|
||||
init: function() {
|
||||
var t = this,
|
||||
name;
|
||||
|
||||
var url = document.URL;
|
||||
|
||||
var index = url.lastIndexOf('#');
|
||||
|
||||
if (index > 0 && index < url.length - 1) {
|
||||
name = url.substr(index);
|
||||
|
||||
t.options.links.children().filter(function() {
|
||||
|
||||
var me = $(this),
|
||||
link = me.children();
|
||||
|
||||
if (link.attr('href') === name) {
|
||||
me.addClass('active');
|
||||
}
|
||||
});
|
||||
|
||||
} else {
|
||||
t.options.links.children().eq(t.options.defaultLink).addClass('active');
|
||||
}
|
||||
|
||||
// add events
|
||||
t.addEvents();
|
||||
|
||||
},
|
||||
|
||||
// add events
|
||||
addEvents: function() {
|
||||
var t = this,
|
||||
me;
|
||||
|
||||
t.options.links.on('click', 'dt', function(e) {
|
||||
me = $(this);
|
||||
|
||||
me.addClass('active').siblings().removeClass('active');
|
||||
|
||||
});
|
||||
|
||||
$(window).scroll(function(e) {
|
||||
|
||||
t.offset = $.map($('a[name]'), function(value, index) {
|
||||
return {
|
||||
el: $(value),
|
||||
offset: $(value).offset().top
|
||||
};
|
||||
});
|
||||
|
||||
var offset = e.currentTarget.pageYOffset,
|
||||
hash;
|
||||
|
||||
for (var i = 0; i < t.offset.length; i++) {
|
||||
if (offset >= t.offset[i].offset) {
|
||||
hash = t.offset[i].el.attr('name');
|
||||
}
|
||||
}
|
||||
|
||||
hash = (hash) ? hash : t.offset[0].el.attr('name');
|
||||
|
||||
$('#navigation').children().removeClass('active');
|
||||
|
||||
$('a[href="#' + hash + '"]').parent().addClass('active');
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
options: {
|
||||
links: $('#navigation'),
|
||||
defaultLink: 0
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
(Object.create(verticalLinks)).init();
|
||||
|
||||
prettyPrint();
|
||||
|
||||
});
|
||||
33
documentation/js/prettify.js
Normal file
33
documentation/js/prettify.js
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
!function(){var q=null;window.PR_SHOULD_USE_CONTINUATION=!0;
|
||||
(function(){function S(a){function d(e){var b=e.charCodeAt(0);if(b!==92)return b;var a=e.charAt(1);return(b=r[a])?b:"0"<=a&&a<="7"?parseInt(e.substring(1),8):a==="u"||a==="x"?parseInt(e.substring(2),16):e.charCodeAt(1)}function g(e){if(e<32)return(e<16?"\\x0":"\\x")+e.toString(16);e=String.fromCharCode(e);return e==="\\"||e==="-"||e==="]"||e==="^"?"\\"+e:e}function b(e){var b=e.substring(1,e.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),e=[],a=
|
||||
b[0]==="^",c=["["];a&&c.push("^");for(var a=a?1:0,f=b.length;a<f;++a){var h=b[a];if(/\\[bdsw]/i.test(h))c.push(h);else{var h=d(h),l;a+2<f&&"-"===b[a+1]?(l=d(b[a+2]),a+=2):l=h;e.push([h,l]);l<65||h>122||(l<65||h>90||e.push([Math.max(65,h)|32,Math.min(l,90)|32]),l<97||h>122||e.push([Math.max(97,h)&-33,Math.min(l,122)&-33]))}}e.sort(function(e,a){return e[0]-a[0]||a[1]-e[1]});b=[];f=[];for(a=0;a<e.length;++a)h=e[a],h[0]<=f[1]+1?f[1]=Math.max(f[1],h[1]):b.push(f=h);for(a=0;a<b.length;++a)h=b[a],c.push(g(h[0])),
|
||||
h[1]>h[0]&&(h[1]+1>h[0]&&c.push("-"),c.push(g(h[1])));c.push("]");return c.join("")}function s(e){for(var a=e.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),c=a.length,d=[],f=0,h=0;f<c;++f){var l=a[f];l==="("?++h:"\\"===l.charAt(0)&&(l=+l.substring(1))&&(l<=h?d[l]=-1:a[f]=g(l))}for(f=1;f<d.length;++f)-1===d[f]&&(d[f]=++x);for(h=f=0;f<c;++f)l=a[f],l==="("?(++h,d[h]||(a[f]="(?:")):"\\"===l.charAt(0)&&(l=+l.substring(1))&&l<=h&&
|
||||
(a[f]="\\"+d[l]);for(f=0;f<c;++f)"^"===a[f]&&"^"!==a[f+1]&&(a[f]="");if(e.ignoreCase&&m)for(f=0;f<c;++f)l=a[f],e=l.charAt(0),l.length>=2&&e==="["?a[f]=b(l):e!=="\\"&&(a[f]=l.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return a.join("")}for(var x=0,m=!1,j=!1,k=0,c=a.length;k<c;++k){var i=a[k];if(i.ignoreCase)j=!0;else if(/[a-z]/i.test(i.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){m=!0;j=!1;break}}for(var r={b:8,t:9,n:10,v:11,
|
||||
f:12,r:13},n=[],k=0,c=a.length;k<c;++k){i=a[k];if(i.global||i.multiline)throw Error(""+i);n.push("(?:"+s(i)+")")}return RegExp(n.join("|"),j?"gi":"g")}function T(a,d){function g(a){var c=a.nodeType;if(c==1){if(!b.test(a.className)){for(c=a.firstChild;c;c=c.nextSibling)g(c);c=a.nodeName.toLowerCase();if("br"===c||"li"===c)s[j]="\n",m[j<<1]=x++,m[j++<<1|1]=a}}else if(c==3||c==4)c=a.nodeValue,c.length&&(c=d?c.replace(/\r\n?/g,"\n"):c.replace(/[\t\n\r ]+/g," "),s[j]=c,m[j<<1]=x,x+=c.length,m[j++<<1|1]=
|
||||
a)}var b=/(?:^|\s)nocode(?:\s|$)/,s=[],x=0,m=[],j=0;g(a);return{a:s.join("").replace(/\n$/,""),d:m}}function H(a,d,g,b){d&&(a={a:d,e:a},g(a),b.push.apply(b,a.g))}function U(a){for(var d=void 0,g=a.firstChild;g;g=g.nextSibling)var b=g.nodeType,d=b===1?d?a:g:b===3?V.test(g.nodeValue)?a:d:d;return d===a?void 0:d}function C(a,d){function g(a){for(var j=a.e,k=[j,"pln"],c=0,i=a.a.match(s)||[],r={},n=0,e=i.length;n<e;++n){var z=i[n],w=r[z],t=void 0,f;if(typeof w==="string")f=!1;else{var h=b[z.charAt(0)];
|
||||
if(h)t=z.match(h[1]),w=h[0];else{for(f=0;f<x;++f)if(h=d[f],t=z.match(h[1])){w=h[0];break}t||(w="pln")}if((f=w.length>=5&&"lang-"===w.substring(0,5))&&!(t&&typeof t[1]==="string"))f=!1,w="src";f||(r[z]=w)}h=c;c+=z.length;if(f){f=t[1];var l=z.indexOf(f),B=l+f.length;t[2]&&(B=z.length-t[2].length,l=B-f.length);w=w.substring(5);H(j+h,z.substring(0,l),g,k);H(j+h+l,f,I(w,f),k);H(j+h+B,z.substring(B),g,k)}else k.push(j+h,w)}a.g=k}var b={},s;(function(){for(var g=a.concat(d),j=[],k={},c=0,i=g.length;c<i;++c){var r=
|
||||
g[c],n=r[3];if(n)for(var e=n.length;--e>=0;)b[n.charAt(e)]=r;r=r[1];n=""+r;k.hasOwnProperty(n)||(j.push(r),k[n]=q)}j.push(/[\S\s]/);s=S(j)})();var x=d.length;return g}function v(a){var d=[],g=[];a.tripleQuotedStrings?d.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?d.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/,
|
||||
q,"'\"`"]):d.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&g.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var b=a.hashComments;b&&(a.cStyleComments?(b>1?d.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):d.push(["com",/^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),g.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,q])):d.push(["com",
|
||||
/^#[^\n\r]*/,q,"#"]));a.cStyleComments&&(g.push(["com",/^\/\/[^\n\r]*/,q]),g.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));if(b=a.regexLiterals){var s=(b=b>1?"":"\n\r")?".":"[\\S\\s]";g.push(["lang-regex",RegExp("^(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*("+("/(?=[^/*"+b+"])(?:[^/\\x5B\\x5C"+b+"]|\\x5C"+s+"|\\x5B(?:[^\\x5C\\x5D"+b+"]|\\x5C"+
|
||||
s+")*(?:\\x5D|$))+/")+")")])}(b=a.types)&&g.push(["typ",b]);b=(""+a.keywords).replace(/^ | $/g,"");b.length&&g.push(["kwd",RegExp("^(?:"+b.replace(/[\s,]+/g,"|")+")\\b"),q]);d.push(["pln",/^\s+/,q," \r\n\t\u00a0"]);b="^.[^\\s\\w.$@'\"`/\\\\]*";a.regexLiterals&&(b+="(?!s*/)");g.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,
|
||||
q],["pun",RegExp(b),q]);return C(d,g)}function J(a,d,g){function b(a){var c=a.nodeType;if(c==1&&!x.test(a.className))if("br"===a.nodeName)s(a),a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)b(a);else if((c==3||c==4)&&g){var d=a.nodeValue,i=d.match(m);if(i)c=d.substring(0,i.index),a.nodeValue=c,(d=d.substring(i.index+i[0].length))&&a.parentNode.insertBefore(j.createTextNode(d),a.nextSibling),s(a),c||a.parentNode.removeChild(a)}}function s(a){function b(a,c){var d=
|
||||
c?a.cloneNode(!1):a,e=a.parentNode;if(e){var e=b(e,1),g=a.nextSibling;e.appendChild(d);for(var i=g;i;i=g)g=i.nextSibling,e.appendChild(i)}return d}for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),d;(d=a.parentNode)&&d.nodeType===1;)a=d;c.push(a)}for(var x=/(?:^|\s)nocode(?:\s|$)/,m=/\r\n?|\n/,j=a.ownerDocument,k=j.createElement("li");a.firstChild;)k.appendChild(a.firstChild);for(var c=[k],i=0;i<c.length;++i)b(c[i]);d===(d|0)&&c[0].setAttribute("value",d);var r=j.createElement("ol");
|
||||
r.className="linenums";for(var d=Math.max(0,d-1|0)||0,i=0,n=c.length;i<n;++i)k=c[i],k.className="L"+(i+d)%10,k.firstChild||k.appendChild(j.createTextNode("\u00a0")),r.appendChild(k);a.appendChild(r)}function p(a,d){for(var g=d.length;--g>=0;){var b=d[g];F.hasOwnProperty(b)?D.console&&console.warn("cannot override language handler %s",b):F[b]=a}}function I(a,d){if(!a||!F.hasOwnProperty(a))a=/^\s*</.test(d)?"default-markup":"default-code";return F[a]}function K(a){var d=a.h;try{var g=T(a.c,a.i),b=g.a;
|
||||
a.a=b;a.d=g.d;a.e=0;I(d,b)(a);var s=/\bMSIE\s(\d+)/.exec(navigator.userAgent),s=s&&+s[1]<=8,d=/\n/g,x=a.a,m=x.length,g=0,j=a.d,k=j.length,b=0,c=a.g,i=c.length,r=0;c[i]=m;var n,e;for(e=n=0;e<i;)c[e]!==c[e+2]?(c[n++]=c[e++],c[n++]=c[e++]):e+=2;i=n;for(e=n=0;e<i;){for(var p=c[e],w=c[e+1],t=e+2;t+2<=i&&c[t+1]===w;)t+=2;c[n++]=p;c[n++]=w;e=t}c.length=n;var f=a.c,h;if(f)h=f.style.display,f.style.display="none";try{for(;b<k;){var l=j[b+2]||m,B=c[r+2]||m,t=Math.min(l,B),A=j[b+1],G;if(A.nodeType!==1&&(G=x.substring(g,
|
||||
t))){s&&(G=G.replace(d,"\r"));A.nodeValue=G;var L=A.ownerDocument,o=L.createElement("span");o.className=c[r+1];var v=A.parentNode;v.replaceChild(o,A);o.appendChild(A);g<l&&(j[b+1]=A=L.createTextNode(x.substring(t,l)),v.insertBefore(A,o.nextSibling))}g=t;g>=l&&(b+=2);g>=B&&(r+=2)}}finally{if(f)f.style.display=h}}catch(u){D.console&&console.log(u&&u.stack||u)}}var D=window,y=["break,continue,do,else,for,if,return,while"],E=[[y,"auto,case,char,const,default,double,enum,extern,float,goto,inline,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"],
|
||||
"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],M=[E,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,delegate,dynamic_cast,explicit,export,friend,generic,late_check,mutable,namespace,nullptr,property,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],N=[E,"abstract,assert,boolean,byte,extends,final,finally,implements,import,instanceof,interface,null,native,package,strictfp,super,synchronized,throws,transient"],
|
||||
O=[N,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,internal,into,is,let,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var,virtual,where"],E=[E,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],P=[y,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"],
|
||||
Q=[y,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],W=[y,"as,assert,const,copy,drop,enum,extern,fail,false,fn,impl,let,log,loop,match,mod,move,mut,priv,pub,pure,ref,self,static,struct,true,trait,type,unsafe,use"],y=[y,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],R=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/,
|
||||
V=/\S/,X=v({keywords:[M,O,E,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",P,Q,y],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),F={};p(X,["default-code"]);p(C([],[["pln",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",
|
||||
/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]),["default-markup","htm","html","mxml","xhtml","xml","xsl"]);p(C([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],
|
||||
["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css",/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);p(C([],[["atv",/^[\S\s]+/]]),["uq.val"]);p(v({keywords:M,hashComments:!0,cStyleComments:!0,types:R}),["c","cc","cpp","cxx","cyc","m"]);p(v({keywords:"null,true,false"}),["json"]);p(v({keywords:O,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:R}),
|
||||
["cs"]);p(v({keywords:N,cStyleComments:!0}),["java"]);p(v({keywords:y,hashComments:!0,multiLineStrings:!0}),["bash","bsh","csh","sh"]);p(v({keywords:P,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}),["cv","py","python"]);p(v({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:2}),["perl","pl","pm"]);p(v({keywords:Q,
|
||||
hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb","ruby"]);p(v({keywords:E,cStyleComments:!0,regexLiterals:!0}),["javascript","js"]);p(v({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,throw,true,try,unless,until,when,while,yes",hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);p(v({keywords:W,cStyleComments:!0,multilineStrings:!0}),["rc","rs","rust"]);
|
||||
p(C([],[["str",/^[\S\s]+/]]),["regex"]);var Y=D.PR={createSimpleLexer:C,registerLangHandler:p,sourceDecorator:v,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ",prettyPrintOne:D.prettyPrintOne=function(a,d,g){var b=document.createElement("div");b.innerHTML="<pre>"+a+"</pre>";b=b.firstChild;g&&J(b,g,!0);K({h:d,j:g,c:b,i:1});
|
||||
return b.innerHTML},prettyPrint:D.prettyPrint=function(a,d){function g(){for(var b=D.PR_SHOULD_USE_CONTINUATION?c.now()+250:Infinity;i<p.length&&c.now()<b;i++){for(var d=p[i],j=h,k=d;k=k.previousSibling;){var m=k.nodeType,o=(m===7||m===8)&&k.nodeValue;if(o?!/^\??prettify\b/.test(o):m!==3||/\S/.test(k.nodeValue))break;if(o){j={};o.replace(/\b(\w+)=([\w%+\-.:]+)/g,function(a,b,c){j[b]=c});break}}k=d.className;if((j!==h||e.test(k))&&!v.test(k)){m=!1;for(o=d.parentNode;o;o=o.parentNode)if(f.test(o.tagName)&&
|
||||
o.className&&e.test(o.className)){m=!0;break}if(!m){d.className+=" prettyprinted";m=j.lang;if(!m){var m=k.match(n),y;if(!m&&(y=U(d))&&t.test(y.tagName))m=y.className.match(n);m&&(m=m[1])}if(w.test(d.tagName))o=1;else var o=d.currentStyle,u=s.defaultView,o=(o=o?o.whiteSpace:u&&u.getComputedStyle?u.getComputedStyle(d,q).getPropertyValue("white-space"):0)&&"pre"===o.substring(0,3);u=j.linenums;if(!(u=u==="true"||+u))u=(u=k.match(/\blinenums\b(?::(\d+))?/))?u[1]&&u[1].length?+u[1]:!0:!1;u&&J(d,u,o);r=
|
||||
{h:m,c:d,j:u,i:o};K(r)}}}i<p.length?setTimeout(g,250):"function"===typeof a&&a()}for(var b=d||document.body,s=b.ownerDocument||document,b=[b.getElementsByTagName("pre"),b.getElementsByTagName("code"),b.getElementsByTagName("xmp")],p=[],m=0;m<b.length;++m)for(var j=0,k=b[m].length;j<k;++j)p.push(b[m][j]);var b=q,c=Date;c.now||(c={now:function(){return+new Date}});var i=0,r,n=/\blang(?:uage)?-([\w.]+)(?!\S)/,e=/\bprettyprint\b/,v=/\bprettyprinted\b/,w=/pre|xmp/i,t=/^code$/i,f=/^(?:pre|code|xmp)$/i,
|
||||
h={};g()}};typeof define==="function"&&define.amd&&define("google-code-prettify",[],function(){return Y})})();}()
|
||||
// css lang
|
||||
PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\n\u000c"]],[["str",/^"(?:[^\n\f\r"\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*"/,null],["str",/^'(?:[^\n\f\r'\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*'/,null],["lang-css-str",/^url\(([^"')]+)\)/i],["kwd",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\w-]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*)\s*:/i],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],
|
||||
["com",/^(?:<\!--|--\>)/],["lit",/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],["lit",/^#[\da-f]{3,6}\b/i],["pln",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i],["pun",/^[^\s\w"']+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[["kwd",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[["str",/^[^"')]+/]]),["css-str"]);
|
||||
11
readme.txt
Normal file
11
readme.txt
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
Cube Portfolio CSS, JS, IMAGES files:
|
||||
folder: /cubeportfolio
|
||||
|
||||
Documentation:
|
||||
folder: /documentation
|
||||
|
||||
Examples (demos):
|
||||
folder: /templates
|
||||
|
||||
Thank you for your purchase!
|
||||
Mihai Buricea
|
||||
BIN
templates/.DS_Store
vendored
Normal file
BIN
templates/.DS_Store
vendored
Normal file
Binary file not shown.
66
templates/agency/ajax-agency/loadMore.html
Normal file
66
templates/agency/ajax-agency/loadMore.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<div class="cbp-item graphic web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Shopping Gallery</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Timezone Mgmt</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Story Book</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ee3501" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Website Lightbox</div>
|
||||
<div class="cbp-l-grid-agency-desc">Identity</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item logos web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Mountaineer</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Archiview</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
238
templates/agency/index.html
Normal file
238
templates/agency/index.html
Normal file
|
|
@ -0,0 +1,238 @@
|
|||
<!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>Agency - 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="margin: 100px 0; min-height: 1000px;">
|
||||
<div class="cbp-l-center">
|
||||
<div id="js-filters-agency" class="cbp-l-filters-text">
|
||||
<div class="cbp-l-filters-text-sort">Filter by:</div>
|
||||
<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="js-sort-agency" class="cbp-l-sort cbp-l-sort--simple">
|
||||
<div class="cbp-l-text-sort">Sort by: </div>
|
||||
<div class="cbp-l-dropdown">
|
||||
<div class="cbp-l-dropdown-wrap">
|
||||
<div class="cbp-l-dropdown-header">Original order</div>
|
||||
<div class="cbp-l-dropdown-list">
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item cbp-l-dropdown-item--active" data-sort="" data-sortBy="">Original order</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-agency-title" data-sortBy="string:asc">Title - ASC</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-agency-title" data-sortBy="string:desc">Title - DESC</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-agency-desc" data-sortBy="string:asc">Description - ASC</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-agency-desc" data-sortBy="string:desc">Description - DESC</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-grid-agency" class="cbp cbp-l-grid-agency">
|
||||
<div class="cbp-item graphic">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Dashboard</div>
|
||||
<div class="cbp-l-grid-agency-desc">Web Design / Graphic</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b611ec" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">World Clock</div>
|
||||
<div class="cbp-l-grid-agency-desc">Logo / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">To-Do Dashboard</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design graphic">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Events and More</div>
|
||||
<div class="cbp-l-grid-agency-desc">Web Design / Graphic</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">WhereTO App</div>
|
||||
<div class="cbp-l-grid-agency-desc">Web Design / Identity</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Ski * Buddy</div>
|
||||
<div class="cbp-l-grid-agency-desc">Identity / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Seemple* Music</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity graphic">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Remind~Me More</div>
|
||||
<div class="cbp-l-grid-agency-desc">Identity / Graphic</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design graphic">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Workout Buddy</div>
|
||||
<div class="cbp-l-grid-agency-desc">Web Design / Graphic</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-grid-agency-desc">Identity / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Generic Apps</div>
|
||||
<div class="cbp-l-grid-agency-desc">Identity / Logo</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Speed Detector</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Drag 2 Upload ~ Widget</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Seemple* Music</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic web-design">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" target="_blank">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x250/717c2b" alt="" width="380" height="250">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-agency-title">Bolt UI</div>
|
||||
<div class="cbp-l-grid-agency-desc">Graphic / Web Design</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-loadMore-agency" class="cbp-l-loadMore-button">
|
||||
<a href="ajax-agency/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
||||
<span class="cbp-l-loadMore-defaultText">LOAD MORE (<span class="cbp-l-loadMore-loadItems">6</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>
|
||||
41
templates/agency/js/main.js
Normal file
41
templates/agency/js/main.js
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-agency').cubeportfolio({
|
||||
filters: '#js-filters-agency',
|
||||
layoutMode: 'grid',
|
||||
defaultFilter: '*',
|
||||
animationType: 'slideLeft',
|
||||
gapHorizontal: 35,
|
||||
gapVertical: 15,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 5,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
}],
|
||||
caption: 'zoom',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 100,
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-agency',
|
||||
action: 'click',
|
||||
loadItems: 3,
|
||||
},
|
||||
sort: {
|
||||
element: '#js-sort-agency'
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
40
templates/awesome-work/ajax-awesome-work/loadMore.html
Normal file
40
templates/awesome-work/ajax-awesome-work/loadMore.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
<div class="cbp-item graphic logos">
|
||||
<a href="ajax-awesome-work/project7.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/cc074b" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<div class="cbp-l-grid-work-title">Seemple* Music</div>
|
||||
<div class="cbp-l-grid-work-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="cbp-item identity graphic">
|
||||
<a href="ajax-awesome-work/project8.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/abc085" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<div class="cbp-l-grid-work-title">Remind~Me More</div>
|
||||
<div class="cbp-l-grid-work-desc">Identity / Graphic</div>
|
||||
</div>
|
||||
<div class="cbp-item web-design graphic">
|
||||
<a href="ajax-awesome-work/project9.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/a87680" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<div class="cbp-l-grid-work-title">Workout Buddy</div>
|
||||
<div class="cbp-l-grid-work-desc">Web Design / Graphic</div>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design">
|
||||
<a href="ajax-awesome-work/project10.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d4c3bb" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<div class="cbp-l-grid-work-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-grid-work-desc">Identity / Web Design</div>
|
||||
</div>
|
||||
60
templates/awesome-work/ajax-awesome-work/project1.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project1.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/e9396c" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/cc074b" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4d1f59" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4f4e75" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project10.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project10.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/946b41" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d4c3bb" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/55dbc9" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/8bd0c2" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project2.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project2.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">World Clock</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d06583" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d2949f" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/53acad" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project3.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project3.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">To-Do Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">Work management platform for creatives with a lot of cool features. Easier.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/efc6c0" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/abc085" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/a87680" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/2bbdaa" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project4.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project4.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Events and More</div>
|
||||
<div class="cbp-l-project-subtitle">Just attent parties by having the app pinpoint awesome events near your location - Invite Friends and Have More Fun.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/70dece" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/cc074b" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4d1f59" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4f4e75" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project5.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project5.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">WhereTO App</div>
|
||||
<div class="cbp-l-project-subtitle">Sick of trying to find all the info I need when planning a road trip? Me too, that's why this guy came to life </div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f1f5dc" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d06583" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d2949f" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/53acad" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
66
templates/awesome-work/ajax-awesome-work/project6.html
Normal file
66
templates/awesome-work/ajax-awesome-work/project6.html
Normal file
|
|
@ -0,0 +1,66 @@
|
|||
<div class="cbp-l-project-title">Ski Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">Track your ski results, upload them to the apps server and compete with your friends or other ski fanatics.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/T6DJcgm3wNY" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/fnaojlfdUbs" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d4c3bb" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/55dbc9" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/8bd0c2" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project7.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project7.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Seemple Music for iPad</div>
|
||||
<div class="cbp-l-project-subtitle">Upcoming music app for iPad. More info and other screens will follow shortly.</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 1000px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 1000px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 1000px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/abc085" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/a87680" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/2bbdaa" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project8.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project8.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Remind~Me More</div>
|
||||
<div class="cbp-l-project-subtitle">Next step of the reminder widget in which you can see all the reminders you've set and ways to interact with them.</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f36370" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/cc074b" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4d1f59" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4f4e75" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
60
templates/awesome-work/ajax-awesome-work/project9.html
Normal file
60
templates/awesome-work/ajax-awesome-work/project9.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Workout Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 989px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 989px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 989px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d06583" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d2949f" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-awesome-work/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/53acad" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
114
templates/awesome-work/index.html
Normal file
114
templates/awesome-work/index.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!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>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 style="max-width: 980px; width: 97%; margin: 100px auto; min-height: 1000px;">
|
||||
<div id="js-filters-awesome-work" 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="js-grid-awesome-work" class="cbp cbp-l-grid-work">
|
||||
<div class="cbp-item identity">
|
||||
<a href="ajax-awesome-work/project1.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4f4e75" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project1.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">Dashboard</a>
|
||||
<div class="cbp-l-grid-work-desc">Web Design / Graphic</div>
|
||||
</div>
|
||||
<div class="cbp-item web-design logos">
|
||||
<a href="ajax-awesome-work/project2.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d06583" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project2.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">World Clock</a>
|
||||
<div class="cbp-l-grid-work-desc">Logo / Web Design</div>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="ajax-awesome-work/project3.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/d2949f" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project3.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">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-awesome-work/project4.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/53acad" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project4.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">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-awesome-work/project5.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/55dbc9" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project5.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">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-awesome-work/project6.html" class="cbp-caption cbp-singlePage" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=480x250/4d1f59" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap"></div>
|
||||
</a>
|
||||
<a href="ajax-awesome-work/project6.html" class="cbp-l-grid-work-title cbp-singlePage" rel="nofollow">Ski * Buddy</a>
|
||||
<div class="cbp-l-grid-work-desc">Identity / Web Design</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-loadMore-awesome-work" class="cbp-l-loadMore-button">
|
||||
<a href="ajax-awesome-work/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
||||
<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>
|
||||
|
||||
<!-- 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>
|
||||
62
templates/awesome-work/js/main.js
Normal file
62
templates/awesome-work/js/main.js
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-awesome-work').cubeportfolio({
|
||||
filters: '#js-filters-awesome-work',
|
||||
layoutMode: 'grid',
|
||||
defaultFilter: '*',
|
||||
animationType: 'scaleSides',
|
||||
gapHorizontal: 30,
|
||||
gapVertical: 30,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
gapHorizontal: 15,
|
||||
gapVertical: 15,
|
||||
}
|
||||
}],
|
||||
caption: 'zoom',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 400,
|
||||
|
||||
// singlePage popup
|
||||
singlePageDelegate: '.cbp-singlePage',
|
||||
singlePageDeeplinking: true,
|
||||
singlePageStickyNavigation: true,
|
||||
singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
|
||||
singlePageCallback: function(url, element) {
|
||||
// to update singlePage content use the following method: this.updateSinglePage(yourContent)
|
||||
var t = this;
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'GET',
|
||||
dataType: 'html',
|
||||
timeout: 30000
|
||||
})
|
||||
.done(function(result) {
|
||||
t.updateSinglePage(result);
|
||||
})
|
||||
.fail(function() {
|
||||
t.updateSinglePage('AJAX Error! Please refresh the page!');
|
||||
});
|
||||
},
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-awesome-work',
|
||||
action: 'click',
|
||||
loadItems: 3,
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
215
templates/blog-posts/index.html
Normal file
215
templates/blog-posts/index.html
Normal file
|
|
@ -0,0 +1,215 @@
|
|||
<!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>
|
||||
42
templates/blog-posts/js/main.js
Normal file
42
templates/blog-posts/js/main.js
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-blog-posts').cubeportfolio({
|
||||
filters: '#js-filters-blog-posts',
|
||||
search: '#js-search-blog-posts',
|
||||
defaultFilter: '*',
|
||||
animationType: '3dflip',
|
||||
gapHorizontal: 70,
|
||||
gapVertical: 30,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
caption: '',
|
||||
gapHorizontal: 50,
|
||||
gapVertical: 20,
|
||||
}
|
||||
}, {
|
||||
width: 320,
|
||||
cols: 1,
|
||||
options: {
|
||||
caption: '',
|
||||
gapHorizontal: 50,
|
||||
}
|
||||
}],
|
||||
caption: 'revealBottom',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 400,
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
114
templates/clients/index.html
Normal file
114
templates/clients/index.html
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<!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>Slider - 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="cbp-l-clients-title-block">Our Clients</div>
|
||||
|
||||
<div id="js-grid-clients" class="cbp cbp-l-grid-clients">
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/ed6a05" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/6e8213" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/ef9921" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/70b12f" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/f1c83d" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/07ce73" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/88e581" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/09fd8f" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8a149e" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0b2cac" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8c43ba" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item">
|
||||
<a href="http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959" class="cbp-caption" target="_blank">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0d5bc8" alt="">
|
||||
</div>
|
||||
</a>
|
||||
</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>
|
||||
35
templates/clients/js/main.js
Normal file
35
templates/clients/js/main.js
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-clients').cubeportfolio({
|
||||
layoutMode: 'slider',
|
||||
drag: true,
|
||||
auto: true,
|
||||
autoTimeout: 3000,
|
||||
autoPauseOnHover: true,
|
||||
showNavigation: false,
|
||||
showPagination: true,
|
||||
rewindNav: true,
|
||||
scrollByPage: false,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 5,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
}],
|
||||
gapHorizontal: 0,
|
||||
gapVertical: 5,
|
||||
caption: 'opacity',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 100,
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
290
templates/faq/index.html
Normal file
290
templates/faq/index.html
Normal file
|
|
@ -0,0 +1,290 @@
|
|||
<!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>FAQ - 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: 980px; width: 97%; margin: 100px auto; min-height: 1000px;">
|
||||
<div id="js-filters-faq" class="cbp-l-filters-underline">
|
||||
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
|
||||
All
|
||||
</div>
|
||||
<div data-filter=".buying" class="cbp-filter-item">
|
||||
Buying
|
||||
</div>
|
||||
<div data-filter=".author" class="cbp-filter-item">
|
||||
Author
|
||||
</div>
|
||||
<div data-filter=".account" class="cbp-filter-item">
|
||||
Account
|
||||
</div>
|
||||
<div data-filter=".copyright" class="cbp-filter-item">
|
||||
Copyright
|
||||
</div>
|
||||
<div data-filter=".community" class="cbp-filter-item">
|
||||
Community
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-grid-faq" class="cbp cbp-l-grid-faq">
|
||||
<div class="cbp-item buying">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1299 813l-422 422q-19 19-45 19t-45-19l-294-294q-19-19-19-45t19-45l102-102q19-19 45-19t45 19l147 147 275-275q19-19 45-19t45 19l102 102q19 19 19 45t-19 45zm141 83q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
|
||||
</svg>
|
||||
Where can I find my Purchase Code?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Every item purchased on Envato Market has a unique code, called a purchase code.
|
||||
<br>
|
||||
A purchase code is used by authors to verify you have purchased a licence for the item. The purchase code may be required to access an author’s support site (if support is offered) or to enable automatic updates.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item community">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1062 150q-317 121-556 362.5t-358 560.5q-20-89-20-176 0-208 102.5-384.5t278.5-279 384-102.5q82 0 169 19zm269 119q93 65 164 155-389 113-674.5 400.5t-396.5 676.5q-93-72-155-162 112-386 395-671t667-399zm-733 1334q115-356 379.5-622t619.5-384q40 92 54 195-292 120-516 345t-343 518q-103-14-194-52zm1066 58q-193-50-367-115-135 84-290 107 109-205 274-370.5t369-275.5q-21 152-101 284 65 175 115 370z"/>
|
||||
</svg>
|
||||
Forum Comments by Envato Staff & Moderators
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Envato is extremely fortunate to have a huge community with highly engaged users. Part of our community’s time on Envato Market is spent within our forums, our common grounds for communication. In order to clarify the different roles and responsibilities of the various people and roles that post in our forums we hope you find the following information useful.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item buying">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1088 1256v240q0 16-12 28t-28 12h-240q-16 0-28-12t-12-28v-240q0-16 12-28t28-12h240q16 0 28 12t12 28zm316-600q0 54-15.5 101t-35 76.5-55 59.5-57.5 43.5-61 35.5q-41 23-68.5 65t-27.5 67q0 17-12 32.5t-28 15.5h-240q-15 0-25.5-18.5t-10.5-37.5v-45q0-83 65-156.5t143-108.5q59-27 84-56t25-76q0-42-46.5-74t-107.5-32q-65 0-108 29-35 25-107 115-13 16-31 16-12 0-25-8l-164-125q-13-10-15.5-25t5.5-28q160-266 464-266 80 0 161 31t146 83 106 127.5 41 158.5z"/>
|
||||
</svg>
|
||||
How Do I Get Support For An Item I've Purchased?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Authors who are designers, developers and creatives from all over the globe are responsible for the work you see on Envato Market.
|
||||
|
||||
Authors are not obligated to provide support, however most do. You will know if an author provides support, simply by viewing the “Support” tab on the item page.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item author">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1696 128q66 0 113 47t47 113v1216q0 66-47 113t-113 47h-1600q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1600zm-1600 128q-13 0-22.5 9.5t-9.5 22.5v224h1664v-224q0-13-9.5-22.5t-22.5-9.5h-1600zm1600 1280q13 0 22.5-9.5t9.5-22.5v-608h-1664v608q0 13 9.5 22.5t22.5 9.5h1600zm-1504-128v-128h256v128h-256zm384 0v-128h384v128h-384z"/>
|
||||
</svg>
|
||||
Which Author Payment Option Do I Choose?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
As an Envato Market author you need to select the most appropriate payment method in order to receive your earnings.
|
||||
<br>
|
||||
Each payment method and provider may have restrictions regarding which countries they pay to, for legal and / or commercial reasons.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item copyright">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1278 1074v109q0 50-36.5 89t-94 60.5-118 32.5-117.5 11q-205 0-342.5-139t-137.5-346q0-203 136-339t339-136q34 0 75.5 4.5t93 18 92.5 34 69 56.5 28 81v109q0 16-16 16h-118q-16 0-16-16v-70q0-43-65.5-67.5t-137.5-24.5q-140 0-228.5 91.5t-88.5 237.5q0 151 91.5 249.5t233.5 98.5q68 0 138-24t70-66v-70q0-7 4.5-11.5t10.5-4.5h119q6 0 11 4.5t5 11.5zm-382-818q-130 0-248.5 51t-204 136.5-136.5 204-51 248.5 51 248.5 136.5 204 204 136.5 248.5 51 248.5-51 204-136.5 136.5-204 51-248.5-51-248.5-136.5-204-204-136.5-248.5-51zm768 640q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/>
|
||||
</svg>
|
||||
Can I use trademarked names in my items?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
When deciding whether or not to use a trademarked name as a title or tag you should ask yourself this question; "Am I describing what it is or what it the item is like?"
|
||||
<br>
|
||||
Using trademarked names to describe what your file actually is is acceptable. Using them to describe what your file is like is not.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item author">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1664 896q0 156-61 298t-164 245-245 164-298 61q-172 0-327-72.5t-264-204.5q-7-10-6.5-22.5t8.5-20.5l137-138q10-9 25-9 16 2 23 12 73 95 179 147t225 52q104 0 198.5-40.5t163.5-109.5 109.5-163.5 40.5-198.5-40.5-198.5-109.5-163.5-163.5-109.5-198.5-40.5q-98 0-188 35.5t-160 101.5l137 138q31 30 14 69-17 40-59 40h-448q-26 0-45-19t-19-45v-448q0-42 40-59 39-17 69 14l130 129q107-101 244.5-156.5t284.5-55.5q156 0 298 61t245 164 164 245 61 298zm-640-288v448q0 14-9 23t-23 9h-320q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h224v-352q0-14 9-23t23-9h64q14 0 23 9t9 23z"/>
|
||||
</svg>
|
||||
Historical Payment Rates
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Over the years Envato Market has changed fees & rates several times – always in favour of our authoring community! If you have been selling files for some time, these rates may apply to you. If you are a new author, you should review our Current Rates or read about our author program If you are interested in Selling Your Work.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item account">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1600 1405q0 120-73 189.5t-194 69.5h-874q-121 0-194-69.5t-73-189.5q0-53 3.5-103.5t14-109 26.5-108.5 43-97.5 62-81 85.5-53.5 111.5-20q9 0 42 21.5t74.5 48 108 48 133.5 21.5 133.5-21.5 108-48 74.5-48 42-21.5q61 0 111.5 20t85.5 53.5 62 81 43 97.5 26.5 108.5 14 109 3.5 103.5zm-320-893q0 159-112.5 271.5t-271.5 112.5-271.5-112.5-112.5-271.5 112.5-271.5 271.5-112.5 271.5 112.5 112.5 271.5z"/>
|
||||
</svg>
|
||||
How Do I Change My Username?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Sign in to your Envato Account via the button at the top right of the Envato Market sites.
|
||||
<br>
|
||||
Frequent username changes are not permitted
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item author">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M224 1536h608v-1152h-640v1120q0 13 9.5 22.5t22.5 9.5zm1376-32v-1120h-640v1152h608q13 0 22.5-9.5t9.5-22.5zm128-1216v1216q0 66-47 113t-113 47h-1344q-66 0-113-47t-47-113v-1216q0-66 47-113t113-47h1344q66 0 113 47t47 113z"/>
|
||||
</svg>
|
||||
Author Collaboration
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Authors may unofficially partner with other authors to create new items, but we advise strong caution when doing so. Envato Market considers the person who created an account and agreed to the terms and conditions to be the sole copyright holder of the items for sale and the only person eligible to withdraw any funds.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item account">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1376 768q40 0 68 28t28 68v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-320q0-185 131.5-316.5t316.5-131.5 316.5 131.5 131.5 316.5q0 26-19 45t-45 19h-64q-26 0-45-19t-19-45q0-106-75-181t-181-75-181 75-75 181v320h736z"/>
|
||||
</svg>
|
||||
How Do I Change My Password?
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
It is important that your Envato Account has a secure, private password at all times.
|
||||
<br>
|
||||
Sign in to your Envato Account via the button at the top right of the Envato Market sites.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item author">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1152 640q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm256 0q0 109-33 179l-364 774q-16 33-47.5 52t-67.5 19-67.5-19-46.5-52l-365-774q-33-70-33-179 0-212 150-362t362-150 362 150 150 362z"/>
|
||||
</svg>
|
||||
An Author’s Introduction to Envato Market
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Becoming an author on Envato Market carries certain legal implications. Everything you sell must be your own original content. If you use any assets that are owned by someone else, you must have a license that grants you permission to use and resell them.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item copyright">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M320 1168v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm128-256v96q0 16-16 16h-224q-16 0-16-16v-96q0-16 16-16h224q16 0 16 16zm-128-256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm1024 512v96q0 16-16 16h-864q-16 0-16-16v-96q0-16 16-16h864q16 0 16 16zm-640-256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm-128-256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm384 256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm-128-256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm384 256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm384 256v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm-512-512v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm256 0v96q0 16-16 16h-96q-16 0-16-16v-96q0-16 16-16h96q16 0 16 16zm256 0v352q0 16-16 16h-224q-16 0-16-16v-96q0-16 16-16h112v-240q0-16 16-16h96q16 0 16 16zm128 752v-896h-1664v896h1664zm128-896v896q0 53-37.5 90.5t-90.5 37.5h-1664q-53 0-90.5-37.5t-37.5-90.5v-896q0-53 37.5-90.5t90.5-37.5h1664q53 0 90.5 37.5t37.5 90.5z"/>
|
||||
</svg>
|
||||
How to use the Whois Lookup Tool
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Whois is a widely used Internet record listing that contains the details of who owns a domain name and how to get in touch with them.
|
||||
<br>
|
||||
The contact details can be for both the domain’s registrar or the web hosting company providing space or storage for that specific website.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item copyright">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1596 380q28 28 48 76t20 88v1152q0 40-28 68t-68 28h-1344q-40 0-68-28t-28-68v-1600q0-40 28-68t68-28h896q40 0 88 20t76 48zm-444-244v376h376q-10-29-22-41l-313-313q-12-12-41-22zm384 1528v-1024h-416q-40 0-68-28t-28-68v-416h-768v1536h1280zm-979-234v106h281v-106h-75l103-161q5-7 10-16.5t7.5-13.5 3.5-4h2q1 4 5 10 2 4 4.5 7.5t6 8 6.5 8.5l107 161h-76v106h291v-106h-68l-192-273 195-282h67v-107h-279v107h74l-103 159q-4 7-10 16.5t-9 13.5l-2 3h-2q-1-4-5-10-6-11-17-23l-106-159h76v-107h-290v107h68l189 272-194 283h-68z"/>
|
||||
</svg>
|
||||
Illegal Distribution Of Files
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Envato Market is not a legal body which is qualified to give you advice on these matters. Any suggestions on this page are to be considered general and not specific to your situation. When sending legal documentation or taking any form of legal action, we recommend you consult with a legal professional. We can take no responsibility for the repercussions of following the suggestions in this document.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item copyright">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5-103 385.5-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103zm128 1247v-190q0-14-9-23.5t-22-9.5h-192q-13 0-23 10t-10 23v190q0 13 10 23t23 10h192q13 0 22-9.5t9-23.5zm-2-344l18-621q0-12-10-18-10-8-24-8h-220q-14 0-24 8-10 6-10 18l17 621q0 10 10 17.5t24 7.5h185q14 0 23.5-7.5t10.5-17.5z"/>
|
||||
</svg>
|
||||
Protecting Your Copyright
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Some seek to fight all piracy they come across, some want to find ways to motivate users of content to pay for it, and some choose to focus on what they do sell and not change the ways of users who want all their content for free. Ultimately, this is your personal choice (and more below on the path Envato takes on the piracy issue).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item buying">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M1408 256h-1024v1242l423-406 89-85 89 85 423 406v-1242zm12-128q23 0 44 9 33 13 52.5 41t19.5 62v1289q0 34-19.5 62t-52.5 41q-19 8-44 8-48 0-83-32l-441-424-441 424q-36 33-83 33-23 0-44-9-33-13-52.5-41t-19.5-62v-1289q0-34 19.5-62t52.5-41q21-9 44-9h1048z"/>
|
||||
</svg>
|
||||
Buyers Guide to YouTube Content ID & Copyright Notices
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Content ID is a popular digital fingerprinting system that content creators can use to easily identify and manage their copyrighted content on YouTube. Videos uploaded to YouTube are compared against audio and video files registered with Content ID by content owners, looking for any matches.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-item community">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<svg width="14" height="14" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#474747" d="M704 384q-153 0-286 52t-211.5 141-78.5 191q0 82 53 158t149 132l97 56-35 84q34-20 62-39l44-31 53 10q78 14 153 14 153 0 286-52t211.5-141 78.5-191-78.5-191-211.5-141-286-52zm0-128q191 0 353.5 68.5t256.5 186.5 94 257-94 257-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5zm822 1169q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230q0 120-71 224.5t-195 176.5z"/>
|
||||
</svg>
|
||||
Forum and Community Rules
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-body">
|
||||
Envato takes great pride in it’s global and thriving community! They're part of what makes the Envato Market sites fun and friendly. The forum rules and guidelines focus on mutual respect.
|
||||
<br>
|
||||
All users who wish to participate or give feedback are invited to do so.
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
15
templates/faq/js/main.js
Normal file
15
templates/faq/js/main.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-faq').cubeportfolio({
|
||||
filters: '#js-filters-faq',
|
||||
defaultFilter: '*',
|
||||
animationType: 'sequentially',
|
||||
gridAdjustment: 'default',
|
||||
displayType: 'default',
|
||||
caption: 'expand',
|
||||
gapHorizontal: 0,
|
||||
gapVertical: 0,
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
315
templates/full-width/ajax-full-width/loadMore.html
Normal file
315
templates/full-width/ajax-full-width/loadMore.html
Normal file
|
|
@ -0,0 +1,315 @@
|
|||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f36370" class="cbp-caption cbp-lightbox" data-title="Remind~Me More<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/cdc4c0" alt="" width="760" height="360">
|
||||
</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 More</div>
|
||||
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/8bb5f2" alt="" width="380" height="360">
|
||||
</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 identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/ad181e" class="cbp-caption cbp-lightbox" data-title="Smart Searchy<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/4dbd27" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Smart Searchy</div>
|
||||
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/923c25" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/f28304" alt="" width="380" height="360">
|
||||
</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 graphic logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/946b41" class="cbp-caption cbp-lightbox" data-title="Story Book<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/f4b220" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Story Book</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2db7a1" class="cbp-caption cbp-lightbox" data-title="Space Trip<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/8dfe80" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Space Trip</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item logos motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/3115da" class="cbp-caption cbp-lightbox" data-title="Digital Menu<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/915cb9" alt="" width="380" height="360">
|
||||
</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 web-design">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8f5777" class="cbp-caption cbp-lightbox" data-title="21 Degrees<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/2ffc80" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">21 Degrees</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4da764" class="cbp-caption cbp-lightbox" data-title="Mountaineer<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/adee43" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Mountaineer</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/cebe72" class="cbp-caption cbp-lightbox" data-title="Timezone Mgmt<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/2e0652" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Timezone Mgmt</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c90938" class="cbp-caption cbp-lightbox" data-title="Holiday Selector<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/295117" alt="" width="380" height="360">
|
||||
</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 class="cbp-item graphic motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6d3898" class="cbp-caption cbp-lightbox" data-title="Augmented Tourist<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/0ddda1" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Augmented Tourist</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item logos motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/ee4fa6" class="cbp-caption cbp-lightbox" data-title="Bills Bills Bills<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/8ef4af" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6f67b4" class="cbp-caption cbp-lightbox" data-title="Ultramarine Admin<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/0f0cbe" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Ultramarine Admin</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/106f85" class="cbp-caption cbp-lightbox" data-title="Travelling Wip<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/b0138f" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Travelling Wip</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/0ae230" class="cbp-caption cbp-lightbox" data-title="Travelling Map Wip<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/aa863a" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Travelling Map Wip</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/46647e" class="cbp-caption cbp-lightbox" data-title="Grid Creator<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/e60888" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Grid Creator</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/747b7e" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/4edcce" alt="" width="760" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Flat Roman</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/a78bc9" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/4730d3" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c77b8c" class="cbp-caption cbp-lightbox" data-title="Student Guide<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/672096" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Student Guide</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/cc8f56" class="cbp-caption cbp-lightbox" data-title="Geo Tagging<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/a6f0a6" alt="" width="760" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Geo Tagging</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
267
templates/full-width/index.html
Normal file
267
templates/full-width/index.html
Normal file
|
|
@ -0,0 +1,267 @@
|
|||
<!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>Full Width Layout - 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="margin: 100px 0; min-height: 1000px;">
|
||||
<div id="js-filters-full-width" class="cbp-l-filters-alignCenter">
|
||||
<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 data-filter=".motion" class="cbp-filter-item">
|
||||
MOTION <div class="cbp-filter-counter"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-grid-full-width" class="cbp">
|
||||
<div class="cbp-item identity logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/89ca22" class="cbp-caption cbp-lightbox" data-title="Dashboard<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/296f2c" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Dashboard</div>
|
||||
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" class="cbp-caption cbp-lightbox" data-title="Client chat app WIP<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/d6f179" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Client chat app WIP</div>
|
||||
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item motion identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/c7376c" alt="" width="760" height="360">
|
||||
</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 identity graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2c0110" class="cbp-caption cbp-lightbox" data-title="Website Lightbox<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/cca519" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Website Lightbox</div>
|
||||
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item motion logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" class="cbp-caption cbp-lightbox" data-title="Skateshop Website<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/4a7e96" alt="" width="760" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Skateshop Website</div>
|
||||
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f2adde" class="cbp-caption cbp-lightbox" data-title="10 Navigation Bars<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/9252e8" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">10 Navigation Bars</div>
|
||||
<div class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2ad2f3" class="cbp-caption cbp-lightbox" data-title="To-Do Dashboard<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x720/18931c" alt="" width="760" height="720">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">To-Do Dashboard</div>
|
||||
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4a2146" class="cbp-caption cbp-lightbox" data-title="Events and More<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/aa6825" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Events and More</div>
|
||||
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c9aaa8" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/694fb2" alt="" width="380" height="360">
|
||||
</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 graphic motion">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f5928c" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/55da6b" alt="" width="380" height="360">
|
||||
</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">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/abe901" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/4b8e0b" alt="" width="380" height="360">
|
||||
</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 graphic logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f13454" class="cbp-caption cbp-lightbox" data-title="Ski * Buddy<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=760x360/cb95a4" alt="" width="760" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<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 graphic logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/48939a" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/e837a4" alt="" width="380" height="360">
|
||||
</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 graphic logos">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8d285b" class="cbp-caption cbp-lightbox" data-title="Drag 2 Upload ~ Widget<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" data-cbp-src="http://scriptpie.com/cubeportfolio/img/?i=380x360/2dcd64" alt="" width="380" height="360">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignLeft">
|
||||
<div class="cbp-l-caption-body">
|
||||
<div class="cbp-l-caption-title">Drag 2 Upload ~ Widget</div>
|
||||
<div class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-loadMore-full-width" class="cbp-l-loadMore-text">
|
||||
<a href="ajax-full-width/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
||||
<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>
|
||||
|
||||
<!-- 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>
|
||||
50
templates/full-width/js/main.js
Normal file
50
templates/full-width/js/main.js
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-full-width').cubeportfolio({
|
||||
filters: '#js-filters-full-width',
|
||||
layoutMode: 'mosaic',
|
||||
sortByDimension: true,
|
||||
defaultFilter: '*',
|
||||
animationType: 'fadeOutTop',
|
||||
gapHorizontal: 0,
|
||||
gapVertical: 0,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 5,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
caption: '',
|
||||
gapHorizontal: 10,
|
||||
gapVertical: 10,
|
||||
}
|
||||
}],
|
||||
caption: 'zoom',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 100,
|
||||
|
||||
// lightbox
|
||||
lightboxDelegate: '.cbp-lightbox',
|
||||
lightboxGallery: true,
|
||||
lightboxTitleSrc: 'data-title',
|
||||
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-full-width',
|
||||
action: 'auto',
|
||||
loadItems: 3,
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
106
templates/juicy-projects/ajax-juicy-projects/loadMore.html
Normal file
106
templates/juicy-projects/ajax-juicy-projects/loadMore.html
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<div class="graphic web-design cbp-item">
|
||||
<div class="cbp-slider-inline">
|
||||
<div class="cbp-slider-wrapper">
|
||||
<div class="cbp-slider-item cbp-slider-item--active">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/717c2b" alt="">
|
||||
</div>
|
||||
<div class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="">
|
||||
</div>
|
||||
<div class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-slider-controls">
|
||||
<div class="cbp-slider-prev"></div>
|
||||
<div class="cbp-slider-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Shopping Gallery</div>
|
||||
<div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="graphic logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project14.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/cc8f56" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Timezone Mgmt<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Timezone Mgmt</div>
|
||||
<div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="graphic logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/097189" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project15.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c90938" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Story Book<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Story Book</div>
|
||||
<div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="identity web-design cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project16.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/cf968c" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Website Lightbox<br>by Paul Flavius Nechita">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Website Lightbox</div>
|
||||
<div class="cbp-l-grid-projects-desc">Identity</div>
|
||||
</div>
|
||||
<div class="graphic web-design cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project17.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/89ca22" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Mountaineer<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Mountaineer</div>
|
||||
<div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="identity logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project18.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4ac2b6" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Archiview<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Archiview</div>
|
||||
<div class="cbp-l-grid-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
93
templates/juicy-projects/ajax-juicy-projects/project1.html
Normal file
93
templates/juicy-projects/ajax-juicy-projects/project1.html
Normal file
|
|
@ -0,0 +1,93 @@
|
|||
<div class="cbp-l-project-title">Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/e9396c" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/e9396c" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
||||
|
||||
|
||||
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project10.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project10.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/946b41" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/946b41" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project11.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project11.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Generic Apps</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/b45b04" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/b45b04" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project12.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project12.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Speed Detector</div>
|
||||
<div class="cbp-l-project-subtitle">You are an outstanding athlete and you need to measure your skills !</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/877053" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/86603468" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/27260633" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b611ec" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ee3501" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project13.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project13.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Shopping Gallery</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/b45b04" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/b45b04" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/717c2b" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/097189" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project14.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project14.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Timezone Mgmt</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/112517" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/112517" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project15.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project15.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Story Book</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8cafd0" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8cafd0" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project16.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project16.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Website Lightbox</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6c8096" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6c8096" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project17.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project17.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Mountaineer</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/900d09" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/900d09" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project18.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project18.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Archiview</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 978px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4da764" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4da764" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 978px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 978px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project2.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project2.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">World Clock</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b611ec" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project3.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project3.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">To-Do Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">Work management platform for creatives with a lot of cool features. Easier.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/efc6c0" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/efc6c0" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ee3501" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/717c2b" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project4.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project4.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Events and More</div>
|
||||
<div class="cbp-l-project-subtitle">Just attent parties by having the app pinpoint awesome events near your location - Invite Friends and Have More Fun.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/70dece" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/70dece" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/097189" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project5.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project5.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">WhereTO App</div>
|
||||
<div class="cbp-l-project-subtitle">Sick of trying to find all the info I need when planning a road trip? Me too, that's why this guy came to life </div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f1f5dc" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f1f5dc" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project6.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project6.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Ski Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">Track your ski results, upload them to the apps server and compete with your friends or other ski fanatics.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/T6DJcgm3wNY" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/fnaojlfdUbs" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project7.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project7.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Seemple Music for iPad</div>
|
||||
<div class="cbp-l-project-subtitle">Upcoming music app for iPad. More info and other screens will follow shortly.</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 1000px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 1000px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 1000px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project8.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project8.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Remind~Me More</div>
|
||||
<div class="cbp-l-project-subtitle">Next step of the reminder widget in which you can see all the reminders you've set and ways to interact with them.</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f36370" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f36370" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
89
templates/juicy-projects/ajax-juicy-projects/project9.html
Normal file
89
templates/juicy-projects/ajax-juicy-projects/project9.html
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<div class="cbp-l-project-title">Workout Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 989px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 989px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 989px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-juicy-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
287
templates/juicy-projects/index.html
Normal file
287
templates/juicy-projects/index.html
Normal file
|
|
@ -0,0 +1,287 @@
|
|||
<!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>Juicy Projects - 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-juicy-projects" class="cbp-l-filters-button cbp-l-filters-left">
|
||||
<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="js-sort-juicy-projects" class="cbp-l-sort cbp-l-filters-right">
|
||||
<div class="cbp-l-dropdown">
|
||||
<div class="cbp-l-dropdown-wrap">
|
||||
<div class="cbp-l-dropdown-header">Original sorting</div>
|
||||
<div class="cbp-l-dropdown-list">
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item cbp-l-dropdown-item--active" data-sort="">Original sorting</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-projects-title">Title</div>
|
||||
<div class="cbp-l-dropdown-item cbp-sort-item" data-sort=".cbp-l-grid-projects-desc">Description</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-direction cbp-l-direction--second">
|
||||
<div class="cbp-l-direction-item cbp-sort-item" data-sortBy="string:asc"></div>
|
||||
<div class="cbp-l-direction-item cbp-sort-item" data-sortBy="string:desc"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-grid-juicy-projects" class="cbp">
|
||||
<div class="cbp-item graphic">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" 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=380x250/af7705" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/efc6c0" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock<br>by Paul Flavius Nechita">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">World Clock</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=380x250/308f13" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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=380x250/2d3e6d" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/4900333&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&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-slider-inline">
|
||||
<div class="cbp-slider-wrapper">
|
||||
<div class="cbp-slider-item cbp-slider-item--active">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6eee29" class="cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f2adde" class="cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="">
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2ad2f3" class="cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-slider-controls">
|
||||
<div class="cbp-slider-prev"></div>
|
||||
<div class="cbp-slider-next"></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=380x250/b08497" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project6.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" 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=380x250/319ca5" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project7.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=audio/e8040a" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Seemple* Music<br>by Tiberiu Neamu">view sound</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cbp-l-grid-projects-title">Seemple* Music</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=380x250/33cbc1" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project8.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://www.youtu.be/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=380x250/b4e2cf" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project9.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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=380x250/35fadd" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project10.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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=380x250/b611ec" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project11.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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=380x250/ee3501" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-juicy-projects/project12.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/26519543&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&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="js-loadMore-juicy-projects" class="cbp-l-loadMore-button">
|
||||
<a href="ajax-juicy-projects/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
||||
<span class="cbp-l-loadMore-defaultText">LOAD MORE (<span class="cbp-l-loadMore-loadItems">6</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>
|
||||
75
templates/juicy-projects/js/main.js
Normal file
75
templates/juicy-projects/js/main.js
Normal file
|
|
@ -0,0 +1,75 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-juicy-projects').cubeportfolio({
|
||||
filters: '#js-filters-juicy-projects',
|
||||
layoutMode: 'grid',
|
||||
defaultFilter: '*',
|
||||
animationType: 'quicksand',
|
||||
gapHorizontal: 35,
|
||||
gapVertical: 30,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 5,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
caption: '',
|
||||
gapHorizontal: 30,
|
||||
gapVertical: 10,
|
||||
}
|
||||
}],
|
||||
caption: 'overlayBottomPush',
|
||||
displayType: 'sequentially',
|
||||
displayTypeSpeed: 80,
|
||||
|
||||
// lightbox
|
||||
lightboxDelegate: '.cbp-lightbox',
|
||||
lightboxGallery: true,
|
||||
lightboxTitleSrc: 'data-title',
|
||||
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
|
||||
|
||||
// singlePage popup
|
||||
singlePageDelegate: '.cbp-singlePage',
|
||||
singlePageDeeplinking: true,
|
||||
singlePageStickyNavigation: true,
|
||||
singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
|
||||
singlePageCallback: function(url, element) {
|
||||
// to update singlePage content use the following method: this.updateSinglePage(yourContent)
|
||||
var t = this;
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'GET',
|
||||
dataType: 'html',
|
||||
timeout: 30000
|
||||
})
|
||||
.done(function(result) {
|
||||
t.updateSinglePage(result);
|
||||
})
|
||||
.fail(function() {
|
||||
t.updateSinglePage('AJAX Error! Please refresh the page!');
|
||||
});
|
||||
},
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-juicy-projects',
|
||||
action: 'click',
|
||||
loadItems: 3,
|
||||
},
|
||||
sort: {
|
||||
element: '#js-sort-juicy-projects',
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
BIN
templates/lightbox-gallery/.DS_Store
vendored
Normal file
BIN
templates/lightbox-gallery/.DS_Store
vendored
Normal file
Binary file not shown.
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-item web-design print motion">
|
||||
<a href="ajax-lightbox-gallery/project10.html" class="cbp-caption cbp-singlePageInline" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8dc8ef" 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">Flat Roman</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic web-design logos">
|
||||
<a href="ajax-lightbox-gallery/project11.html" class="cbp-caption cbp-singlePageInline" data-title="Music Player<br>by Cosmin Capitanu" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8b6ba0" 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">Music Player</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item print motion identity">
|
||||
<a href="ajax-lightbox-gallery/project12.html" class="cbp-caption cbp-singlePageInline" data-title="Speed Detector<br>by Cosmin Capitanu" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0c83ae" 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">Speed Detector</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity web-design print">
|
||||
<a href="ajax-lightbox-gallery/project13.html" class="cbp-caption cbp-singlePageInline" data-title="Sonor Website<br>by Cosmin Capitanu" rel="nofollow">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0eb2ca" 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">Sonor Website</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/918693" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x300/7784e4" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8b6ba0" alt="">
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8dc8ef" alt="">
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">World Clock</div>
|
||||
<div class="cbp-l-inline-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6eee29" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0c83ae" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Flat Roman Typeface Ui</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/0eb2ca" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Music Player</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f13454" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/8fc9d8" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Speed Detector</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/747b7e" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/121003" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Sonor Website</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f5928c" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/932711" alt="">
|
||||
</a>
|
||||
<br>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/143f1f" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Bolt UI</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">WhereTO App</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">iDevices</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c90938" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/679ebc" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Seemple* Music</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4a2146" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/e8b5ca" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Remind~Me Widget</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/cb3854" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/69cdd8" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Workout Buddy</div>
|
||||
<div class="cbp-l-inline-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil alias.</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/89ca22" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/abc930" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Digital Menu</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<div class="cbp-l-inline">
|
||||
<div class="cbp-l-inline-left">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8d285b" class="cbp-lightbox">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x285/af2769" alt="">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-right">
|
||||
<div class="cbp-l-inline-title">Holiday Selector</div>
|
||||
<div class="cbp-l-inline-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-l-inline-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae!</div>
|
||||
|
||||
<div class="cbp-l-project-social">
|
||||
<a href="#" class="cbp-social-fb" title="Share on Facebook" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.89 0 0 108.89 0 243.196s108.89 243.196 243.196 243.196 243.196-108.89 243.196-243.196C486.392 108.86 377.502 0 243.196 0zm62.866 243.165l-39.854.03-.03 145.917h-54.69V243.196H175.01v-50.28l36.48-.03-.062-29.61c0-41.04 11.126-65.997 59.43-65.997h40.25v50.31h-25.17c-18.818 0-19.73 7.02-19.73 20.122l-.06 25.17h45.233l-5.316 50.28z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-twitter" title="Share on Twitter" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.392 486.392">
|
||||
<path d="M243.196 0C108.891 0 0 108.891 0 243.196s108.891 243.196 243.196 243.196 243.196-108.891 243.196-243.196C486.392 108.861 377.501 0 243.196 0zm120.99 188.598l.182 7.752c0 79.16-60.221 170.359-170.359 170.359-33.804 0-65.268-9.91-91.776-26.904 4.682.547 9.454.851 14.288.851 28.059 0 53.868-9.576 74.357-25.627-26.204-.486-48.305-17.814-55.935-41.586 3.678.699 7.387 1.034 11.278 1.034 5.472 0 10.761-.699 15.777-2.067-27.39-5.533-48.031-29.7-48.031-58.701v-.76c8.086 4.499 17.297 7.174 27.116 7.509-16.051-10.731-26.63-29.062-26.63-49.825 0-10.974 2.949-21.249 8.086-30.095 29.518 36.236 73.658 60.069 123.422 62.562-1.034-4.378-1.55-8.968-1.55-13.649 0-33.044 26.812-59.857 59.887-59.857 17.206 0 32.771 7.265 43.714 18.908 13.619-2.706 26.448-7.691 38.03-14.531-4.469 13.984-13.953 25.718-26.326 33.135 12.069-1.429 23.651-4.682 34.382-9.424-8.025 11.977-18.209 22.526-29.912 30.916z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-googleplus" title="Share on Google+" rel="nofollow">
|
||||
<svg width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96">
|
||||
<path d="M43.484 34.425c-1.209-4.248-3.158-5.505-6.191-5.505-.328 0-.656.045-.973.135-1.312.369-2.355 1.467-2.938 3.094-.592 1.653-.633 3.373-.117 5.34.922 3.501 3.412 6.043 5.924 6.043.33 0 .656-.045.971-.134 2.744-.773 4.463-4.964 3.324-8.973zM48 0C21.49 0 0 21.49 0 48c0 26.511 21.49 48 48 48 26.512 0 48-21.489 48-48C96 21.49 74.512 0 48 0zm-2.766 68.609c-3.014 1.465-6.262 1.623-7.518 1.623-.238 0-.377-.006-.398-.006 0 0-.09.002-.244.002-1.957 0-11.713-.45-11.713-9.336 0-8.731 10.623-9.412 13.879-9.412l.086.001c-1.881-2.509-1.49-5.044-1.49-5.044-.166.012-.406.023-.703.023-1.227 0-3.59-.196-5.623-1.508-2.486-1.6-3.746-4.324-3.746-8.098 0-10.652 11.633-11.084 11.748-11.086h11.619v.252c0 1.301-2.332 1.548-3.926 1.766-.537.074-1.621.188-1.928.346 2.941 1.568 3.418 4.039 3.418 7.721 0 4.188-1.641 6.404-3.381 7.961-1.074.962-1.924 1.722-1.924 2.732 0 .992 1.164 2.014 2.51 3.195 2.207 1.939 5.23 4.593 5.23 9.052.001 4.615-1.984 7.917-5.896 9.816zm25.405-20.654h-7.578v7.579H58.26v-7.579h-7.578v-4.8h7.578v-7.579h4.801v7.579h7.578v4.8zm-31.526 5.803c-.26 0-.521.01-.783.026-2.223.164-4.268.995-5.756 2.344-1.469 1.331-2.219 3.003-2.111 4.708.223 3.549 4.039 5.635 8.674 5.297 4.564-.332 7.604-2.954 7.381-6.508-.211-3.346-3.116-5.867-7.405-5.867z"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" class="cbp-social-pinterest" title="Share on Pinterest" rel="nofollow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 32 32">
|
||||
<path d="M16 0C7.164 0 0 7.164 0 16c0 8.838 7.164 16 16 16s16-7.162 16-16c0-8.836-7.164-16-16-16zm1.652 19.562c-.992 0-1.926-.535-2.247-1.146 0 0-.534 2.117-.646 2.524-.398 1.444-1.569 2.892-1.659 3.009-.063.082-.204.057-.219-.054-.025-.186-.324-2.006.027-3.491.177-.746 1.183-5.009 1.183-5.009s-.294-.586-.294-1.453c0-1.362.79-2.379 1.773-2.379.836 0 1.24.627 1.24 1.379 0 .841-.535 2.099-.812 3.263-.23.976.488 1.771 1.45 1.771 1.739 0 2.913-2.236 2.913-4.888 0-2.014-1.355-3.521-3.823-3.521-2.787 0-4.524 2.08-4.524 4.402 0 .801.236 1.365.606 1.801.17.201.193.284.132.514-.045.168-.145.576-.188.736-.061.233-.25.315-.46.229-1.284-.522-1.882-1.93-1.882-3.512 0-2.609 2.201-5.74 6.568-5.74 3.509 0 5.817 2.539 5.817 5.266.004 3.606-2 6.299-4.955 6.299z"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-inline-view-wrap">
|
||||
<a href="#" target="_blank" class="cbp-l-inline-view">VIEW PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
192
templates/lightbox-gallery/index.html
Normal file
192
templates/lightbox-gallery/index.html
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
<!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="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: 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/b385a1" 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/af2769" 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/abc930" 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/69cdd8" 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/e8b5ca" 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="http://scriptpie.com/cubeportfolio/img/?i=380x285/68638c" 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="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>
|
||||
71
templates/lightbox-gallery/js/main.js
Normal file
71
templates/lightbox-gallery/js/main.js
Normal file
|
|
@ -0,0 +1,71 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-lightbox-gallery').cubeportfolio({
|
||||
filters: '#js-filters-lightbox-gallery1, #js-filters-lightbox-gallery2',
|
||||
layoutMode: 'grid',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3,
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
caption: '',
|
||||
}
|
||||
}],
|
||||
defaultFilter: '*',
|
||||
animationType: 'flipOutDelay',
|
||||
gapHorizontal: 10,
|
||||
gapVertical: 10,
|
||||
gridAdjustment: 'responsive',
|
||||
caption: 'overlayBottomAlong',
|
||||
displayType: 'sequentially',
|
||||
displayTypeSpeed: 100,
|
||||
|
||||
// lightbox
|
||||
lightboxDelegate: '.cbp-lightbox',
|
||||
lightboxGallery: true,
|
||||
lightboxTitleSrc: 'data-title',
|
||||
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
|
||||
|
||||
// singlePageInline
|
||||
singlePageInlineDelegate: '.cbp-singlePageInline',
|
||||
singlePageInlinePosition: 'below',
|
||||
singlePageInlineInFocus: true,
|
||||
singlePageInlineCallback: function(url, element) {
|
||||
// to update singlePageInline content use the following method: this.updateSinglePageInline(yourContent)
|
||||
var t = this;
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'GET',
|
||||
dataType: 'html',
|
||||
timeout: 30000
|
||||
})
|
||||
.done(function(result) {
|
||||
|
||||
t.updateSinglePageInline(result);
|
||||
|
||||
})
|
||||
.fail(function() {
|
||||
t.updateSinglePageInline('AJAX Error! Please refresh the page!');
|
||||
});
|
||||
},
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-lightbox-gallery',
|
||||
action: 'click',
|
||||
loadItems: 3,
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
102
templates/masonry-projects/ajax-masonry-projects/loadMore.html
Normal file
102
templates/masonry-projects/ajax-masonry-projects/loadMore.html
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
<div class="graphic web-design cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/8c6fd2" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project17.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Mountaineer<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project17.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Mountaineer</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / logo</div>
|
||||
</div>
|
||||
<div class="graphic logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/e837a4" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project14.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/48939a" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Timezone Mgmt<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project14.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Timezone Mgmt</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / logo</div>
|
||||
</div>
|
||||
<div class="identity logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/08f7a8" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project18.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c77b8c" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Archiview<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project18.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Archiview</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / logo</div>
|
||||
</div>
|
||||
<div class="identity web-design cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/71da64" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project16.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/305f48" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Website Lightbox<br>by Paul Flavius Nechita">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project16.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Website Lightbox</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">identity</div>
|
||||
</div>
|
||||
<div class="graphic web-design cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/517c33" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project13.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f13454" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Shopping Gallery<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project13.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Shopping Gallery</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
<div class="graphic logos cbp-item">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/d6f179" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project15.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Story Book<br>by Cosmin Capitanu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project15.html" class="cbp-l-grid-masonry-projects-title cbp-singlePage" rel="nofollow">Story Book</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">Graphic / Logo</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2fe6bd" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Bills Bills Bills</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/eb6888" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Generic Apps</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/3115da" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project12.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">Speed Detector</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<div class="cbp-l-project-title">Speed Detector</div>
|
||||
<div class="cbp-l-project-subtitle">You are an outstanding athlete and you need to measure your skills !</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/877053" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/86603468" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//player.vimeo.com/video/27260633" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b611ec" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ee3501" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Shopping Gallery</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c9aaa8" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/097189" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Timezone Mgmt</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/112517" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Story Book</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/aeceaf" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Website Lightbox</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6c8096" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Mountaineer</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/900d09" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Archiview</div>
|
||||
<div class="cbp-l-project-subtitle">by Cosmin Capitanu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/4da764" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">World Clock</div>
|
||||
<div class="cbp-l-project-subtitle">by Paul Flavius Nechita</div>
|
||||
|
||||
<div class="cbp-slider" style="max-width: 800px">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/923c25" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container" style="max-width: 800px">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">To-Do Dashboard</div>
|
||||
<div class="cbp-l-project-subtitle">Work management platform for creatives with a lot of cool features. Easier.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f13454" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/35fadd" alt="">
|
||||
<div class="cbp-l-project-related-title">World Clock</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b611ec" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ee3501" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">WhereTO App</div>
|
||||
<div class="cbp-l-project-subtitle">Sick of trying to find all the info I need when planning a road trip? Me too, that's why this guy came to life </div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/aeceaf" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project4.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0cf7a7" alt="">
|
||||
<div class="cbp-l-project-related-title">Events and More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/097189" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0ffedd" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Events and More</div>
|
||||
<div class="cbp-l-project-subtitle">Just attent parties by having the app pinpoint awesome events near your location - Invite Friends and Have More Fun.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/aed081" alt="">
|
||||
<div class="cbp-l-project-related-title">To-Do Dashboard</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2fe88f" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b22eba" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<div class="cbp-l-project-title">Ski Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">Track your ski results, upload them to the apps server and compete with your friends or other ski fanatics.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/4AivEQmfPpk" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/T6DJcgm3wNY" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<div class="cbp-misc-video">
|
||||
<iframe src="//www.youtube.com/embed/fnaojlfdUbs" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project5.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/494bfe" alt="">
|
||||
<div class="cbp-l-project-related-title">WhereTO App</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ea52cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/0a4392" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Seemple Music for iPad</div>
|
||||
<div class="cbp-l-project-subtitle">Upcoming music app for iPad. More info and other screens will follow shortly.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project6.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ab19cd" alt="">
|
||||
<div class="cbp-l-project-related-title">Ski * Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/af7705" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/308f13" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Remind~Me More</div>
|
||||
<div class="cbp-l-project-subtitle">Next step of the reminder widget in which you can see all the reminders you've set and ways to interact with them.</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f5928c" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project7.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/2d3e6d" alt="">
|
||||
<div class="cbp-l-project-related-title">Seemple* Music</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project9.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/ae557b" alt="">
|
||||
<div class="cbp-l-project-related-title">Workout Buddy</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b08497" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
<div class="cbp-l-project-title">Workout Buddy</div>
|
||||
<div class="cbp-l-project-subtitle">by Tiberiu Neamu</div>
|
||||
|
||||
<div class="cbp-slider">
|
||||
<ul class="cbp-slider-wrap">
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/46647e" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f0dd51" alt="">
|
||||
</li>
|
||||
<li class="cbp-slider-item">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=1200x900/71f55f" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-desc">
|
||||
<div class="cbp-l-project-desc-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, cumque, earum blanditiis incidunt minus commodi consequatur provident quae. Nihil, alias, vel consequatur ab aliquam aspernatur optio harum facilis excepturi mollitia autem voluptas cum ex veniam numquam quia repudiandae in iure. Assumenda, vel provident molestiae perferendis officia commodi asperiores earum sapiente inventore quam deleniti mollitia consequatur expedita quaerat natus praesentium beatae aut ipsa non ex ullam atque suscipit ut dignissimos magnam!</div>
|
||||
</div>
|
||||
<div class="cbp-l-project-details">
|
||||
<ul class="cbp-l-project-details-list">
|
||||
<li><strong>Client</strong>John Doe</li>
|
||||
<li><strong>Date</strong>22 July 2015</li>
|
||||
<li><strong>Categories</strong>Logo, Graphic</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="cbp-l-project-details-visit">OPEN PROJECT</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cbp-l-project-container">
|
||||
<div class="cbp-l-project-related">
|
||||
<div class="cbp-l-project-desc-title"><span>Related Projects</span></div>
|
||||
|
||||
<ul class="cbp-l-project-related-wrap">
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project8.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/319ca5" alt="">
|
||||
<div class="cbp-l-project-related-title">Remind~Me More</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project10.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/33cbc1" alt="">
|
||||
<div class="cbp-l-project-related-title">Bills Bills Bills</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="cbp-l-project-related-item">
|
||||
<a href="ajax-masonry-projects/project11.html" class="cbp-singlePage cbp-l-project-related-link" rel="nofollow">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x250/b4e2cf" alt="">
|
||||
<div class="cbp-l-project-related-title">Generic Apps</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
261
templates/masonry-projects/index.html
Normal file
261
templates/masonry-projects/index.html
Normal file
|
|
@ -0,0 +1,261 @@
|
|||
<!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>Masonry Layout - 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 id="js-filters-masonry-projects" 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=".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 data-filter=".logos, .graphic" class="cbp-filter-item">
|
||||
Logo & Graphic <div class="cbp-filter-counter"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-grid-masonry-projects" class="cbp cbp-l-grid-masonry-projects">
|
||||
<div class="cbp-item graphic">
|
||||
<div class="cbp-caption">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/6b4d10" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2ad2f3" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project1.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">BeenTo</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x360/2dcd64" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8d285b" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock<br>by Paul Flavius Nechita">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project2.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">World Clock</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">logos / 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=380x360/8ef4af" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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>
|
||||
<a href="ajax-masonry-projects/project3.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">To-Do Dashboard</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / logos</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=380x570/0fb6fc" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="WhereTO App<br>by Tiberiu Neamu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project5.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">WhereTO App</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">web design / identity</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=380x570/3329fb" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project5.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/f2adde" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Events and More<br>by Tiberiu Neamu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project4.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Events and More</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x360/0ddda1" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project6.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6d3898" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Ski * Buddy<br>by Tiberiu Neamu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project6.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Ski * Buddy</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x360/296f2c" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project7.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/89ca22" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Seemple* Music<br>by Tiberiu Neamu">view larger</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project7.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Seemple* Music</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / logos</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=380x360/2cd735" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project8.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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>
|
||||
<a href="ajax-masonry-projects/project8.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Remind~Me More</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x570/0d87e0" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project9.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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>
|
||||
<a href="ajax-masonry-projects/project9.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Workout Buddy</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x360/4730d3" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project10.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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>
|
||||
<a href="ajax-masonry-projects/project10.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Bills Bills Bills</a>
|
||||
<div class="cbp-l-grid-masonry-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=380x360/4b8e0b" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project11.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">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>
|
||||
<a href="ajax-masonry-projects/project11.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Generic Apps</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">identity / logos</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=380x360/d4c25d" alt="">
|
||||
</div>
|
||||
<div class="cbp-caption-activeWrap">
|
||||
<div class="cbp-l-caption-alignCenter">
|
||||
<div class="cbp-l-caption-body">
|
||||
<a href="ajax-masonry-projects/project12.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">more info</a>
|
||||
<a href="http://vimeo.com/877053" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Speed Detector<br>by Cosmin Capitanu">view video</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="ajax-masonry-projects/project12.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title" rel="nofollow">Speed Detector</a>
|
||||
<div class="cbp-l-grid-masonry-projects-desc">graphic / web design</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="js-loadMore-masonry-projects" class="cbp-l-loadMore-button">
|
||||
<a href="ajax-masonry-projects/loadMore.html" class="cbp-l-loadMore-link" rel="nofollow">
|
||||
<span class="cbp-l-loadMore-defaultText">LOAD MORE (<span class="cbp-l-loadMore-loadItems">6</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>
|
||||
72
templates/masonry-projects/js/main.js
Normal file
72
templates/masonry-projects/js/main.js
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
(function($, window, document, undefined) {
|
||||
'use strict';
|
||||
|
||||
// init cubeportfolio
|
||||
$('#js-grid-masonry-projects').cubeportfolio({
|
||||
filters: '#js-filters-masonry-projects',
|
||||
layoutMode: 'grid',
|
||||
defaultFilter: '*',
|
||||
animationType: 'quicksand',
|
||||
gapHorizontal: 35,
|
||||
gapVertical: 25,
|
||||
gridAdjustment: 'responsive',
|
||||
mediaQueries: [{
|
||||
width: 1500,
|
||||
cols: 5,
|
||||
}, {
|
||||
width: 1100,
|
||||
cols: 4,
|
||||
}, {
|
||||
width: 800,
|
||||
cols: 3
|
||||
}, {
|
||||
width: 480,
|
||||
cols: 2,
|
||||
options: {
|
||||
caption: '',
|
||||
gapHorizontal: 25,
|
||||
gapVertical: 10,
|
||||
}
|
||||
}],
|
||||
caption: 'zoom',
|
||||
displayType: 'fadeIn',
|
||||
displayTypeSpeed: 100,
|
||||
|
||||
// lightbox
|
||||
lightboxDelegate: '.cbp-lightbox',
|
||||
lightboxGallery: true,
|
||||
lightboxTitleSrc: 'data-title',
|
||||
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
|
||||
|
||||
// singlePage popup
|
||||
singlePageDelegate: '.cbp-singlePage',
|
||||
singlePageDeeplinking: true,
|
||||
singlePageStickyNavigation: true,
|
||||
singlePageCounter: '<div class="cbp-popup-singlePage-counter">{{current}} of {{total}}</div>',
|
||||
singlePageCallback: function(url, element) {
|
||||
// to update singlePage content use the following method: this.updateSinglePage(yourContent)
|
||||
var t = this;
|
||||
|
||||
$.ajax({
|
||||
url: url,
|
||||
type: 'GET',
|
||||
dataType: 'html',
|
||||
timeout: 30000
|
||||
})
|
||||
.done(function(result) {
|
||||
t.updateSinglePage(result);
|
||||
})
|
||||
.fail(function() {
|
||||
t.updateSinglePage('AJAX Error! Please refresh the page!');
|
||||
});
|
||||
},
|
||||
|
||||
plugins: {
|
||||
loadMore: {
|
||||
element: '#js-loadMore-masonry-projects',
|
||||
action: 'click',
|
||||
loadItems: 3,
|
||||
}
|
||||
},
|
||||
});
|
||||
})(jQuery, window, document);
|
||||
226
templates/masonry/index.html
Normal file
226
templates/masonry/index.html
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
<!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>Masonry Layout - 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 id="js-filters-masonry" 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="js-grid-masonry" class="cbp">
|
||||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/c77b8c" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/08f7a8" 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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/a78bc9" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/4730d3" 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 href="https://www.youtube.com/watch?v=3wbvpOIIBQA" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/296f2c" 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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/6eee29" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/0d87e0" 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</div>
|
||||
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item identity">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/701d46" 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=380x570/0fb6fc" 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 class="cbp-l-caption-desc">by Tiberiu Neamu</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/2c0110" class="cbp-caption cbp-lightbox" data-title="Remind~Me More<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/cca519" 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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/8d285b" 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=380x360/2dcd64" 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 href="http://vimeo.com/156783#" class="cbp-caption cbp-lightbox" data-title="Volume Knob<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/8ef4af" 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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/edd61b" class="cbp-caption cbp-lightbox" data-title="Ski * Buddy<br>by Tiberiu Neamu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x570/8c6fd2" 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 href="https://www.youtube.com/watch?v=dChhzNGHgnA" class="cbp-caption cbp-lightbox" data-title="Virtualization Icon<br>by Paul Flavius Nechita">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/517c33" 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 href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/76aa9a" 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=380x360/d6f179" 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 class="cbp-l-caption-desc">by Paul Flavius Nechita</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="cbp-item web-design graphic">
|
||||
<a href="http://scriptpie.com/cubeportfolio/img/?i=1200x900/747b7e" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
|
||||
<div class="cbp-caption-defaultWrap">
|
||||
<img src="http://scriptpie.com/cubeportfolio/img/?i=380x360/d4c25d" 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>
|
||||
|
||||
<!-- 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>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Reference in a new issue