📄 index.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="threeColLayout" class="home"><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 id="primaryContent"><div class="box interviews"><h2>Latest Interview</h2><div class="cbb"><h3>Richard May</h3><img src="may.jpg" alt="May" width="220" class="mainImage" /><img src="may_icon.gif" alt="May" width="38" height="38"/> <p>Find out more about the man they call Richard in our interview.</p><span class="posted"><a href="">read more...</a></span></div></div><div class="box careers"><h2>Careers Centre</h2><div class="cbb"><img src="mcfaul_icon.gif" alt="icon" width="38" height="38" /> <h3>Getting clients</h3> <span class="date">02/09/05</span><p>Everywhere I look, I'm seeing younger, better illustrators getting work for larger, more established clients. Once you've got a magazine cover or tutorial under your belt, it's amazing how quickly the big boys come running for you and your pencil...</p><span class="posted"><a href="">read more...</a></span></div></div><div class="box default"><h2>From The Forums</h2><div class="cbb"><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>You Gotta See This!</h3><p>Brilliant new Black Convoy exhibition in London's trendy Shoreditch, featuring collaborative work from all thirteen illustrators. Delicious..</p><span class="posted"><a href="">read more...</a></span><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>I need some help</h3><p>Hi all. I'm trying to produce a comic book image using a multi-million layered Photoshop image, but there is steam coming out of my computer. What should I do?</p><span class="posted"><a href="">read more...</a></span></div></div><!-- end #primaryContent --></div> <div id="secondaryContent"><div class="box one_man"><h2>One man and his pencil</h2><div class="cbb"><h3>Jon Burgerman</h3><img src="burgerman.jpg" alt="Burgerman" width="220" class="mainImage" /><img src="burgerman_icon.jpg" alt="Burgerman" width="38" height="38" /> <p>What's our resident pencil wizard Burgerman been up to this week?</p><span class="posted"><a href="">read more...</a></span></div></div><div class="box default"><h2>News Headlines</h2><div class="cbb"><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>Rub it out, Mum!</h3> <span class="date">08/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>The pen. Mightier?</h3> <span class="date">08/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>A bit sketchy</h3> <span class="date">06/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>Check this out!</h3> <span class="date">05/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="pencil.gif" alt="icon" width="38" height="38" /> <h3>Cross-hatch blues</h3> <span class="date">02/09/05</span><span class="postedUnderline"><a href="">read more...</a></span></div></div><div class="box profiles"><h2>Latest Profiles</h2><div class="cbb"><img src="may_icon.gif" alt="May" width="38" height="38" /> <h3>Richard May</h3> <span class="date">07/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="burgerman_icon.gif" alt="Burgerman" width="38" height="38" /> <h3>Jon Burgerman</h3> <span class="date">05/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="mcfaul_icon.gif" alt="Mcfaul" width="38" height="38" /> <h3>McFaul</h3> <span class="date">04/09/05</span><span class="postedUnderline"><a href="">read more...</a></span><img src="bc_icon.gif" alt="Black Convoy" width="38" height="38" /> <h3>Black Convoy</h3> <span class="date">02/09/05</span><span class="postedUnderline"><a href="">read more...</a></span></div></div><!-- end #secondaryContent --></div><div id="sideContent"> <div class="box"><h2>Elsewhere</h2><div class="cbSide"><ul><li><a href="a">Bearskinrug</a></li><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="h">Andrew Rae</a></li><li><a href="i">Miles Donovan</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 + -