Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis rutrum quam. Etiam imperdiet nibh et porta interdum. Quisque nisi eros, ornare non ante laoreet, cursus laoreet diam. Donec hendrerit est risus. Integer viverra congue est eget suscipit. Curabitur et elit nisl. Nam suscipit bibendum tortor sit amet tempus. Cras urna orci, consectetur id nibh quis, rutrum facilisis sem. Vestibulum aliquet purus vel nulla interdum feugiat. Curabitur viverra sollicitudin dolor et commodo. Vivamus turpis enim, vehicula euismod venenatis in, bibendum eget urna. Duis et bibendum augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis rutrum quam. Etiam imperdiet nibh et porta interdum. Quisque nisi eros, ornare non ante laoreet, cursus laoreet diam. Donec hendrerit est risus. Integer viverra congue est eget suscipit. Curabitur et elit nisl. Nam suscipit bibendum tortor sit amet tempus. Cras urna orci, consectetur id nibh quis, rutrum facilisis sem. Vestibulum aliquet purus vel nulla interdum feugiat. Curabitur viverra sollicitudin dolor et commodo. Vivamus turpis enim, vehicula euismod venenatis in, bibendum eget urna. Duis et bibendum augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis rutrum quam. Etiam imperdiet nibh et porta interdum. Quisque nisi eros, ornare non ante laoreet, cursus laoreet diam. Donec hendrerit est risus. Integer viverra congue est eget suscipit. Curabitur et elit nisl. Nam suscipit bibendum tortor sit amet tempus. Cras urna orci, consectetur id nibh quis, rutrum facilisis sem. Vestibulum aliquet purus vel nulla interdum feugiat. Curabitur viverra sollicitudin dolor et commodo. Vivamus turpis enim, vehicula euismod venenatis in, bibendum eget urna. Duis et bibendum augue.
Uses the Selectize plugin.
$('default-select').selectize();
//The HTML select tag needs an attribute of "multiple"
$('#select-state').selectize({
maxItems: 3
});
$('#select-country').selectize();
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae
, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida consectetur turpis sodales dignissim. Phasellus a vulputate orci, ut tincidunt turpis. Aliquam venenatis dui tempor nulla pellentesque porta. Nulla accumsan, ligula ac hendrerit mattis, ipsum nibh gravida dolor, vitae mattis urna enim sit amet mi. Nullam sit amet sapien velit. Fusce rutrum erat diam, varius pulvinar lectus finibus ac. Vivamus commodo sem urna, laoreet faucibus arcu pellentesque pretium.
For simplicuty this is wrapped up into an Agular directive. The following attributes are needed on the parent div:
The directive adds all other required classes and markup:
Retail Advertised Values
Vestibulum ut vestibulum purus, eu venenatis dolor. Fusce nec nunc convallis, auctor velit ac, condimentum mi. Suspendisse ut nulla tortor. Donec ullamcorper rutrum congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer at finibus leo. Integer vel massa dui. Sed sapien ligula, porttitor vel varius non, consequat ut tortor.
Retail Advertised Values
Vestibulum ut vestibulum purus, eu venenatis dolor. Fusce nec nunc convallis, auctor velit ac, condimentum mi. Suspendisse ut nulla tortor. Donec ullamcorper rutrum congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer at finibus leo. Integer vel massa dui. Sed sapien ligula, porttitor vel varius non, consequat ut tortor.
The following table has these classes:
Derivative | 12/20 | 18/30 | 24/40 | 30/50 | 36/60 | 42/70 |
---|---|---|---|---|---|---|
316d ES 4dr Saloon (2012 ----) (ID: 53608) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr Step Auto Saloon (2012 ----) (ID: 53609) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr [Business Media] Saloon (2012 ----) (ID: 58291) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
The following table has these classes:
Derivative | 12/20 | 18/30 | 24/40 | 30/50 | 36/60 | 42/70 | 48/80 | 54/90 | 60/100 | 66/110 |
---|---|---|---|---|---|---|---|---|---|---|
316d ES 4dr Saloon (2012 ----) (ID: 53608) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr Step Auto Saloon (2012 ----) (ID: 53609) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr [Business Media] Saloon (2012 ----) (ID: 58291) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr Step Auto [Business Media] Saloon (2012 ----) (ID: 58292) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
316d ES 4dr [Professional Media] Saloon (2012 ----) (ID: 58293) | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 | 00.00 |
Appraised Value | ||
Clean | ||
Average | ||
Below | ||
Retail |
The following table has these classes:
Derivative | 12/20 | 18/30 | 24/40 | 30/50 | 36/60 | 42/70 |
---|---|---|---|---|---|---|
316d ES 4dr Saloon (2012 ----) (ID: 53608) | 10.00 | 20.00 | 30.00 | 40.00 | 50.00 | 60.00 |
316d ES 4dr Step Auto Saloon (2012 ----) (ID: 53609) | 02.00 | 03.00 | 05.00 | 02.00 | 01.00 | 00.00 |
316d ES 4dr [Business Media] Saloon (2012 ----) (ID: 58291) | 10.00 | 20.00 | 40.00 | 20.00 | 40.00 | 03.00 |
This uses an AngularJS directive of "mileage". This directive will apply the necessary HTML to display the mileage correctly.
$('input.datepicker').Zebra_DatePicker({format: "d-m-Y"});
$('input.datepicker-years').Zebra_DatePicker({
view: 'years',format: "d-m-Y"
});
This uses an Angular.js directive to inject the correct HTML into the list. All that is needed is the class of 'cap-list-tick'
FAQs
What does "Trade in Clean" mean?
A car that is "Trade in Clean" would meet these criteria:
- Ready for the dealer to sell requiring little or no refurbishment
- Mechanically sound
Slider used: ion.rangeSlider
$("#example_1").ionRangeSlider({ min: 0, max: 5000, type: 'double', gridMargin: 7 });
$("#example_2").ionRangeSlider({ min: 0, max: 5000, gridMargin: 7 });
This is some panel content
This is some panel content
Vestibulum ut vestibulum purus, eu venenatis dolor. Fusce nec nunc convallis, auctor velit ac, condimentum mi. Suspendisse ut nulla tortor. Donec ullamcorper rutrum congue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer at finibus leo. Integer vel massa dui. Sed sapien ligula, porttitor vel varius non, consequat ut tortor.
© CAP 2014