Base

Base item - xs and sm

A base item with a border around the image and a grey background, added by the has-frame class.

Toggle source (Jade)
+item()
	+item-thumb('#', false).has-frame
		+image(
			'sm',
			null, null,
			[70,70], ['http://placehold.it/70x70'],
			[70,70], ['http://placehold.it/70x70'])
	+item-content()
		+item-title('#').h4.t-bold
			| Awesome guitar, used by Steve Vai
		+item-description()
			| You should buy this awesome guitar because Steve Vai played it with his teeth while it was on fire
		+item-info()
			| Rs. 
			strong 6438500000

Base item - lg

A base item with a border around the image and a grey background, added by the has-frame class.

Toggle source (Jade)
+item()
	+item-thumb('#', false).has-frame
		+image(
			'lg',
			null, ['http://placehold.it/160x90'])
	+item-content()
		+item-title('#').h4.t-bold
			| Awesome guitar, used by Steve Vai. This title is really long to illustrate what happens when the text spans two lines and then some. This is not normal but similar ads do not span this much width, typically.
		+item-description()
			| You should buy this awesome guitar because Steve Vai played it with his teeth while it was on fire. You should buy this awesome guitar because Steve Vai played it with his teeth while it was on fire. You should buy this awesome guitar because Steve Vai played it with his teeth while it was on fire.
		+item-info()
			| Rs. 
			strong 6438500000