themes demos with 0.9.4
[booh] / www / themes / gradient / Home / thumbnails-large-nojs-0.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5     <title>Home</title>
6     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7     <meta name="author" content="'Gradient' theme - Benoit Dien"/>
8     <meta name="generator" content="Booh-0.9.4 http://booh.org/"/>
9
10 <script language="JavaScript1.1" type="text/JavaScript">
11 function set_preferred_size(val) {
12     var expires = new Date(new Date().getTime() + (30 * 86400000));  // 30 days
13     document.cookie = 'booh-preferred-size-gradient='
14                       + val
15                       + '; expires=' + expires.toGMTString()
16                       + '; path=/';
17 }
18 </script>
19
20     <script type="text/javascript" src="../flowplayer-3.2.12.min.js"></script>
21     <link rel="stylesheet" type="text/css" href="../booh.css" media="screen" />
22 </head>
23
24 <body>
25
26 <!-- Navigation TOP -->
27
28 <div id="navtop">
29  <table id="navigation"><tr><td><a href="../index.html">"Gradient" theme demo</a></td><td>Home</td></tr></table> 
30 <div id="navlinks">
31     <a href="http://booh.org/">Back to home</a> -
32      
33     <a href="../index.html">return to albums</a> -
34     <a href="../Ski/thumbnails.html">next album</a>
35 </div>
36 </div>
37
38 <!-- Addthis button -->
39 <div id='addthis'><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script></div>
40
41 <!-- Content TOP -->
42
43 <div id='contenttop'>
44   <div id='titletext'>Home</div> 
45
46   <div id="tools">
47     <a href="~~run_slideshow_link~~"><img width="40" height="32" src="../slideshow_32s.png" alt="~~run_slideshow_text~~"/></a>
48     &nbsp;
49     <span id="sizes"><a href="thumbnails-medium-nojs-0.html" onclick="set_preferred_size('medium')">medium</a> | large | <a href="thumbnails-xlarge-nojs-0.html" onclick="set_preferred_size('xlarge')">x-large</a> | <a href="thumbnails-xxlarge-nojs-0.html" onclick="set_preferred_size('xxlarge')">xx-large</a> | <a href="thumbnails-widescreen-nojs-0.html" onclick="set_preferred_size('widescreen')">widescreen</a> | <a href="thumbnails-fullhd-nojs-0.html" onclick="set_preferred_size('fullhd')">fullhd</a></span>
50   </div> 
51 </div>
52
53
54
55 <!-- Content -->
56
57 <div id='content'>
58
59 <table width="100%" id="thumbnails">
60 <tr>
61     <td align="center" valign="top"  width="33%">
62       <div><a href="00002-1200x604.jpg" name="00002-1200x604.jpg"><div class="thumbnail_image"><img src="00002-309x232.jpg" width="309" height="232" alt=" This cat surely has strange ways of beeing a cat (that is, sleeping all day long)"/></div></a></div>
63        <br/>  This cat surely has strange ways of beeing a cat (that is, sleeping all day long)
64     </td>
65     <td align="center" valign="top"  width="33%">
66       <div><a href="IMG_0476__-1200x604.jpg" name="IMG_0476__-1200x604.jpg"><div class="thumbnail_image"><img src="IMG_0476__-309x232.jpg" width="174" height="232" alt=" Nice birdy on our roof!"/></div></a></div>
67        <br/>  Nice birdy on our roof!
68     </td>
69     <td align="center" valign="top"  width="33%">
70       <div><a href="pict001-1200x604.jpg" name="pict001-1200x604.jpg"><div class="thumbnail_image"><img src="pict001-309x232.jpg" width="309" height="232" alt=" The &quot;Dents du Midi&quot; at 3000+ meters"/></div></a></div>
71        <br/>  The "Dents du Midi" at 3000+ meters
72     </td>
73 </tr>
74 <tr>
75     <td align="center" valign="top"  width="33%">
76       <div><a href="Negative0-01-0A28129-1200x604.jpg" name="Negative0-01-0A28129-1200x604.jpg"><div class="thumbnail_image"><img src="Negative0-01-0A28129-309x232.jpg" width="309" height="206" alt=" The outdoor pool on the other side of our road, down to the mountain"/></div></a></div>
77        <br/>  The outdoor pool on the other side of our road, down to the mountain
78     </td>
79     <td align="center" valign="top"  width="33%">
80       <div><a href="pict0008.flv" style="display:block;width:317px;height:256px"   id="player0"><div class="thumbnail_video"><img src="pict0008-309x232.jpg" width="309" height="232" alt="Showing the landscape from our roof, with a strange bonus at the end"/></div><img src="../play_video.png" style="position:relative;top:-140px;border:0;background-color:transparent"/></a><script>flowplayer("player0", "../flowplayer-3.2.16.swf")</script></div>
81         Showing the landscape from our roof, with a strange bonus at the end
82     </td>
83     <td align="center" valign="top"  width="33%">
84       <div><a href="pict0053-1200x604.jpg" name="pict0053-1200x604.jpg"><div class="thumbnail_image"><img src="pict0053-309x232.jpg" width="309" height="232" alt=" Night landscape in Montreux"/></div></a></div>
85        <br/>  Night landscape in Montreux
86     </td>
87 </tr>
88 <tr>
89     <td align="center" valign="top" colspan="3" width="99%">
90       <div><a href="pano-1200x604.jpg" name="pano-1200x604.jpg"><div class="thumbnail_image"><img src="pano-927x232.jpg" width="927" height="176" alt="An impressive <a href=&quot;http://hugin.sourceforge.net/&quot;>panorama</a> of the view on top of the Grammont (2176m), including the right end of the lake of Geneva more than 1500 meters below"/></div></a></div>
91        <br/> An impressive <a href="http://hugin.sourceforge.net/">panorama</a> of the view on top of the Grammont (2176m), including the right end of the lake of Geneva more than 1500 meters below
92     </td>
93 </tr>
94
95
96
97
98
99
100
101
102
103
104 </table>
105 </div>
106
107
108
109 <div id="logo"><a href="http://booh.org"><img width="91" height="44" src="../booh.png" alt="Made with Booh"/></a></div>
110
111 </body>
112 </html>