Sha256: 24d08f41ee706080cb55f6bc5ec9d014c27c8cc9a127d137545bbd7e8f3aae61

Contents?: true

Size: 1.56 KB

Versions: 1

Compression:

Stored size: 1.56 KB

Contents

<body>

	<div class="flip">
		<div class="container">
			
			<div class="front">
				<div class="row">
					<div class="large-12 columns">
						<h1>This is the front of the page.</h1>
						<p>On the back of this page is the nav.</p>
					
						<a href="#" class="flip-this">Menu</a>

						<ul class="small-block-grid-2 large-block-grid-4">
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
							<li><img src="http://placehold.it/500x500" /></li>
						</ul>
					</div>
				</div>
			</div>

			<nav class="back">
				<div class="row">
					<div class="large-12 columns">
						<ul class="side-nav">
							<li><a href="#">Item 1</a></li>
							<li><a href="#">Item 2</a></li>
							<li><a href="#">Item 3</a></li>
							<li><a href="#">Item 4</a></li>
							<li><a href="#">Item 5</a></li>
						</ul>

						<a href="#" class="flip-this">Close</a>
					</div>
				</div>
			</nav>

		</div>
	</div>


	<%= render "_test-scripts.html.erb" %>

</body>

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
modularis-0.0.1 docs/test/flip-nav.html.erb