Skip to content

Instantly share code, notes, and snippets.

@samg

samg/index.html

Created March 29, 2011 21:44
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save samg/893389 to your computer and use it in GitHub Desktop.
Save samg/893389 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en-en' xml:lang='en-en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta content='text/html; charset=utf-8' http-equiv='content-type' />
<title>Javascript Instant Search</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script src='http://drasticcode.com/demo/js_search/search.js' type='text/javascript'></script>
<script type='text/javascript'>
$().ready(function(){$('#q').focus()});// focus search area
</script>
</head>
<body>
<div id='container'>
<div id='header'>
<h1>Volcanos in Oregon</h1>
<h2>Javascript Instant Filter</h2>
<form action='javascript:void(0);'>
<h3>
<input id='q' name='q' type='text' autocomplete="off"/>
</h3>
</form>
</div>
<div id='wrapper'>
<div id='content'>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Bachelor</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Bald Mountain Caldera</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Bailey</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Belknap Crater</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Blue Lake Crater</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Boring Lava Field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Broken Top</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Brown Mountain</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Cinnamon Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Columbia River Basalt Group</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Crater Lake or Mount Mazama</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Davis Lake volcanic field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Devil's Garden Volcanic Field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Diamond Craters</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Fort Rock</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Four Craters Lava Field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Gorda Ridge</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Gray Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>High Cascades</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Hood</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Jackies Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Jefferson</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Jordan Craters</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Maiden Peak</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount McLoughlin</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Middle Sister</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Newberry Caldera</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>North Sister</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Pelican Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Rocky Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Round Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Saddle Butte</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Silver Creek volcanic field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>South Sister</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>South</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Sand Mountain Field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Sprague River Valley volcanic field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Squaw Ridge Lava Field</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Strawberry Volcanics</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Tabor, Portland, Oregon</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Thielsen</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Three Fingered Jack</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Mount Washington</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
<div class='volcano search_item'>
<h4 class='search_text'>Western Cascades</h4>
<p>Lorem ipsum dolor sit amet, formas soluta enim delenit sequitur, euismod eu est in amet iriure. Eorum et videntur saepius blandit sollemnes non at notare ii dignissim. Id ut te eua consequat quarta. Me ad velit illum nulla facer. Cum sit futurum lobortis ullamcorper, quinta dignissim. Dynamicus placerat ex littera consequat legunt claram te me. Adipiscing dolor minim quinta nisl consectetuer. Est etiam per lorem. Non parum veniam at, nobis esse litterarum formas ad habent. Humanitatis nibh esse vero euismod cum quod eua sollemnes hendrerit.</p>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment