Tema: Que opinan de mi html5
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/07/2015, 13:07
Avatar de hackjose
hackjose
 
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Que opinan de mi html5
Buenas tardes

Me podrian decir que opinan de mi HTML5

http://josevega.zz.mu/

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Curriculum Vitae Jose Vega</title>
  6.     <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css' />
  7.     <link rel="stylesheet" href="style.css">
  8. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  9. <script src="script.js"></script>
  10. </head>
  11. <body>
  12.     <header>
  13.         <h1 class="sitetitle">
  14.             <span class="part1">CU</span><span class="part2">RR</span><span class="part3">IC</span><span class="part4">UL</span><span class="part5">UM</span><span class="part6"> V</span><span class="part7">IT</span><span class="part8">AE</span>
  15.         </h1>
  16.     </header>
  17.     <main>
  18.         <section class="personaldata">
  19.             <div class="middle">
  20.                 <h1>
  21.                     <span class="pd1">DA</span><span class="pd2">TO</span><span class="pd3">S </span><span class="pd4">PE</span><span class="pd5">RS</span><span class="pd6">ON</span><span class="pd7">AL</span><span class="pd8">ES</span>
  22.                 </h1>
  23.  
  24.                 <p>
  25.                     <span class="pd11">No</span><span class="pd10">mb</span><span class="pd9">re</span>
  26.                 </p>
  27.  
  28.                 <p>
  29.                     <span class="pd12">Jo</span><span class="pd13">se</span><span class="pd14"> d</span><span class="pd15">e </span><span class="pd16">Je</span><span class="pd17">su</span><span class="pd18">s </span><span class="pd19">Ve</span><span class="pd20">ga</span><span class="pd21"> H</span><span class="pd22">er</span><span class="pd23">na</span><span class="pd24">nd</span><span class="pd25">ez</span>
  30.                 </p>
  31.  
  32.                 <p>
  33.                     <span class="pd31">Fe</span><span class="pd32">cha </span><span class="pd31">de</span><span class="pd30"> N</span><span class="pd29">ac</span><span class="pd28">imie</span><span class="pd27">nt</span><span class="pd26">o</span>
  34.                 </p>
  35.  
  36.                 <p>
  37.                     <span class="pd30">3</span><span class="pd29">1 </span><span class="pd28">de</span><span class="pd27"> O</span><span class="pd26">ct</span><span class="pd25">ub</span><span class="pd24">re</span><span class="pd23"> d</span><span class="pd22">e </span><span class="pd21">19</span><span class="pd20">92</span>
  38.                 </p>
  39.  
  40.                 <p>
  41.                     <span class="pd11">Co</span><span class="pd12">rr</span><span class="pd13">eo</span><span class="pd14"> E</span><span class="pd15">le</span><span class="pd16">ct</span><span class="pd17">ro</span><span class="pd18">ni</span><span class="pd19">co</span>
  42.                 </p>
  43.  
  44.                 <p>
  45.                     <span class="pd10">k-</span><span class="pd9">jo</span><span class="pd8">se</span><span class="pd7">-k</span><span class="pd6">@h</span><span class="pd5">ot</span><span class="pd4">ma</span><span class="pd3">il</span><span class="pd2">.c</span><span class="pd1">om</span>
  46.                 </p>
  47.             </div>
  48.         </section>
  49.         <section class="academic">
  50.             <div class="middle">
  51.                 <h1>FORMACION ACADEMICA</h1>
  52.                 <p>Universidad Autonoma Metropolitana</p>
  53.                 <p>CARRERA</p>
  54.                 <p>LICENCIATURA EN MATEMATICAS</p>
  55.                 <p>AVANCE</p>
  56.                 <p>37%</p>
  57.             </div>
  58.         </section>
  59.         <section class="experience">
  60.             <div class="middle">
  61.                 <h1>EXPERIENCIA</h1>
  62.                 <div class="experienceone">
  63.                     <div class="middle">
  64.                         <p class="companyone">EMPRESA</p>
  65.                         <p class="companynameone">AQUAINTERACTIVE</p>
  66.                         <p class="companyurlone">www.aquainteractive.com.mx</p>
  67.                         <p class="companypositionone">PUESTO</p>
  68.                         <p class="companypositionnameone">PHP JR</p>
  69.                         <p class="durationone">DURACION</p>
  70.                         <p class="dateone">15/10/2012 - 03/01/2013</p>
  71.                     </div>
  72.                 </div>
  73.                 <div class="experiencetwo">
  74.                     <div class="middle">
  75.                         <p class="companytwo">EMPRESA</p>
  76.                         <p class="companynametwo">LIBRERIA LEO</p>
  77.                         <p class="companyurltwo">www.laleo.com</p>
  78.                         <p class="companypositiontwo">PUESTO</p>
  79.                         <p class="companypositionnametwo">PHP Jr</p>
  80.                         <p class="durationtwo">DURACION</p>
  81.                         <p class="datetwo">24/02/2014 - 03/06/2014</p>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </section>
  86.         <section class="skills">
  87.             <div class="middle">
  88.                 <h1>CONOCIMIENTOS</h1>
  89.                 <p>Nivel Medio</p>
  90.                 <p><span class="php">PHP</span><span class="js"> JavaScript</span><span class="css3"> CSS3</span><span class="html5"> HTML5</span><span class="jquery"> Jquery</span></p>
  91.                 <p>Nivel Basico</p>
  92.                 <p><span class="mysql">MySQL</span><span class="wp"> WordPress</span></p>
  93.                 <p></p>
  94.             </div>
  95.         </section>
  96.         <div class="loading">
  97.             <span class="loading-content">Cargando <span class="loading-number">0</span>%</span>
  98.             <img id="galaxy" src="2012-03-23_NGC4886_in_Coma_Galaxy_Cluster.jpg" alt="" />
  99.             <img id="earth" src="terra.png" alt="" />
  100.             <img id="spaceship" src="herogeneric.gps-satellite-tracking.725x495.png" alt="" />
  101.             <img id="astronaut" src="astronauta.png" alt="" />
  102.             <img id="supernova" src="supernova.png" alt="">
  103.         </div>
  104.     </main>
  105. </body>
  106. </html>

En cuanto al elemento main pienso que esta bn utilizado

por una parte solo utilizo uno

No lo utilizo para areas principales de subsecciones

Su contenido es unico

Su contenido esta directamente relacionado con el tema principal(mi CV)