📄 gallery.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Advanced CSS Solutions</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel='stylesheet' type='text/css' media='all' href='book.css' /><style type='text/css' media='screen'>@import "book.css";</style><script type="text/javascript" src="cb.js"></script></head><body id="twoColLayout" class="gallery"><div id="wrapper"><div id="header"><h1>More Than Doodles</h1><ul id="mainNav"> <li><a href="index.html" id="home">Home</a></li> <li><a href="">About</a></li> <li><a href="">News</a></li> <li><a href="">Interviews</a></li> <li><a href="gallery.html" id="gallery">Gallery</a></li> <li><a href="">Careers</a></li> <li><a href="">Forum</a></li> <li><a href="">Members</a></li> <li><a href="contact.html" id="contact">Contact</a></li></ul><!-- end #header --></div><div class="box default"><div class="cbb"><img src="pencil.gif" alt="icon" width="38" height="38" /><h3>Welcome to our galleries!</h3><p>Our galleries are chock-full with all that's great in the land of doodling. Use the categories in the sidebar to hone your selection, or just trawl through page after page of lovely thumbnails until you find something that tickles your illustrative fancy. It's all good in here.</p></div></div><!-- start primaryContent --> <div id="primaryContent"><div class="box default"><h2>Galleries</h2><div class="cbb"><img src="bc_icon.gif" alt="Black Convoy" width="38" height="38" /> <h3>Black Convoy Gallery</h3> <span class="date">Updated 02/09/05</span><p>A selection of images taken at the recent <a href="http://www.blackconvoy.com">Black Convoy</a> exhibition in London's trendy Shoreditch (at the Jaguar Shoes Gallery to be precise). Images shown are from Burgerman, May, McFaul and the other ten onvoyers. Enjoy.</p><div class="thumbnails"><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="img-wrapper"><img src="bc_js_2_thumb.jpg" width="100" height="75" title="More wall detail (30)" /></div><div class="spacer"></div></div><p>Page 1 of 4: 1 | <a href="">2</a> | <a href="">3</a> | <a href="">4</a></p></div></div><!-- end #primaryContent --></div> <div id="sideContent"> <div class="box"><h2>Choose Gallery</h2><div class="cbSide"><ul><li><a href="b">Jon Burgerman</a></li><li><a href="c">Richard May</a></li><li><a href="d">McFaul</a></li><li><a href="e">Black Convoy</a></li><li><a href="f">Tim Marrs</a></li><li><a href="g">Peepshow</a></li><li><a href="j">Simon Collison</a></li></ul></div></div><div class="box"><h2>Tools</h2><div class="cbSide"><form method="post" action=""><fieldset><legend>Search The Site</legend><label for="keywords">Enter keywords</label><input type="text" name="keywords" id="keywords" value="illustration" size="11" maxlength="100" /> <input type="image" src="go.gif" value="submit" class="submit" /></fieldset></form><form method="post" action=""><fieldset><legend>Join Our Mail List</legend><label for="email">Enter your email address</label><input type="text" name="email" id="email" value="me@site.com" size="11" /> <input type="image" src="go.gif" value="submit" class="submit" /></fieldset></form><p>You can trust us not to disclose your email address to anyone else. You'll simply receive a weekly newsletter, from which you can unsubscribe at any time. Thanks.</p></div></div><!-- end #sideContent --></div> <div id="footer"><p>Valid <a href="">XHTML</a> | <a href="">CSS</a> | <a href="http://www.collylogic.com">Simon Collison 2005</a></p><!-- end #footer --> </div> <!-- end #wrapper --> </div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -