5714 Web Development

Screen Shot 2014-05-07 at 12.30.33 AM

Source Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li id="selected"><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="process.html">Process</a></li> <li><a href="events.html">Upcoming Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <img src="images/homeandabout370x315.jpg" width="370" height="315" alt="Home and about" style="float:left; padding: 0 1em;"/> <div class=""> <p>John Bramblitt is an artist living in Denton Texas, his art has been sold in over twenty countries and he has appeared internationally in print, TV and radio. He has appeared on CBS Evening News with Katie Couric, ABC, and BBC Radio, and he has been featured in The New York Times and Psychology Today. He was the subject of the award winning documentary shorts Line of Sight and Bramblitt. His work has received much recognition including the Most Inspirational Video of 2008 from YouTube and three Presidential Service Awards for his innovative art workshops. John is blind.</p> </div> <br style="clear:both" /> <div class="footer"> <div style="width: 105%; margin: 0 auto;"><img src="images/Echo165x165.jpg" width="165" height="165" alt="echo the dog" /><img src="images/SoHeWontBreak165x165.jpg" width="165" height="165" alt="smoke" /><img src="images/Tang165x165.jpg" width="165" height="165" alt="tang" /><img src="images/hendrix165x165.jpg" width="165" height="165" alt="hendrix" /></div> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt About</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li id="selected"><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="process.html">Process</a></li> <li><a href="events.html">Upcoming Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <img src="images/about370x315.jpg" width="370" height="315" alt="John painting" style="float:left; padding:0 1em;"/> <div class=""> <p>Prior to his blindness, John studied at the University of North Texas in Denton, Texas, where he graduated with honors. When Bramblitt lost the last of his vision 13 years ago due to complications with epilepsy, his hopes of becoming a creative writing teacher were shattered and he sunk into a deep depression. He felt disconnected from family and friends, alienated and alone. But then something amazing happened-- he discovered painting. </p> </div> </div> <br style="clear:both" /> <div class="footer"> <div style="width: 100%; margin: 0 auto;"><img src="images/Echo165x165.jpg" width="165" height="165" alt="echo the dog" /><img src="images/SoHeWontBreak165x165.jpg" width="165" height="165" alt="smoke" /><img src="images/Tang165x165.jpg" width="165" height="165" alt="tang" /><img src="images/hendrix165x165.jpg" width="165" height="165" alt="hendrix" /></div> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt Gallery</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li id="selected"><a href="gallery.html" >Gallery</a></li> <li><a href="process.html">Process</a></li> <li><a href="events.html">Upcoming Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <div class=""> <table cellspacing="5"> <tr> <td><img src="images/Busking165x165.jpg" width="165" height="165" alt="busking" /></td> <td width="165"><strong>Busking</strong> <br /> Oil on canvas</td> <td><img src="images/Iago165x165.jpg" width="165" height="165" alt="iago" style="float:left;"/></td> <td width="165"><strong>Iago</strong><br />Resin and acrylic on board</td> </tr> <tr> <td><img src="images/Colors165x165.jpg" width="165" height="165" alt="colours" /></td> <td width="165"><strong>Colours</strong><br /> Resin and acrylic on board</td> <td><img src="images/drowningagain165x165.jpg" width="165" height="165" alt="drowing again" /></td> <td width="165"><strong>Drowning Again</strong><br /> Watercolor on paper</td> </tr> <tr> <td><img src="images/Echoa165x165.jpg" width="165" height="165" alt="echo" /></td> <td width="165"><strong>Echo</strong><br /> Oil on canvas</td> <td><img src="images/cowboyskinny165x165.jpg" width="165" height="165" /></td> <td width="165"><strong>Western Mirage</strong><br /> Watercolor and ink on paper</td> </tr> </table> </div> </div> <br style="clear:both" /> <div class="footer"> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt Process</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li id="selected"><a href="process.html">Process</a></li> <li><a href="events.html">Upcoming Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <h3>The Process:</h3> <ol> <li> <p>John first imagines the finished painting in his head and then maps it out on to canvas with Slick Paint. It is a type of fabric paint that when dry leaves a raised surface.This allows him to feel where the drawing is.</p> </li> <li> <p> The Slick Paint takes 20 minutes to dry depending on how thick your lines are. Over time John has been able to use the slightest amount of paint because of his heightened ability to feel the lines.</p> </li> <li> <p>Once the Slick Paint is dry he paint over it with white Gesso. This is priming the canvas. Priming helps to archive the painting. It keeps the oil paint from seeping through to the back and eventually eating away at the canvas.</p> </li> <li> <p>He can start painting with oils once the latex is dry. Similar to step 1 this step takes practice. All the colors have different textures. For example, black oil paint is slicker then white. After practicing you can pick up on what texture each color has, mix them and paint faster.</p> </li> </ol> <div class=""> </div> </div> <br style="clear:both" /> <div class="footer"> <div style="width: 100%; margin: 0 auto;"><img src="images/Echo165x165.jpg" width="165" height="165" alt="echo the dog" /><img src="images/SoHeWontBreak165x165.jpg" width="165" height="165" alt="smoke" /><img src="images/Tang165x165.jpg" width="165" height="165" alt="tang" /><img src="images/hendrix165x165.jpg" width="165" height="165" alt="hendrix" /></div> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt Events</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="process.html">Process</a></li> <li id="selected"><a href="events.html">Upcoming Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <h3>Upcoming Events:</h3> <p> Meadows Museum - Family Day May 12th 10am-2pm. He will be painting live, answering questions, and showing his techniques. It is going to be a lot of fun, and so much else is going on at the museum too!</p> <p>Dallas Museum of Art - May 12th Art and Science Festival. He will be giving a talk and showing some art in the theater which is located in C3 at 3:30PM. Come on by - it is always a laid back fun time! There is going to be a lot going on at the Museum. The DMA is in partnership with the Perot Museum of Nature and Science for this day!</p> <p>Tulsa International Mayfest in Tulsa, Oklahoma, May 15th, 16th, 17th and 18th. more info</p> <div class=""> </div> </div> <br style="clear:both;"/> <div class="footer"> <div style="width: 100%; margin: 0 auto;"><img src="images/Echo165x165.jpg" width="165" height="165" alt="echo the dog" /><img src="images/SoHeWontBreak165x165.jpg" width="165" height="165" alt="smoke" /><img src="images/Tang165x165.jpg" width="165" height="165" alt="tang" /><img src="images/hendrix165x165.jpg" width="165" height="165" alt="hendrix" /></div> </div> </div> </body> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="John Bramblitt is an artist living in Denton, Tx." content="text/html; charset=UTF-8" /> <title>John Bramblitt Contact</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="images/header700x135.jpg" width="700" height="135" alt="header image" /></a> </div> <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="process.html">Process</a></li> <li><a href="events.html">Upcoming Events</a></li> <li id="selected"><a href="contact.html">Contact</a></li> </ul> </div> <div class="content"> <img src="images/homeandabout370x315.jpg" width="370" height="315" alt="Home and about" style="float:left; padding: 0 1em;"/>Please feel free to email me:<br /> <a href="mailto:bramblitt@gmail.com">bramblitt@gmail.com</a> <p> </p> <div class=""> <a href="https://www.facebook.com/john.bramblitt?fref=ts"><img src="images/FacebookLogo95x95.png" width="95" height="95" alt="facebook icon" class="centered"/></a> </div> </div> <br style="clear:both" /> <div class="footer"> <div style="width: 100%; margin: 0 auto;"><img src="images/Echo165x165.jpg" width="165" height="165" alt="echo the dog" /><img src="images/SoHeWontBreak165x165.jpg" width="165" height="165" alt="smoke" /><img src="images/Tang165x165.jpg" width="165" height="165" alt="tang" /><img src="images/hendrix165x165.jpg" width="165" height="165" alt="hendrix" /></div> </div> </div> </body> </html>