---
title: collection
body_class: standard
---

<%= partial "views/common/header", :locals => { :css_class => "", :data_attr => ""  } %> 
<%= partial "views/common/navigation" %>

<%= partial "views/common/page-header", :locals => { :title => "Collection", :sub_nav => false, :css_class => "", :style => "" } %>


<form class="search-bar" data-search-bar>
	
		<div class="top" data-search-bar-top>
			<div class="container">
				<div class="select select--collection select--large" data-select>
					<select>
						<option selected="" value="all">All Archieve Material</option>
						<option value="archieve">Physical Collection</option>
						<option value="opt2">Libary collection</option>
					</select>
				</div>

				<div class="form__field form__field--button form__field--search">
					<input type="text" name="" placeholder="MAKE A SEARCH" />
					<button><i></i></button>
				</div>
			</div>
		</div>

		<div class="bottom">
			<div class="container">
				<div class="select select--large" data-select>
					<select> 
						<option selected="" value="all">Content type</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
						<option value="option">option</option><option value="option">option</option>
					</select>
				</div>
				
				<div class="select select--large">
					<select>
						<option>Media / Format</option>
					</select>
				</div>

				<div class="select select--large">
					<select>
						<option>Access</option>
					</select>
				</div>

				<div class="select select--large">
					<select>
						<option>Language</option>
					</select>
				</div>
			</div>
		</div>


</form>

<main>
	<section class="container">
		
		<div class="cards cards--collection"> 
		
			<div class="card--col_4 card--info">
				<h2>27 archive collections</h2>
				<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum
				id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum 
				id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. risus varius blandit sit amet non magna.
				</p>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/card.jpg" alt=""/>  

						<div class="card__wrap__overlay">
					    	<span>Hans Van Dijk</span>
					    	<p>Hans van Dijk 戴漢志 (1946-2002) was a researcher, curator, and dealer for Chinese contemporary art active in Beijing for most of the 1990s.</p>
					    </div>
					</div> 
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">450 Items</span>
			        	<h2 class="title">Hans van Dijk Archive 戴漢志檔案</h2>
			        	<p class="caption">(1946-2002)</p>
				    </div>
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/card.jpg" alt=""/>  

						<div class="card__wrap__overlay">
					    	<span>Hans Van Dijk</span>
					    	<p>Hans van Dijk 戴漢志 (1946-2002) was a researcher, curator, and dealer for Chinese contemporary art active in Beijing for most of the 1990s.</p>
					    </div>
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">450 Items</span>
			        	<h2 class="title">Hans van Dijk Archive 戴漢志檔案</h2>
			        	<p class="caption">(1946-2002)</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/card.jpg" alt=""/>  

						<div class="card__wrap__overlay">
					    	<span>Hans Van Dijk</span>
					    	<p>Hans van Dijk 戴漢志 (1946-2002) was a researcher, curator, and dealer for Chinese contemporary art active in Beijing for most of the 1990s.</p>
					    </div>
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">450 Items</span>
			        	<h2 class="title">Hans van Dijk Archive 戴漢志檔案</h2>
			        	<p class="caption">(1946-2002)</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/card.jpg" alt=""/>  

						<div class="card__wrap__overlay">
					    	<span>Hans Van Dijk</span>
					    	<p>Hans van Dijk 戴漢志 (1946-2002) was a researcher, curator, and dealer for Chinese contemporary art active in Beijing for most of the 1990s.</p>
					    </div>
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">450 Items</span>
			        	<h2 class="title">Hans van Dijk Archive 戴漢志檔案</h2>
			        	<p class="caption">(1946-2002)</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/card.jpg" alt=""/>  

						<div class="card__wrap__overlay">
					    	<span>Hans Van Dijk</span>
					    	<p>Hans van Dijk 戴漢志 (1946-2002) was a researcher, curator, and dealer for Chinese contemporary art active in Beijing for most of the 1990s.</p>
					    </div>
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">450 Items</span>
			        	<h2 class="title">Hans van Dijk Archive 戴漢志檔案</h2>
			        	<p class="caption">(1946-2002)</p>
				    </div>  
				</div>
			</div>

			<div class="cards__load-more">
				<button>Load more</button>
			</div>

		</div>

		<div class="cards cards--collection">
		
			<div class="card--col_4 card--info">
				<h2>About Series 1: The future</h2>
				<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum
				id ligula porta felis euismod semper. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum 
				id ligula porta felis euismod semper. Nullam id dolor id nibh ultricies vehicula ut id elit. risus varius blandit sit amet non magna.
				</p>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/700x500.jpg" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">9999 Images</span>
			        	<h2 class="title">What’s next for contemporary art?</h2>
			        	<p class="caption">Find out what we predict for the future 
of contemporary art in Asia</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/700x500.jpg" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">9999 Images</span>
			        	<h2 class="title">What’s next for contemporary art?</h2>
			        	<p class="caption">Find out what we predict for the future 
of contemporary art in Asia</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/700x500.jpg" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">9999 Images</span>
			        	<h2 class="title">What’s next for contemporary art?</h2>
			        	<p class="caption">Find out what we predict for the future 
of contemporary art in Asia</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/700x500.jpg" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">9999 Images</span>
			        	<h2 class="title">What’s next for contemporary art?</h2>
			        	<p class="caption">Find out what we predict for the future 
of contemporary art in Asia</p>
				    </div>  
				</div>
			</div>

			<div class="card--col_4">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/700x500.jpg" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type files">9999 Images</span>
			        	<h2 class="title">What’s next for contemporary art?</h2>
			        	<p class="caption">Find out what we predict for the future 
of contemporary art in Asia</p>
				    </div>  
				</div>
			</div>

			<div class="cards__load-more">
				<button>See All</button>
			</div>

		</div>

	</section>
</main>

<%= partial "views/common/footer" %>