AppyKit - Priceboxes

Back to components list

Pricebox-1

Example of heading

Lorem ipsum dolor sit amet consectetur adipisicing.

Basic

$9.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Standard

$49.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Premuim

$99.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Show code

Pricebox-1

Styles for this element are stored in:

app/sass/componentsStyles/_pricebox-1.sass

Pricebox-2

Example of heading

Lorem ipsum dolor sit amet consectetur adipisicing.

Basic

$9.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Standard

$49.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Premuim

$99.99
Monthly
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Basic

$29.99
Year
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Standard

$99.99
Year
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Premuim

$190.00
Year
  • 50gb something
  • 124h hello world
  • something & something
  • 24h support

Show code


// pricebox-2 start
(function pricebox_2() {
	//Navigation Tabs
	$('.flying-tabs .flying-child').on('click', function () {
		var tab_id = $(this).attr('data-tab');

		$(this).siblings('.flying-child').removeClass('is-active');
		$(this).closest('.flying-wrapper').find('.flying-tabs-content').children('.tab-content').removeClass('is-active');

		$(this).addClass('is-active');
		$("#" + tab_id).addClass('is-active');
	})
})()				
// pricebox-2 end
						

Pricebox-2

Styles for this element are stored in:

app/sass/componentsStyles/_pricebox-2.sass