From Page to Screen: Social/Photo Networks/title> <base href="http://www.umich.edu/~digitext/"> <link href="css/style.css" type="text/css" rel="stylesheet" media="all"> <script type="text/javascript" src="js/scripts.js"></script> <link rel="shortcut icon" href="images/favicon.ico" >  </head> <body> <div id="box"> <div id="banner"> <h1><img src="images/banner.png" alt="From Page to Screen"></h1> <form action="#"> <p><input type="button" value="go"> <select id="quickNav"> <option value="false">Select a section…</option> <option value="/">HOME</option> <optgroup label="EXPLORE THE POSSIBILITIES"> <option value="possibilities/examples/">sweet examples</option> <option value="possibilities/benefits/">benefits of the web</option> <option value="possibilities/hypertext/">exploring hypertextuality</option> </optgroup> <optgroup label="JOIN A COMMUNITY"> <option value="community/blogging/">blogging</option> <option value="community/social/">social/photo networks</option> <option value="community/academic/">academic publishing</option> <option value="community/advanced/">advanced hosting</option> </optgroup> <optgroup label="GET CREATIVE"> <option value="creative/design/">design a webpage</option> <option value="creative/imagery/">use images</option> <option value="creative/media/">motion and media</option> <option value="creative/copyright">understand copyright</option> </optgroup> <optgroup label="REFINE YOUR SKILLS"> <option value="skills/instituiton/">institutional resources</option> <option value="skills/code/">learn to code</option> <option value="skills/tools/">tools to get</option> <option value="skills/jargon/">digital jargon</option> </optgroup> <optgroup label="ABOUT"> <option value="about/">About Us</option> <option value="about/references/">references</option> <option value="about/copyleft/">creative commons license</option> <option value="about/feedback/">give us feedback</option> </optgroup> </select>You love to write and you’re online. What can you do now?</p> </form> </div> <div id="content"> <div id="body" class="community"> <h2>Social/Photo Networks</h2> <p class="summary">Sub-title info</p> <p>body</p> </div> <div id="navleft"> <div class="possibilities"> <h2 style="margin-top:0;"><a href="possibilities/">Explore the Possibilities</a></h2> <ul class="possibilities"> <li><a href="possibilities/examples/">Sweet Examples</a> </li> <li><a href="possibilities/benefits/">Benefits of the Web</a> </li> <li><a href="possibilities/hypertext/">Exploring Hypertextuality</a> </li> </ul> </div> <div class="community"> <h2><a href="community/">Join a Community</a></h2> <ul> <li><a href="community/blogging/">Blogging</a> </li> <li><a href="community/social/">Social/Photo Networks</a> </li> <li><a href="community/academic/">Academic Publishing</a> </li> <li><a href="community/advanced/">Advanced Hosting</a> </li> </ul> </div> <div class="creative"> <h2><a href="creative/">Get Creative</a></h2> <ul> <li><a href="creative/design/">Design with a Purpose</a> </li> <li><a href="creative/imagery/">Using Imagery</a> </li> <li><a href="creative/media/">Motion and Media</a> </li> <li><a href="creative/copyright/">Copyright Issues</a> </li> </ul> </div> <div class="skills"> <h2><a href="skills/">Refine your Skills</a></h2> <ul> <li><a href="skills/institution/">Institutional Resources</a> </li> <li><a href="skills/code/">Learning to Code</a> </li> <li><a href="skills/tools/">Tools to Get</a> </li> <li><a href="skills/jargon/">Digital Jargon</a> </li> </ul> </div> <div class="about"> <h2><a href="about/">About</a></h2> <ul> <li><a href="about/references/">References</a> </li> <li><a href="about/copyleft/">Creative Commons License</a> </li> <li><a href="about/feedback/">Feedback</a> </li> </ul> </div> </div> </div> <div id="footer"> <p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/">Copyleft <img src="images/CC.png" title="Creative Commons License Information" alt="attribution, non-commercial, share alike"> 2005</a> <a href="about/">The Digitext Group</a></p>   </div> </div>  </body> </html>