Appy - Screenshots

Back to components list

Screenshots-1

Your heading section

Lorem ipsum dolor sit amet consectetur adipisicing.

img
img
img
img

Show code


// swiper appscreen slider start
$(document).ready(function() {

	'use strict';

	var swiper = new Swiper('.appScreen__swiperContainer', {
	effect: 'coverflow',
	loop: true,
	grabCursor: true,
	centeredSlides: true,
	slidesPerView: 'auto',
	coverflowEffect: {
		rotate: 50,
		stretch: 0,
		depth: 100,
		modifier: 1,
		slideShadows : false,
	},
	pagination: {
		el: '.appScreen__pagination',
	},
});

});
// swiper appscreen slider end
									

screenshots-1.sass

Styles for this element are stored in:

app/sass/componentsStyles/_screenshots-1.sass

Screenshots-2

Your heading section

Lorem ipsum dolor sit amet consectetur adipisicing.

img
img
img
img
img

Show code


// swiper appscreen-2 slider start
$(document).ready(function() {

	'use strict';

	var swiper = new Swiper('.appScreen-2__swiperContainer', {
	effect: 'coverflow',
	loop: true,
	grabCursor: true,
	centeredSlides: true,
	slidesPerView: 'auto',
	coverflowEffect: {
		rotate: 50,
		stretch: 0,
		depth: 100,
		modifier: 1,
		slideShadows : false,
	}
});

});
// swiper appscreen-2 slider end
									

screenshots-2.sass

Styles for this element are stored in:

app/sass/componentsStyles/_screenshots-2.sass

Screenshots-3

Your heading section

Lorem ipsum dolor sit amet consectetur adipisicing.

img
img
img
img

Show code


// screenshots-3 start
$(document).ready(function() {

	'use strict';

	var swiper = new Swiper('.appScreen-3__swiperContainer', {
	effect: 'coverflow',
	loop: true,
	grabCursor: true,
	centeredSlides: true,
	slidesPerView: 'auto',
	coverflowEffect: {
		rotate: 50,
		stretch: 0,
		depth: 100,
		modifier: 1,
		slideShadows : false,
	},
	pagination: {
		el: '.swiper-pagination',
	},
});

});					
// screenshots-3 end
									

screenshots-3.sass

Styles for this element are stored in:

app/sass/componentsStyles/_screenshots-3.sass