Skip to content

Instantly share code, notes, and snippets.

@filkinsteez
Created May 29, 2014 04:58
Show Gist options
  • Save filkinsteez/4282dceacc02b14f454f to your computer and use it in GitHub Desktop.
Save filkinsteez/4282dceacc02b14f454f to your computer and use it in GitHub Desktop.
<div class='row' id='map-thumbnail-wrapper'>
<div class='medium-4 columns'>
<select id='map-type'>
<option class='filter'>Type of Program</option>
<option class='filter' value='borehole'><a href="#">Borehole</a></option>
<option class='filter' value='protected-spring'><a href="#">Protected Spring</a></option>
<option class='filter' value='microlending'><a href="#">Microlending</a></option>
</select>
</div>
<div class='medium-4 columns'>
<select id='map-date'>
<option class='filter'>Date Constructed</option>
<option class='filter' value='2007'>2007</option>
<option class='filter' value='2008'>2008</option>
<option class='filter' value='2009'>2009</option>
<option class='filter' value='2010'>2010</option>
<option class='filter' value='2011'>2011</option>
<option class='filter' value='2012'>2012</option>
<option class='filter' value='2013'>2013</option>
<option class='filter' value='2014'>2014</option>
</select>
</div>
<div class='medium-4 columns'>
<select id='map-county'>
<option class='filter'>County</option>
<option class='filter' value='gulu'><a href="#">Gulu</a></option>
<option class='filter' value='kampala'><a href="#">Kampala</a></option>
</select>
</div>
</div>
<div class='well-thumbnails'>
<div class='row'>
<div class='medium-2 columns'>
<div class='2014 all borehold gulu map-thumb'>
<a href="/project-map/uganda-project"><img alt="Maninfrontofwall" src="https://s3.amazonaws.com/cwi-dev/cms/files/files/000/000/024/original/maninfrontofwall.jpg" /></a>
<div class='map-yellow'></div>
<div class='map-align-mid'>
<div class='thumb-text-wrapper'>
Uganda Project
</div>
</div>
</div>
</div>
<div class='medium-2 columns'>
<div class='2011 all kampala map-thumb protected-spring'>
<a href="/project-map/another-well-we-dug"><img alt="Twochildren" src="https://s3.amazonaws.com/cwi-dev/cms/files/files/000/000/027/original/twochildren.jpg" /></a>
<div class='map-yellow'></div>
<div class='map-align-mid'>
<div class='thumb-text-wrapper'>
Another Well We Dug
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment