You are on page 1of 3

<!DOCTYPE html> <!-To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <meta charset="UTF-8"> <title>ODESI</title> <link rel="stylesheet" type="text/css" href="packages/css/index.css" med ia="all"> </head> <body lang="es"> <div id="container"> <header> <div id='div01'> <div id='div0101'> <img src="imagenes/google.png"></div> <ul> <li id="li01"><a>Acerca de Odesi</a></li> <li id="li02"><a>Nosotros</a></li> <li id='li03'><a>Portafolio</a></li> <li id='li04'><a>Servicios</a></li> <li id='li05'><a>Contactanos</a></li> </ul> </div> </header> <article> <section id="section01"> </section> <section id='section02'> <div id="div01"> <div id='div0101'> <ol><h4>Empresa</h4> <li><a href='index.php'>Quenes somos</a></li> <li><a href='contact.php'>En lo que creemos</a>< /li> <li><a href='experience.php'>Lo que hacemos</a>< /li> <li><a href='enterprise.php'>Imgenes y material a dicional</a></li> </ol> </div> <div id='div0102'> <ol><h4>Social</h4> <li><a href='enterprise.php'>Siguenos en faceboo k</a></li> <li><a href='contact.php'>Siguenos en twiter</a> </li> <li><a href='sitemap.php'>Siguenos en rss</a></l i> <li><a href='sitemap.php'>Siguenos en google plu s</a></li> </ol> </div> <div id='div0103'> <ol><h4>Empleo</h4> <li><a href='enterprise.php'>La vida en Odesi</a

></li> <li><a href='contact.php'>Oficinas</a></li> </ol> </div> <div id='div0104'> <ol><h4>Relaciones con empresas</h4> <li><a href='enterprise.php'>Seguridad</a></li> <li><a href='contact.php'>Privacidad</a></li> <li><a href='sitemap.php'>Convenios</a></li> </ol> </div> <div id='div0105'> <ol><h4>Envianos un mensaje</h4></ol> </div> </div> </section> </article> <footer> <p>&copy;2013 ODESI S.A.C. Email: odesi@gmail.com Telf.: +51 (1) 236-5980 Celular: +51 (1)989446369 | 947851585</p> </footer> </div> </body> </html> header #div01 { margin: 0px auto; width: 900px; height: auto; } header #div01 #div0101 img{ margin: 0px auto; width: 900px; height: auto; } article #section01 { float: left; width: 100%; height: 500px; } article #section02 { clear: left; float: left; margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #F9F9F9; border-top: 1px solid #EEEEEE; } article #section02 #div01 { margin: 0px auto; width: 900px; height: auto;

} article #section02 #div01 div { margin: 15px 0px 50px 0px; width: 180px; height: auto; } article #section02 #div01 div ol { margin: 0px 0px 0px 20px; list-style: none; } article #section02 #div01 div ol li { margin: 6px 0px 0px 0px; } article #section02 #div01 div ol h4 { font-weight: normal; text-decoration: none; color: #245DC1; } article #section02 #div01 div ol a { text-decoration: none; color: #666666; } article #section02 #div01 #div03 ol a img { margin: 5px 5px 3px 0px; vertical-align: middle; border: none; } article #section02 #div01 #div0101, #div0102, #div0103, #div0104, #div0105 { float: left; } footer { float: left; width: 100%; height: auto; background-color: #F5F5F5; text-align: center; border-top: 1px solid #EEEEEE; } footer p { padding: 13px 0px 5px 0px; font-size: 10px; font-weight: normal; color: #245DC1; } http://www.deperu.com/nombres-peruanos/porletra-E http://jquery-manual.blogspot.com/2012/05/expresiones-regulares-con-jquery-match .html http://webintenta.com/accediendo-al-dom-con-jquery-10-tiles-snippets.html

You might also like