Takerrim

.slide-toggle-enter-active,
.slide-toggle-leave-active {
  transition: all 0.4s;
  max-height: 220px;
}
.slide-toggle-enter,
.slide-toggle-leave-to {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;

Takerrim

header 
	height: 100vh
	background: url(../images/bg-header.jpg) no-repeat center/cover
	position: relative
	width: 100%
	&:before
		content: ''
		position: absolute
		top: 0
		right: 0

Takerrim

$('.up').click(function(){
		$('html,body').animate({scrollTop: 0}, 500);
	});
	$(document).scroll(function(){
		if($(document).scrollTop()>0) {
			$('.up').fadeIn();
		}	else {
			$('.up').fadeOut();
		}	
	});

Takerrim

$('.wrapper h1').click(function(){
$(this).next("p").slideToggle()
.siblings("p:visible").slideUp();
});

Takerrim

$(function() {
	$('.item').magnificPopup({
		type: 'image',
		gallery : {
			enabled : true
		}
	});
});

Takerrim

$('.header').click(function(){
  $(this).toggleClass('active');
  $(this).next().slideToggle();
})

Takerrim

div img
	width: 378px
	height: 550px
	transition: all 0.5s ease
	&:hover
		transform: scale(1.05) translateY(-13px)
		box-shadow: inset 0 0 0 23px #53ea93