<?php include('header.php'); ?>



			<div>

				<ul class="breadcrumb">

					<li>

						<a href="#">Home</a> <span class="divider">/</span>

					</li>

					<li>

						<a href="#">Gallery</a>

					</li>

				</ul>

			</div>



			<div class="row-fluid sortable">

				<div class="box span12">

					<div class="box-header well" data-original-title>

						<h2><i class="icon-picture"></i> Gallery</h2>

						<div class="box-icon">

							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>

							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>

							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

						</div>

					</div>

					<div class="box-content">

						<p class="center">

							<button id="toggle-fullscreen" class="btn btn-large btn-primary visible-desktop" data-toggle="button">Toggle Fullscreen</button>

						</p>

						<br/>

						<ul class="thumbnails gallery">

							<?php for($i=1;$i<=24;$i++) { ?>

							<li id="image-<?php echo $i ?>" class="thumbnail">

								<a style="background:url(img/gallery/thumbs/<?php echo $i ?>.jpg)" title="Sample Image <?php echo $i ?>" href="img/gallery/<?php echo $i ?>.jpg"><img class="grayscale" src="img/gallery/thumbs/<?php echo $i ?>.jpg" alt="Sample Image <?php echo $i ?>"></a>

							</li>

							<?php } ?>

						</ul>

					</div>

				</div><!--/span-->

			

			</div><!--/row-->

    

<?php include('footer.php'); ?>

