Collections

Discover our handpicked tech collections and get inspired

<section ai-important="widgetxu9y68">
						<ul class="horizontal wrap prime-album">
							<li ai-repeat="items" ai-style="width: {{100 / columns}}%" class="vertical">
								<div class="items-box">
									<ol ai-class="{{theme}}" class="horizontal wrap">
										<li ai-class="flex:$index, item-{{$index}}" ai-repeat-image="item.image" class="vertical center"><a ai-attr-href="item.url"><img ai-attr-data-src="image" alt="" src="//i.alicdn.com/ae-ams-ui/1.1.1/widget/common/image/placeholder.png" /> <span ai-attr-title="item.title" ai-if="theme === 'mashup' && !$index && (item.total || item.title)" class="horizontal justified align-center desc-box"> <span>{{item.title}}</span> <span ai-if="item.total" class="total-box"><strong>{{item.total}}</strong> items</span> </span> </a></li>
									</ol>
									
									<div class="horizontal wrap align-center justified no-flexbox-legacy detail-box">
										<div ai-if="Array.isArray(item.tags)" class="tags"><i class="glyph glyph-tags"></i> {{item.tags.join(' + ')}}</div>

<div ai-if="item.favours" class="favours"><i class="glyph glyph-favour"></i> <span>{{item.favours}}</span></div>

<div ai-if="theme !== 'mashup' && item.total" class="total">{{item.total}} items</div>

<div ai-if="item.discount" class="discount">From {{item.discount}}% off</div>
									</div>

<div ai-if="item.avatar && item.author && item.content" class="horizontal align-center wrap user-box"><img ai-attr-src="item.avatar" ai-if="item.avatar" alt="" class="avatar" />
										<div ai-if="item.author" class="author">{{item.author}}</div>

<div ai-if="item.content" class="content">{{item.content}}</div>
									</div>
								</div>
							</li>
						</ul>
						<div ai-if="loading" class="loader-wrap loader">
							<div class="loading round">Loading...</div>
						</div>
					</section>