Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- <html><head>
- <title>Photo Layout Template</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <style type="text/css">
- * { margin: 0; padding: 0; border: 0; }
- a {
- text-decoration: none;
- font-family: Geneva, Arial, Helvetica, sans-serif;
- font-size: 76%;
- font-style: normal;
- font-weight: bold;
- }
- a:link {
- color: #ff00ff;
- }
- a:visited {
- color: #ff0000;
- }
- a:hover {
- color: #00ff00;
- }
- a:active {
- color: #00ff00;
- }
- div#menu_container {
- width: 60%;
- margin: 2% auto;
- line-height: 2em;
- border: 1px solid #f0f;
- }
- ul#menu_links {
- text-align: center;
- background-color: #000;
- }
- ul#menu_links li {
- display: inline;
- padding: 5px;
- }
- #wrapper {
- width: 700px;
- margin: 0 auto;
- border: 0 solid #f0f; /* layout only. set to zero */
- }
- #content {
- width: 100%;
- min-height: 600px;
- text-align: center;
- margin-bottom: 5%;
- border: 1px solid #700; /* layout only. set to zero */
- }
- div.wrap_left {
- width: 350px;
- float: left;
- text-align: left;
- border: 0 solid #ff0; /* layout only. set to zero */
- }
- div.wrap_right {
- width: 350px;
- float: right;
- text-align: right;
- border: 0 solid #f00; /* layout only. set to zero */
- }
- #wrap_left img, #wrap_right img {
- margin-top: 5%;
- width: 317px;
- height: 75px;
- }
- h4 {
- text-align: center;
- }
- #footer {
- clear: both;
- width: 176px;
- margin: 0 auto;
- border: 1px solid #f00; /* layout only. set to zero */
- }
- </style>
- </head>
- <body>
- <div id="banner"></div>
- <!-- START Nav -->
- <div id="menu_container">
- <ul id="menu_links">
- <li>| <a href="index.html" title="Main Page">MAIN PAGE</a> | </li>
- <li><a href="blah2.html" title="Text Description">Text Descriptions</a> | </li>
- <li><a href="blah3.html" title="Text Description">Text Description</a> | </li>
- <li><a href="blah4.html" title="Text Description">Text Description</a> | </li>
- <li><a href="blah5.html" title="Text Description">Text Description</a> | </li>
- <li><a href="blah5.html" title="Text Description">Text Description</a> | </li>
- <li><a href="mailto:emailme@aol.com" title="E-Mail Me">E-Mail Me</a> | </li>
- </ul>
- </div>
- <!-- END Nav -->
- <div id="wrapper"><!-- START Wrapper -->
- <!-- START Contents -->
- <div id="content">
- <div class="wrap_left">
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- </div>
- <div class="wrap_right">
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- <img src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="">
- <h4>Lorem Ipsum</h4>
- </div>
- </div>
- <!-- END Contents -->
- <!-- START Footer -->
- <div id="footer">
- <p><a href="http://validator.w3.org/check?uri=http://www.freewebs.com/elvisfootage/index.html" title="Valid HTML 4.01 Strict"><img style="width:88px; height:31px;" src="http://PayneLessDesigns.com/imgs/valid-html401-blue.png" alt="Valid HTML 4.01 Strict"></a> <a href="http://jigsaw.w3.org/css-validator/" title="Valid CSS!"><img style="width:88px; height:31px;" src="http://PayneLessDesigns.com/imgs/vcss.png" alt="Valid CSS!"></a></p>
- </div>
- <!-- END Footer -->
- </div><!-- END Wrapper -->
- </body></html>
Add Comment
Please, Sign In to add comment