public
Description: HTML/CSS to go along with an article I wrote for dotMobi
Homepage: http://www.mobiforge.com
Clone URL: git://github.com/paulca/design-article-site.git
design-article-site / search.html
100644 71 lines (52 sloc) 2.162 kb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>BookStore Online</title>
    <meta http-equiv="Cache-Control" content="max-age=200" />
    <link href="stylesheets/main.css" media="handheld, screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <h1>BookStore Online</h1>
    
    <hr/>
    
    <p id="results-summary">Search for "Red Arrow" (11 results)</p>
    
    <hr/>
    
    <div id="results">
      <h3 class="book"><a href="view.html">Red arrow at nightfall</a></h3>
      <span class="author">by <a href="#">Michael Johnson</a></span>
      <span class="price">&euro;8.99</span>
      
      <hr/>
      
      <h3 class="album"><a href="view.html">The Red Arrows</a></h3>
      <span class="author">by <a href="#">Love beats me badly</a></span>
      <span class="price">&euro;19.99</span>
      
      <hr/>
      
      <h3 class="book"><a href="view.html">Arrow Turn Right on Red</a></h3>
      <span class="author">by <a href="#">Isabel Concheely</a></span>
      <span class="price">&euro;8.99</span>
      
      <hr/>
      
      <h3 class="dvd"><a href="view.html">Arrow in the Wrong Direction</a></h3>
      <span class="author">by <a href="#">Paul Gascoigne</a></span>
      <span class="price">&euro;5.99</span>
    </div>
    
    <hr/>
    
    <p id="results-more"><a href="#">More results...</a></p>
    
    <hr/>
    
    <div id="search">
      <form action="search.html" method="post">
        <fieldset>
          <input type="text" name="search" /> <input type="submit" name="submit" value="Search" />
        </fieldset>
      </form>
    </div>
    
    <hr/>
    
    <div id="navigation">
      <ol>
        <li><a accesskey="1" href="#">Basket</a></li>
        <li><a accesskey="2" href="browse.html">Categories</a></li>
        <li><a accesskey="3" href="#">Home</a></li>
      </ol>
    </div>
    
    <hr/>
    
    
    <p id="copyright">Copyright &copy; 2008 BookStore<br/><a href="#">Full version</a></p>
  </body>
</html>