code for isotope

gistfile1.html

This is a test of a modification

<%# Add .new to the anchor tag inside of .element to mark as a new item %>

<div id="container">
		
			  
		<!-- <div class="media-date photo may1">
		  <a class="new" href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p class="pinterest">Pinterest</p>
		  </a>
		</div> -->
		
			  
		<div class="media-date photo may2">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date photo may3">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may1">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may2">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may3">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date socialmedia may1">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date socialmedia may2">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date socialmedia may3">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date keepsake may1">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date keepsake may2">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date keepsake may3">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date photo socialmedia may4">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date photo video may5">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date photo keepsake may6">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may5">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may5">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may5">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
			  
		<div class="media-date video may5">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/classic_campus_scenes.jpg" alt="Classic Campus Scenes">
			<p><strong>Classic Campus Scenes</strong></p>
			<p>Pinterest</p>
		  </a>
		</div>
		
			  
		<div class="media-date may6">
		  <a href="#">
			<img src="/themes/commencement_micro2012/img/home-thumbs/ahna.jpg" alt="Meet the Grads: Ahna Lewis">
			<p><strong>Ahna Lewis</strong></p>
			<p>Meet the Grads</p>
		  </a>
		</div>
		
	  </div> <!-- #container -->