fundamentodehtml/experiencia.html at master · alvaromoralesa/fundamentodehtml · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
	<head>
		<title>Curriculum Vitae</title>
		<meta charset="utf-8">
	</head>
	<body>
	<!-- 1.- Logo SVG -->
		<svg height="130" width="500">
  			<defs>
    			<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
     				<stop offset="0%" style="stop-color:rgb(255,255,0);stop-opacity:1" />
      				<stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" />
    			</linearGradient>
  			</defs>
  			<ellipse cx="100" cy="70" rx="85" ry="55" fill="url(#grad1)" />
  			<text fill="#ffffff" font-size="45" font-family="Verdana" x="50" y="86">AM</text>
  			Lo siento, tu navegador no soporta SVG
		</svg>
		<!-- 2.-Titulo-->
		<h1>Curriculum Vitae</h1>
		<!-- 3.- Datos Personales-->
		<h2>Nombres: </h2>
		<h3>Alvaro Luis</h3>
		<h2>Apellidos: </h2>
		<h3>Morales Aliaga</h3>
		<h2>Fecha de nacimiento: </h2>
		<h3>02-spetiembre-1987</h3>
		<h2>Lugar de nacimiento: </h2>
		<h3>Arica</h3>
		<!-- 4.- Enlaces de menú básico-->
		<ul>
			<li><a  href="index.html">Inicio</a></li>
			<li><a href="educacion.html">Educacion</a></li>
			<li><a href="experiencia.html">Experiencia</a></li>
		</ul>
		<!-- 5.- titulo h1 -->
		<h1>Experiencia</h1>
		<!-- 6.- video -->
		<h4>Video: Experiencia e intereses</h4>
		<video src="res/intereses.mp4" controls title="Habilidades e intereses" width="50%"></video>
		<br/>
		<!-- 7 audio -->
		<h4>Audio: hobbie y actividades recreacionales</h4>
		<audio src="res/hobbies.m4a" controls title="hobbie y actividades recreacionales"></audio>
		<!-- 8 footer -->
		<footer>
			<h4>Contacto</h4>
				<ul>
					<li>Correo:  <a href="mailto:alvaro.morales.a@gmail.com">alvaro.morales.a@gmail.com</a></li>
					<li>telefono: <a href="tel:+56997835555">9783-5555</a></li>
				</ul>
		</footer>
	</body>
</html>