-
Notifications
You must be signed in to change notification settings - Fork 26
/
index.html
92 lines (86 loc) · 4.31 KB
/
index.html
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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Taller Git</title>
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/normalize.css">
<link rel="stylesheet" href="stylesheets/styles.css">
<link rel="stylesheet" href="stylesheets/iconstyle.css">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
</head>
<body>
<header class="headerbar">
</header>
<section class="headerbar_information">
<div class="user">
<div class="headerbar_userimage">
<img src="https://goo.gl/cnLhRO" alt="User">
<h1> Nombre Integrante</h1>
<p>¿Te gusta el GEORGIE?<br/>
GEORGIE
</p>
</div>
<div class="career_name">
<h2>¿De dónde eres?</h2>
</div>
</div>
</section>
<div class="principal-container">
<div class="block-container">
<div class="block">
<h3>Título</h3>
<p>Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raíces en una pieza clásica de la literatura del Latín, que data del año 45 antes de Cristo, haciendo que este adquiera más de 2000 años de antigüedad. Richard McClintock, un profesor de Latín de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera línea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una línea en la sección 1.10.32</p>
</div>
<div class="block">
<h3>Aspiraciones</h3>
<p>Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raíces en una pieza clásica de la literatura del Latín, que data del año 45 antes de Cristo, haciendo que este adquiera más de 2000 años de antigüedad. Richard McClintock, un profesor de Latín de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera línea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una línea en la sección 1.10.32</p>
</div>
<div class="block">
<h3>Canvas</h3>
<p>Canvas (lienzo en inglés) es un elemento HTML incorporado en HTML5 que permite la generación de gráficos dinámicamente por medio del scripting. Permite generar gráficos estáticos y animaciones. Cualquier texto dentro de este elemento se mostrará solo en los navegadores que no soportan el canvas.</div>
</div>
</div>
<footer class="footerbar">
<div class="social-media">
<h2 class="create">
Por <strong>Nombre del Integrante</strong>
</h2>
<ul>
<li>
<a class="icon icon-facebook2" href="#" target="_blank">
</a>
</li>
<li>
<a class="icon icon-twitter" href="#" target="_blank">
</a>
</li>
<li>
<a class="icon icon-linkedin" href="" target="_blank" >
</a>
</li>
<li>
<a class="icon icon-github4" href="#" target="_blank">
</a>
</li>
<li>
<a class="icon icon-google-plus2" href="" target="_blank">
</a>
</li>
<li>
<a class="icon icon-dropbox" href="" target="_blank">
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>