jquery-mobile/_search-results.html

117 lines
No EOL
3.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>jQuery Mobile Framework - Search Results</title>
<link rel="stylesheet" media="only all" href="css/all" />
<script type="text/javascript" src="js/all"></script>
</head>
<body>
<div data-role="page" class="ui-body-c">
<div data-role="header">
<h1>Search Results</h1>
</div>
<form method="get" action="_searchresult.html" data-role="ajaxform" data-theme="c">
<label for="term" data-role="nojs">Search:</label>
<input type="search" name="term" id="term" placeholder="search..." />
<button type="submit" data-role="nojs">Search</button>
</form>
<div data-role="content">
<p class="ui-body">12 Results for <em>"Justin Bieber"</em></p>
<ol data-role="listview" data-inset="true">
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
<li>
<img src="images/jb.jpg" alt="jb" />
<h3><a href="index.html">Page A</a></h3>
<p>Quick description about this item here</p>
<span class="ui-li-count">22</span>
<a href="index.html">browse details</a>
</li>
</ol>
</div>
</div>
</body>
</html>