Home My Life

My Life

My Life





















IMG




blogger image



My Life


ScreenShot  at




P Fotor Collage



blogger image




REM




SAM   Fotor Collage


ScreenShot  at


ScreenShot  at


ScreenShot  at






























peace i leave with you



blogger image




blogger image




blogger image



blogger image



blogger image



blogger image




blogger image



blogger image



blogger image



blogger image




blogger image



My Life




My Life




ScreenShot  at



ScreenShot  at




Fotor Collage




KITCHEN amp DINING




Screen Shot    at




Screen Shot    at




blogger image




blogger image




new job



blogger image




blogger image




ScreenShot  at



blogger image

/* —- button —- */

.button {
display: inline-block;
padding: 0.5em 1.0em;
margin: 0px 5px 0px 0px;
background: #ffffff;
border: none;
color: #222;
font-size: 11px;
letter-spacing:2px;
cursor:pointer;
text-transform:uppercase;
}

.button:hover {
color: #d16060;
}

.button:active,
.button.is-checked {
background-color: #d16060;
opacity: 0.8;
outline:0;
}

.button.is-checked {
color: white;
}

.button:active {
}

/* —- button-group —- */

.button-group:after {
content: ”;
display: block;
clear: both;
margin-bottom: 10px;
}

.button-group .button {
float: left;
border-radius: 0;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }

/* —- isotope —- */

.isotope {
}

/* clear fix */
.isotope:after {
content: ”;
display: block;
clear: both;
}

/* —- .element-item —- */
#title-name h3{margin:0px !important;}
#title-name {
width: 220px;
height: 41px;
position: relative;
}

#title-background {
/* background: #f8f8f8;*/
background: #f8f8f8;
color: #d16060;
/* font-family: “Droid Serif”;*/
letter-spacing:1px;
font-size: 14px;
opacity: 0.92;
top: -21px;
}

.element-item {
position: relative;
float: left;
width: 220px; /* —- .size of image —- */
height: 300px; /* —- .size of image —- */
margin: 5px;
//background: #888; /* —- .remove this for the actual thing —- */
color: #262524; /* —- .remove this for the actual thing —- */
overflow:hidden;
}

.grayscale{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: none;
}

.grayscale:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 – 9 */
-webkit-transition: all .6s ease; /* Transition for Webkit browsers */
}

.element-item > * {
margin: 0;
padding: 0;
}

$( function() {
// init Isotope
var $container = $(‘.isotope’).isotope({
itemSelector: ‘.element-item’,
layoutMode: ‘fitRows’
});
// filter functions
var filterFns = {
// show if number is greater than 50
numberGreaterThan50: function() {
var number = $(this).find(‘.number’).text();
return parseInt( number, 10 ) > 50;
},
// show if name ends with -ium
ium: function() {
var name = $(this).find(‘.name’).text();
return name.match( /ium$/ );
}
};
// bind filter button click
$(‘#filters’).on( ‘click’, ‘button’, function() {
var filterValue = $( this ).attr(‘data-filter’);
// use filterFn if matches value
filterValue = filterFns[ filterValue ] || filterValue;
$container.isotope({ filter: filterValue });
});
// change is-checked class on buttons
$(‘.button-group’).each( function( i, buttonGroup ) {
var $buttonGroup = $( buttonGroup );
$buttonGroup.on( ‘click’, ‘button’, function() {
$buttonGroup.find(‘.is-checked’).removeClass(‘is-checked’);
$( this ).addClass(‘is-checked’);
});
});

});

$(document).ready(function() {
var w = 250;
var h = 250;
$(‘.element-item’).find(‘img’).each(function(n, image){
var image = $(image);
image.attr({src : image.attr(‘src’).replace(/sBd{2,4}/,’s’ + w + ‘-h’ + h +’-c’)});
image.attr(‘width’,w);
image.attr(‘height’,h);
});
});