Posted By


aurele on 06/30/06

Tagged


Statistics


Viewed 383 times
Favorited by 0 user(s)

Mas Ofertas - Prueba Cliente


/ Published in: HTML
Save to your folder(s)

Pagina de prueba para el cliente de Mas ofertas.info


Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  3. <title>Busy City</title>
  4. <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
  5. <meta name="author" content="Jenna Smith" />
  6. <meta name="copyright" content="Copyright 2006 growldesign" />
  7. <meta name="keywords" content="" />
  8. <meta name="description" content="" />
  9. <meta http-equiv="imagetoolbar" content="no" />
  10. <link href="bc-stylesheet.css" rel="stylesheet" type="text/css" />
  11. <link rel="stylesheet" type="text/css" href="oferta.css" />
  12. </head>
  13.  
  14. <div id="container">
  15. <div id="header"><div>
  16. <ul>
  17. <li><a href="mioferta.html" class="on">Mi Oferta</a></li>
  18. <li><a href="http://www.masofertas.info">+ Ofertas.info</a></li>
  19. <li><a href="inicio.html">Inicio</a></li>
  20. <li><a href="contacto.html">Contacto</a></li>
  21. </ul>
  22. <h1 style="color: #0099CC;">Libreria Leo</h1>
  23. </div></div>
  24. <div id="content">
  25. <div id="right">
  26. <h2 id="idea">La <em>Imagen</em></h2>
  27. <img alt="OFERTA: 15 PINCELES A SOLO S/. 3.00" src="img/IMG0052.jpg" height="202" width="300" />
  28. <br />
  29. <br />
  30. <br />
  31.  
  32. <h2 id="code">La <em>Oferta</em></h2>
  33. <div class="rbroundbox">
  34. <div class="rbtop"><div></div></div>
  35. <div class="rbcontent">
  36. <strong style="color: #ff0000; font-size:3em;">S/. 5.00</strong> <strong style="color: #333333; font-size:1.3em; text-transform: uppercase; font-family: sans-serif; font-weight:800;">la docena</strong><br />
  37. <br />
  38. <strong style="color: #333333; font-size:1.2em; ">antes</strong> <strong style="color: #333399; font-size:1.5em;">S/.</strong><strong style="color: #333399; font-size:1.5em; text-decoration: line-through;">13.00</strong>
  39. </div><!-- /rbcontent -->
  40. <div class="rbbot"><div></div></div>
  41. </div><!-- /rbroundbox -->
  42. <ul>
  43. <li><strong>Características 1</strong>: Aqui van las características de su producto como el color, los tamaños, el material con que han sido hecho, el origen del producto si este es importado, etc..</li>
  44. <li><strong>Ventajas 2</strong>: También puede colocar las ventajas de la oferta, su inmejorable precio frente a otros productos u ofertas similares, asi como su tiempo de duración.</li>
  45. <li><strong>Usos 3</strong>: Puede sugerir la utilidad de su producto o servicio, como por ejemplo si es un vestido, puede especificar la ocasión , sea este de noche, de gala, etc.</li>
  46. </ul>
  47.  
  48. <h2 id="examples">The <em>Examples</em></h2>
  49. <p>Here are some example elements that you may end up using on your website.</p>
  50. <ul>
  51. <li>An un-ordered list</li>
  52. <li>With several items</li>
  53. <li>To give you an example</li>
  54. </ul>
  55. <blockquote><p>Some blockquote text. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras semper neque ac tellus.
  56. Vestibulum ante ipsum primis in faucibus orci.</p></blockquote>
  57.  
  58. <h2 id="author">The <em>Author</em></h2>
  59. <p>My name is Jenna Smith, and I am a 20 year old female from Cambridgeshire,
  60. <acronym title="United Kingdom">UK</acronym>. I work full time as a Web Designer for a very well known company and
  61. freelance out of work through my <a href="http://www.growldesign.co.uk">growldesign</a> website.</p>
  62. <p>I made my first website when I was 11 years old and have been using <acronym title="eXtensible HyperText Markup Language">XHTML</acronym>
  63. & <acronym title="Cascading Style Sheets">CSS</acronym> for around 2 years. Other languages I know include
  64. <acronym title="Hypertext Pre-processor">PHP</acronym>, <acronym title="Open source Structured Query Language">MySQL</acronym>,
  65. <acronym title="eXtensible Markup Language">XML</acronym> and <acronym title="eXtensible StyleSheet Language Transformation">XSLT</acronym>.
  66. For a full list, take a look at my <a href="http://www.growldesign.co.uk">website</a>.</p>
  67.  
  68. <h2 id="contact">Contact <em>Me</em></h2>
  69. <p>If you are a small business wanting an online presence, or a company looking to outsource,
  70. feel free to <a href="mailto:jenna@growl
  71. design.co.uk">contact me</a> for a quote.</p>
  72. </div>
  73. <div id="left">
  74. <h2><em>Mis Ofertas</em> </h2>
  75. <ul class="thumbs">
  76. <li><a href="mioferta.html"><img src="img/pincelth.gif" width="50" height="50" alt="OFERTA DE PINCELES" /></a></li>
  77. <li><a href="#"><img src="img/header_top.gif" width="50" height="50" alt="Thumbnail Example" /></a></li>
  78. <li><a href="#"><img src="img/header_top.gif" width="50" height="50" alt="Thumbnail Example" /></a></li>
  79. <li><a href="#"><img src="img/header_top.gif" width="50" height="50" alt="Thumbnail Example" /></a></li>
  80. <li><a href="#"><img src="img/header_top.gif" width="50" height="50" alt="Thumbnail Example" /></a></li>
  81. <li><a href="#"><img src="img/header_top.gif" width="50" height="50" alt="Thumbnail Example" /></a></li>
  82. </ul>
  83. <h2><em>Enlaces</em> </h2>
  84. <ul>
  85.  
  86. <li><a href="http://www.masofertas.info">Más Ofertas</a></li>
  87. <li><a href="http://www.revistaredelectrica.com">Revista Red Eléctrica</a></li>
  88. <li><a href="http://www.growldesign.co.uk">Web Development & Design</a></li>
  89. </ul>
  90. <h2><em>Recomendados</em></h2>
  91. <br />
  92. <script type="text/javascript"><!--
  93. google_ad_client = "pub-1973228370011344";
  94. google_ad_width = 160;
  95. google_ad_height = 600;
  96. google_ad_format = "160x600_as";
  97. google_ad_type = "text_image";
  98. google_ad_channel ="";
  99. google_color_border = "99CC00";
  100. google_color_bg = "FFFFFF";
  101. google_color_link = "333333";
  102. google_color_text = "333333";
  103. google_color_url = "0099CC";
  104. //--></script>
  105. <script type="text/javascript"
  106. src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  107. </div>
  108. </div>
  109. </div>
  110. <div id="footer">
  111. <!-- Please select "design by growldesign" if you leave the design as is or "inspired by growldesign" if you make any changes. -->
  112. <!-- It is not an imperitive that you leave a link to my site but I would appreciate it -->
  113. <p>Copyright © 2006 Su_Empresa. Todos los Derechos Reservados. <a href="http://validator.w3.org/check/referer">XHTML 1.1</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer?warning=no&profile=css2">CSS</a> | diseño/inspirado por: <a href="http://www.growldesign.co.uk">growldesign</a></p>
  114. </div>
  115. </body>
  116. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.