Skip to content

Instantly share code, notes, and snippets.

@filkinsteez
Created May 22, 2014 06:27
Show Gist options
  • Save filkinsteez/53d31e85cae4ff84df19 to your computer and use it in GitHub Desktop.
Save filkinsteez/53d31e85cae4ff84df19 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='deselect'>Type of Program</option>
<option class='filter' data-filter='borehole'><a href="#">Borehole</a></option>
<option class='filter' data-filter='protected-spring'><a href="#">Protected Spring</a></option>
<option class='filter' data-filter='microlending'><a href="#">Microlending</a></option>
</select>
</div>
<div class='medium-4 columns'>
<select id='map-date'>
<option class='deselect'>Date Constructed</option>
<option class='filter' data-filter='2007'><a href="#">2007</a></option>
<option class='filter' data-filter='2008'><a href="#">2008</a></option>
<option class='filter' data-filter='2009'><a href="#">2009</a></option>
<option class='filter' data-filter='2010'><a href="#">2010</a></option>
<option class='filter' data-filter='2011'><a href="#">2011</a></option>
<option class='filter' data-filter='2012'><a href="#">2012</a></option>
<option class='filter' data-filter='2013'><a href="#">2013</a></option>
<option class='filter' data-filter='2014'><a href="#">2014</a></option>
</select>
</div>
<div class='medium-4 columns'>
<select id='map-county'>
<option class='deselect'>County</option>
<option class='filter' data-filter='abim'><a href="#">Abim</a></option>
<option class='filter' data-filter='adjumani'><a href="#">Adjumani</a></option>
<option class='filter' data-filter='amolatar'><a href="#">Amolatar</a></option>
<option class='filter' data-filter='amuria'><a href="#">Amuria</a></option>
<option class='filter' data-filter='amuru'><a href="#">Amuru</a></option>
<option class='filter' data-filter='apac'><a href="#">Apac</a></option>
<option class='filter' data-filter='arua'><a href="#">Arua</a></option>
<option class='filter' data-filter='budaka'><a href="#">Budaka</a></option>
<option class='filter' data-filter='bugiri'><a href="#">Bugiri</a></option>
<option class='filter' data-filter='bukwa'><a href="#">Bukwa</a></option>
<option class='filter' data-filter='bulisa'><a href="#">Bulisa</a></option>
<option class='filter' data-filter='bundibugyo'><a href="#">Bundibugyo</a></option>
<option class='filter' data-filter='bushenyi'><a href="#">Bushenyi</a></option>
<option class='filter' data-filter='busia'><a href="#">Busia</a></option>
<option class='filter' data-filter='busiki'><a href="#">Busiki</a></option>
<option class='filter' data-filter='butaleja'><a href="#">Butaleja</a></option>
<option class='filter' data-filter='dokolo'><a href="#">Dokolo</a></option>
<option class='filter' data-filter='gulu'><a href="#">Gulu</a></option>
<option class='filter' data-filter='hoima'><a href="#">Hoima</a></option>
<option class='filter' data-filter='ibanda'><a href="#">Ibanda</a></option>
<option class='filter' data-filter='iganga'><a href="#">Iganga</a></option>
<option class='filter' data-filter='jinja'><a href="#">Jinja</a></option>
<option class='filter' data-filter='kaabong'><a href="#">Kaabong</a></option>
<option class='filter' data-filter='kabale'><a href="#">Kabale</a></option>
<option class='filter' data-filter='kabarole'><a href="#">Kabarole</a></option>
<option class='filter' data-filter='kaberamaido'><a href="#">Kaberamaido</a></option>
<option class='filter' data-filter='kabingo'><a href="#">Kabingo</a></option>
<option class='filter' data-filter='kalangala'><a href="#">Kalangala</a></option>
<option class='filter' data-filter='kaliro'><a href="#">Kaliro</a></option>
<option class='filter' data-filter='kampala'><a href="#">Kampala</a></option>
<option class='filter' data-filter='kamuli'><a href="#">Kamuli</a></option>
<option class='filter' data-filter='kamwenge'><a href="#">Kamwenge</a></option>
<option class='filter' data-filter='kanungu'><a href="#">Kanungu</a></option>
<option class='filter' data-filter='kapchorwa'><a href="#">Kapchorwa</a></option>
<option class='filter' data-filter='kasese'><a href="#">Kasese</a></option>
<option class='filter' data-filter='katakwi'><a href="#">Katakwi</a></option>
<option class='filter' data-filter='kayunga'><a href="#">Kayunga</a></option>
<option class='filter' data-filter='kibale'><a href="#">Kibale</a></option>
<option class='filter' data-filter='kiboga'><a href="#">Kiboga</a></option>
<option class='filter' data-filter='kiruhura'><a href="#">Kiruhura</a></option>
<option class='filter' data-filter='kisoro'><a href="#">Kisoro</a></option>
<option class='filter' data-filter='kitgum'><a href="#">Kitgum</a></option>
<option class='filter' data-filter='koboko'><a href="#">Koboko</a></option>
<option class='filter' data-filter='kotido'><a href="#">Kotido</a></option>
<option class='filter' data-filter='kumi'><a href="#">Kumi</a></option>
<option class='filter' data-filter='kyenjojo'><a href="#">Kyenjojo</a></option>
<option class='filter' data-filter='lira'><a href="#">Lira</a></option>
<option class='filter' data-filter='luwero'><a href="#">Luwero</a></option>
<option class='filter' data-filter='manafwa'><a href="#">Manafwa</a></option>
<option class='filter' data-filter='maracha'><a href="#">Maracha</a></option>
<option class='filter' data-filter='masaka'><a href="#">Masaka</a></option>
<option class='filter' data-filter='masindi'><a href="#">Masindi</a></option>
<option class='filter' data-filter='mayuge'><a href="#">Mayuge</a></option>
<option class='filter' data-filter='mbale'><a href="#">Mbale</a></option>
<option class='filter' data-filter='mbarara'><a href="#">Mbarara</a></option>
<option class='filter' data-filter='mityana'><a href="#">Mityana</a></option>
<option class='filter' data-filter='moroto'><a href="#">Moroto</a></option>
<option class='filter' data-filter='moyo'><a href="#">Moyo</a></option>
<option class='filter' data-filter='mpigi'><a href="#">Mpigi</a></option>
<option class='filter' data-filter='mubende'><a href="#">Mubende</a></option>
<option class='filter' data-filter='mukono'><a href="#">Mukono</a></option>
<option class='filter' data-filter='maracha'><a href="#">Maracha</a></option>
<option class='filter' data-filter='nakapiripirit'><a href="#">Nakapiripirit</a></option>
<option class='filter' data-filter='nakaseke'><a href="#">Nakaseke</a></option>
<option class='filter' data-filter='nakasongola'><a href="#">Nakasongola</a></option>
<option class='filter' data-filter='nebbi'><a href="#">Nebbi</a></option>
<option class='filter' data-filter='ntungamo'><a href="#">Ntungamo</a></option>
<option class='filter' data-filter='oyam'><a href="#">Oyam</a></option>
<option class='filter' data-filter='pader'><a href="#">Pader</a></option>
<option class='filter' data-filter='pallisa'><a href="#">Pallisa</a></option>
<option class='filter' data-filter='rakai'><a href="#">Rakai</a></option>
<option class='filter' data-filter='rukungiri'><a href="#">Rukungiri</a></option>
<option class='filter' data-filter='sembabule'><a href="#">Sembabule</a></option>
<option class='filter' data-filter='sironko'><a href="#">Sironko</a></option>
<option class='filter' data-filter='soroti'><a href="#">Soroti</a></option>
<option class='filter' data-filter='tororo'><a href="#">Tororo</a></option>
<option class='filter' data-filter='wakiso'><a href="#">Wakiso</a></option>
<option class='filter' data-filter='yumbe'><a href="#">Yumbe</a></option>
</select>
</div>
</div>
<div class='well-thumbnails'>
<div class='row'>
<div class='large-2 columns'>
<div class='2014 borehold gulu map-thumb mix'>
<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='large-2 columns'>
<div class='2011 kampala map-thumb mix 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