---
title: Home
body_class: home
---

<%= partial "views/common/header", :locals => { :css_class => "header--home", :data_attr => "data-header-home", :home_logo => true } %>

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

<div class="home-feature">

	<div class="home-feature__slider">
		<div class="home-feature__slider__slide" style="background-image:url('images/dev/home/banner1.jpg');">
			<div class="overlay"></div>
			<div class="wrap">
				<span>Programme</span>
				<h1>15 INVITATIONS | RUANGRUPA: TOKO PURA-PURA</h1>
				<h2>MON, 29 AUG–FRI, 30 SEP 2016</h2>
			</div> 
		</div>
		<div class="home-feature__slider__slide" style="background-image:url('images/dev/home/banner2.jpg');">
			<div class="overlay"></div>
			<div class="wrap">
				<h1>Lorem ipsum dolor sit amet</h1>
				<h2>Sub Lorem ipsum</h2>
			</div> 
		</div>
		<div class="home-feature__slider__slide" style="background-image:url('images/dev/home/banner1.jpg');">
			<div class="overlay"></div>
			<div class="wrap">
				<span>Programme</span>
				<h1>15 INVITATIONS | RUANGRUPA: TOKO PURA-PURA</h1>
				<h2>MON, 29 AUG–FRI, 30 SEP 2016</h2>
			</div> 
		</div>
	</div>
	<div class="home-feature__dots">
		<span class="active" data-slide="0"></span>
		<span data-slide="1"></span>
		<span data-slide="2"></span>
	</div>
</div>

<div class="home-container">

	<section class="container--lg home-form" data-fadein="home-search">
		<form class="">
			<div class="form__field form__field--button form__field--search">
				<input type="text" placeholder="SEARCH THE COLLECTION..." />
				<button><i></i></button>
			</div>
		</form>
	</section>

	<section class="container--lg">
		<%= partial "views/style-guide/cards_features_masonry_home" %> 
	</section>

	<section class="container--lg">

		<div class="section-heading">
			<h2>Highlights from the collection</h2>
			<a href="#" class="btn btn--link">See more</a>
		</div>

		<div class="cards">
			<div class="card--col_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object4.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object2.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object3.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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>
	</section>

	<section class="container--lg">

		<div class="section-heading">
			<h2>Latest Stories</h2>
			<a href="#" class="btn btn--link">See more</a>
		</div>

		<div class="cards">
			<div class="card--col_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object4.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object2.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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_3">
				<div class="card__wrap">
					<div class="card__wrap__image">
						<img src="images/dev/cards/object3.png" alt=""/> 
					</div>
					<a href="#0" class="card__wrap__link">Read more</a>
				    <div class="card__wrap__inner">
			        	<span class="type">Resource | Art Writing</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>
	</section>

</div>

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