1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <title>Prime Properties Widget</title> |
---|
5 | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css" /> |
---|
6 | <link rel="stylesheet" type="text/css" href="styles/styles.css" media="screen" /> |
---|
7 | <link rel="stylesheet" type="text/css" href="styles/scrollable-horizontal.css" /> |
---|
8 | <link rel="stylesheet" type="text/css" href="styles/scrollable-buttons.css" /> |
---|
9 | <link rel="stylesheet" type="text/css" href="styles/scrollable-navigator.css" /> |
---|
10 | |
---|
11 | <script type="text/javascript" src="jquery-1.4.1.js"></script> |
---|
12 | <script type="text/javascript" src="jquery.tools.min.js" ></script> |
---|
13 | |
---|
14 | <script type="text/javascript"> |
---|
15 | $(document).ready(function() { |
---|
16 | // initialize scrollable |
---|
17 | $(".scrollable").scrollable({ "size": 1, "clickable": false, "easing": "swing", "speed": 400 }).circular().navigator(); |
---|
18 | }); |
---|
19 | </script> |
---|
20 | |
---|
21 | </head> |
---|
22 | <body> |
---|
23 | |
---|
24 | <div class="bI-blue-theme"> |
---|
25 | |
---|
26 | <h1>Above</h1> |
---|
27 | <center> |
---|
28 | <div class="BestBetsPrimePropertyWidget"> |
---|
29 | |
---|
30 | <!-- "previous page" action --> |
---|
31 | <div class="widgetBody"> |
---|
32 | <!-- root element for scrollable --> |
---|
33 | <div class="scrollable"> |
---|
34 | |
---|
35 | <!-- root element for the items --> |
---|
36 | <div class="items"> |
---|
37 | <!-- 1-5 --> |
---|
38 | <div class="item"> |
---|
39 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
40 | <div class="left">Onodaga, NY 13215 <br />1 Bed, 3 Bath</div> |
---|
41 | <div class="right"> |
---|
42 | <span class="price">$111,900.00<br /> |
---|
43 | <span class="details"><a href="#">View Details</a></span> |
---|
44 | </div> |
---|
45 | </div> |
---|
46 | <div class="item"> |
---|
47 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
48 | <div class="left">New York, NY 13215 <br />2 Bed, 5 Bath</div> |
---|
49 | <div class="right"> |
---|
50 | <span class="price" >$2,511,900.00<br /> |
---|
51 | <span class="details"><a href="#">View Details</a></span> |
---|
52 | </div> |
---|
53 | </div> |
---|
54 | <div class="item"> |
---|
55 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
56 | <div class="left">Scranton, PA 13215 <br />3 Bed, 2 Bath</div> |
---|
57 | <div class="right"> |
---|
58 | <span class="price">$31,900.00<br /> |
---|
59 | <span class="details"><a href="#">View Details</a></span> |
---|
60 | </div> |
---|
61 | </div> |
---|
62 | <div class="item"> |
---|
63 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
64 | <div class="left">Onodaga, NY 13215 <br />4 Bed, 3 Bath</div> |
---|
65 | <div class="right"> |
---|
66 | <span class="price">$411,900.00<br /> |
---|
67 | <span class="details"><a href="#">View Details</a></span> |
---|
68 | </div> |
---|
69 | </div> |
---|
70 | <div class="item"> |
---|
71 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
72 | <div class="left">Onodaga, NY 13215 <br />5 Bed, 3 Bath</div> |
---|
73 | <div class="right"> |
---|
74 | <span class="price">$511,900.00<br /> |
---|
75 | <span class="details"><a href="#">View Details</a></span> |
---|
76 | </div> |
---|
77 | </div> |
---|
78 | <div class="item"> |
---|
79 | <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div> |
---|
80 | <div class="left">Onodaga, NY 13215 <br />6 Bed, 3 Bath</div> |
---|
81 | <div class="right"> |
---|
82 | <span class="price">$611,900.00<br /> |
---|
83 | <span class="details"><a href="#">View Details</a></span> |
---|
84 | </div> |
---|
85 | </div> |
---|
86 | </div> |
---|
87 | |
---|
88 | <div class="ScrollBar"> |
---|
89 | <a class="prevPage browse left"></a> |
---|
90 | |
---|
91 | <!-- works as navigator for scrollable --> |
---|
92 | <div class="navbar"> |
---|
93 | <ul class="navi"> |
---|
94 | <li>1</li> |
---|
95 | <li>2</li> |
---|
96 | <li>3</li> |
---|
97 | <li>4</li> |
---|
98 | <li>5</li> |
---|
99 | <li>6</li> |
---|
100 | </ul> |
---|
101 | </div> |
---|
102 | <a class="nextPage browse right"></a> |
---|
103 | <div class="clear"></div> |
---|
104 | </div> |
---|
105 | <div class="clear"></div> |
---|
106 | </div> |
---|
107 | </div> |
---|
108 | </div> |
---|
109 | </center> |
---|
110 | </div> |
---|
111 | |
---|
112 | <br class="clearit" clear="all" /> |
---|
113 | <br /> |
---|
114 | <div style="text-align:left;">Below</div> |
---|
115 | <div>Below2</div> |
---|
116 | </body> |
---|
117 | </html> |
---|