Saltside UI Demo

Similar item - xs and sm

+item().is-similar
	+item-thumb('#', false)
		+image(
			'sm',
			null, null,
			null, ['http://placehold.it/90x70'],
			[90,70], ['http://placehold.it/90x70'])
	+item-content()
		+item-title('#').h4.t-bold
			| Awesome guitar, used by Steve Vai
		+item-meta()
			b 3&nbsp;
			| Bedrooms
			b &nbsp;2&nbsp;
			| Bathrooms
		+item-location()
			| Level 2 location, Level 1 location
		+item-info()
			strong Rs. 245,00,000 / month

Similar item - lg

The main difference between this template and the base template is that this version allows for the title and description to span over two lines.

Toggle source (Jade)

+item().is-similar
	+item-thumb('#', false)
		+image(
			'lg',
			null, ['http://placehold.it/133x110'])
	+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-meta()
			b 3&nbsp;
			| Bedrooms
			b &nbsp;2&nbsp;
			| Bathrooms
		+item-location()
			+member-badge()
				| MEMBER
			| Level 2 location, Level 1 location
		+item-info()
			strong Rs. 245,00,000 / month