Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/09/2015, 18:13
Avatar de hackjose
hackjose
 
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años, 1 mes
Puntos: 131
Que opinan de mi HTML5

Buenas tardes

Un favor, podrian decirme que opinan de mi html5(que le mejorarian)

Aqui esta http://josevega.zz.mu/empleo/

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <meta charset="UTF-8">
  4.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  6.     <link rel="stylesheet" href="css/bootstrap.min.css" />
  7.     <link rel="stylesheet" href="css/styles.css" />
  8.     <title>NOMBRE_EMPRESA</title>
  9. </head>
  10. <header id="headersite" class="container-fluid">
  11.     <div class="row">
  12.         <div class="col-xs-8 col-sm-4">
  13.             <h1>NOMBRE_EMPRESA</h1>
  14.         </div>
  15.         <div class="col-xs-4 visible-xs" id="menucontainer">
  16.             <span class="glyphicon glyphicon-menu-hamburger" id="menu"></span>
  17.         </div>
  18.         <nav class="col-xs-12 hidden-xs col-sm-8 col-md-6 col-md-offset-2 colcontainernav">
  19.             <ul class="row">
  20.                 <li class="col-xs-3 col-xs-offset-1">
  21.                     <a href="services.html">SERVICIOS</a>
  22.                 </li>
  23.                 <li class="col-xs-5">
  24.                     <a href="aboutus.html">ACERCA DE NOSOTROS</a>
  25.                 </li>
  26.                 <li class="col-xs-3">
  27.                     <span class="spancontact">CONTACTO</span>
  28.                 </li>
  29.             </ul>
  30.         </nav>
  31.     </div>
  32.  
  33. <section class="sectiongeneral presentation">
  34.     <div class="middle">
  35.         <div class="container-fluid">
  36.             <div class="row">
  37.                 <header class="col-xs-12 sectiongeneralheader">
  38.                     <h1>ESTAMOS LISTOS PARA DESARROLLAR SU PROYECTO</h1>
  39.                 </header>
  40.                 <div class="col-xs-12 sgpresentationdescription">
  41.                     <p>EN NOMBRE_EMPRESA LO QUE NO SEPAMOS LO INVENTAMOS</p>
  42.                 </div>
  43.                 <div class="col-xs-12 col-sm-4">
  44.                     <div class="row sgpresentationelement">
  45.                         <div class="col-xs-12 sgpresentationtitle">
  46.                             <p>APPS MOVILES</p>
  47.                         </div>
  48.                         <div class="col-xs-12">
  49.                             <img class="sgpresentationimage" src="images/smartphone86.png" alt="Imagen smartphoneapp">
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.                 <div class="col-xs-12 col-sm-4">
  54.                     <div class="row sgpresentationelement">
  55.                         <div class="col-xs-12 sgpresentationtitle">
  56.                             <p>SITIOS WEB</p>
  57.                         </div>
  58.                         <div class="col-xs-12">
  59.                             <img class="sgpresentationimage" src="images/website.png" alt="SITIOS WEB">
  60.                         </div>
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-xs-12 col-sm-4">
  64.                     <div class="row sgpresentationelement">
  65.                         <div class="col-xs-12 sgpresentationtitle">
  66.                             <p>POSICIONAMIENTO</p>
  67.                         </div>
  68.                         <div class="col-xs-12">
  69.                             <img class="sgpresentationimage" src="images/business191.png" alt="SEO">
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  74.         </div>
  75.     </div>
  76.  
  77. <section class="sectiongeneral formula">
  78.     <div class="middle">
  79.         <div class="container-fluid">
  80.             <div class="row">
  81.                 <header class="col-xs-12 sectiongeneralheader sgformulaheader">
  82.                     <h1>EQUIPO NOMBRE_EMPRESA</h1>
  83.                 </header>
  84.                 <div class="col-xs-12 sgformuladescription">
  85.                     <p>NOS ENCANTA HACER NUESTRO TRABAJO Y ESTAMOS CONVENCIDOS DE QUE</p>
  86.                 </div>
  87.                 <div class="col-xs-12 col-sm-3">
  88.                     <div class="row">
  89.                         <div class="col-xs-12 sgformulatitle">
  90.                             <p>ESFUERZO</p>
  91.                         </div>
  92.                     </div>
  93.                     <div class="row">
  94.                         <div class="col-xs-12">
  95.                             <span class="glyphicon glyphicon-cog sgformulaimage"></span>
  96.                         </div>
  97.                     </div>
  98.                    
  99.                 </div>
  100.                 <div class="col-xs-12 col-sm-1 aritmetico">
  101.                     <div class="row">
  102.                         <div class="col-xs-12 hidden-xs">&nbsp;</div>
  103.                         <div class="col-xs-12">
  104.                             <div class="operator">+</div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.                 <div class="col-xs-12 col-sm-4">
  109.                     <div class="row">
  110.                         <div class="col-xs-12 sgformulatitle">
  111.                             <p>CREATIVIDAD</p>
  112.                         </div>
  113.                     </div>
  114.                     <div class="row">
  115.                         <div class="col-xs-12">
  116.                             <span class="glyphicon glyphicon-star-empty sgformulaimage"></span>
  117.                         </div>
  118.                     </div>
  119.                    
  120.                 </div>
  121.                
  122.                 <div class="col-xs-12 col-sm-1 aritmetico">
  123.                     <div class="row">
  124.                         <div class="col-xs-12 hidden-xs">&nbsp;</div>
  125.                         <div class="col-xs-12">
  126.                             <div class="operator">+</div>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  130.                 <div class="col-xs-12 col-sm-3">
  131.                     <div class="row">
  132.                         <div class="col-xs-12 sgformulatitle">
  133.                             <p>PASION</p>
  134.                         </div>
  135.                     </div>
  136.                     <div class="row">
  137.                         <div class="col-xs-12">
  138.                             <span class="glyphicon glyphicon-heart-empty sgformulaimage"></span>
  139.                         </div>
  140.                     </div>
  141.                    
  142.                 </div>
  143.                
  144.                 <div class="col-xs-12 col-sm-12 sgformularesult">
  145.                         <div class="col-xs-12 sgformulatitleresulttop">
  146.                             <p>DA COMO RESULTADO</p>
  147.                         </div>
  148.                         <div class="col-xs-12">
  149.                             <div class="sgformulaimagecontainerresult">
  150.                                 <img class="sgformulaimageresult" src="images/lights7.png" alt="Imagen Foco">
  151.                             </div>
  152.                         </div>
  153.                         <div class="col-xs-12 sgformulatitleresultbottom">
  154.                             <p>UN ASOMBROSO PROYECTO</p>
  155.                         </div>
  156.                 </div>
  157.                
  158.             </div>
  159.         </div>
  160.     </div>
  161.  
  162. <section class="sectiongeneral contact">
  163.     <div class="middle">
  164.         <div class="container-fluid">
  165.             <div class="row">
  166.                 <header class="col-xs-12 sectiongeneralheader">
  167.                     <h1>HABLEMOS ACERCA DE SU PROYECTO</h1>
  168.                 </header>
  169.                 <div class="col-xs-12 sgcontactdescription">
  170.                     <p>POR EL MEDIO QUE MAS LE GUSTE Y CON TODA CONFIANZA</p>
  171.                 </div>
  172.                 <div class="col-xs-12 col-sm-6">
  173.                     <div class="row sgcontactelement">
  174.                         <div class="col-xs-4 col-xs-offset-2 sgcontactimagecontainer">
  175.                             <img class="sgcontactimage" src="images/smartphone86.png" alt="Imagen Smartphone">
  176.                         </div>
  177.                         <div class="col-xs-5 sgcontactcontent">
  178.                             <div class="row">
  179.                                 <div class="col-xs-12">
  180.                                     <p>TELEFONO</p>
  181.                                 </div>
  182.                                 <div class="col-xs-12 sgcontactcontentvalue">
  183.                                     <p>55 18749024</p>
  184.                                 </div>
  185.                             </div>
  186.                         </div>
  187.                     </div>
  188.                     <div class="row sgcontactelement">
  189.                         <div class="col-xs-4 col-xs-offset-2 sgcontactimagecontainer">
  190.                             <img class="sgcontactimage" src="images/mail84.png" alt="Imagen Sobre">
  191.                         </div>
  192.                         <div class="col-xs-5 sgcontactcontent">
  193.                             <div class="row">
  194.                                 <div class="col-xs-12">
  195.                                     <p>CORREO</p>
  196.                                 </div>
  197.                                 <div class="col-xs-12 sgcontactcontentvalue">
  198.                                     <p>hola@NOMBRE_EMPRESA.com</p>
  199.                                 </div>
  200.                             </div>
  201.                         </div>
  202.                     </div>
  203.                     <div class="row sgcontactelement">
  204.                         <div class="col-xs-4 col-xs-offset-2 sgcontactimagecontainer">
  205.                             <img class="sgcontactimage" src="images/social122.png" alt="Imagen Facebook">
  206.                         </div>
  207.                         <div class="col-xs-5 sgcontactcontent">
  208.                             <div class="row">
  209.                                 <div class="col-xs-12">
  210.                                     <p>FACEBOOK</p>
  211.                                 </div>
  212.                                 <div class="col-xs-12 sgcontactcontentvalue">
  213.                                     <p>NOMBRE_EMPRESA</p>
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.  
  219.                 </div>
  220.  
  221.                 <div class="col-xs-12 col-sm-6">
  222.                     <div class="row sgcontactelement">
  223.                         <div class="col-xs-4 col-xs-offset-2 col-sm-offset-0 sgcontactimagecontainer">
  224.                             <img class="sgcontactimage" src="images/social123.png" alt="Imagen Linkedin">
  225.                         </div>
  226.                         <div class="col-xs-5 sgcontactcontent">
  227.                             <div class="row">
  228.                                 <div class="col-xs-12">
  229.                                     <p>LINKEDIN</p>
  230.                                 </div>
  231.                                 <div class="col-xs-12 sgcontactcontentvalue">
  232.                                     <p>Ver Perfil</p>
  233.                                 </div>
  234.                             </div>
  235.                         </div>
  236.                        
  237.                     </div>
  238.                     <div class="row sgcontactelement">
  239.                         <div class="col-xs-4 col-xs-offset-2 col-sm-offset-0 sgcontactimagecontainer">
  240.                             <img class="sgcontactimage" src="images/whatsapp.png" alt="Imagen whatsapp">
  241.                         </div>
  242.                         <div class="col-xs-5 sgcontactcontent">
  243.                             <div class="row">
  244.                                 <div class="col-xs-12">
  245.                                     <p>WHATSAPP</p>
  246.                                 </div>
  247.                                 <div class="col-xs-12 sgcontactcontentvalue">
  248.                                     <p>55 18749024</p>
  249.                                 </div>
  250.                             </div>
  251.                         </div>
  252.                        
  253.                     </div>
  254.                     <div class="row sgcontactelement">
  255.                         <div class="col-xs-4 col-xs-offset-2 col-sm-offset-0 sgcontactimagecontainer">
  256.                             <img class="sgcontactimage" src="images/map32.png" alt="Imagen Mapa">
  257.                         </div>
  258.                         <div class="col-xs-5 sgcontactcontent">
  259.                             <div class="row">
  260.                                 <div class="col-xs-12">
  261.                                     <p>OFICINA</p>
  262.                                 </div>
  263.                                 <div class="col-xs-12 sgcontactcontentvalue">
  264.                                     <p>Ver Mapa</p>
  265.                                 </div>
  266.                             </div>
  267.                         </div>
  268.                        
  269.                     </div>
  270.  
  271.                 </div>
  272.             </div>
  273.         </div>
  274.     </div>
  275.  
  276. <footer id="footersite" class="container-fluid">
  277.     <div class="row">
  278.         <div class="col-xs-12">
  279.            
  280.         </div>
  281.     </div>
  282.  
  283. <nav class="colcontainernavfixed container-fluid">
  284.     <div class="spanclosenav"><span class="glyphicon glyphicon-remove"></span></div>
  285.     <ul class="row">
  286.         <li class="col-xs-12">
  287.             <a href="services.html">SERVICIOS</a>
  288.         </li>
  289.         <li class="col-xs-12">
  290.             <a href="aboutus.html">ACERCA DE NOSOTROS</a>
  291.         </li>
  292.         <li class="col-xs-12">
  293.             <span class="spancontact">CONTACTO</span>
  294.         </li>
  295.     </ul>
  296. </nav>
  297. <script src="js/jquery.js"></script>
  298. <script src="js/bootstrap.min.js"></script>
  299. <script src="js/script.js"></script>
  300. </body>
  301. </html>