-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (76 loc) · 4.69 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
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<title>Gerd Arntz</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital@0;1&display=swap" rel="stylesheet">
<style>
:root{ --bs-font-sans-serif: 'DM Sans', sans-serif; }
:hover { transition: all ease 0.5s; }
*{ font-weight: 400; }
header p { text-align: justify; }
header p.lead { line-height: 1.6; }
</style>
</head>
<body>
<header class="container">
<div class="row py-5">
<div class="col-12 col-sm-11 col-md-10 col-lg-9 col-xl-8 col-xxl-7 mx-auto">
<h1 class="mb-3 mt-5 text-center">Fritz Kahn</h1>
<h2 class="fs-6 mb-5 text-center text-uppercase">Jose Carter</h2>
<p class="lead"> Uno de los pioneros de las infografías que influyo de gran forma la manera en difundir datos del cuerpo humano de una forma creativa, por el hecho que uttilizaba el cuerpo humano en comparación con máquinas u otros elementos de el mundo para representar datos inportantes.</p>
<p>Fritz Kahn fue además un físico aleman con un buen entendimiento en el cuerpo humano, a continuación se puede ver aquello en algunos de sus trabajos:</p>
</div>
</div>
</header>
<main class="container-fluid bg-light">
<div class="row g-3">
<!--primera imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/Biologie-des-Bratenduftes.jpg" class="img-fluid" alt="describe lo que se ve en la imagen" />
<figcaption class="p-1 mb-3">Biologie des Bratenduftes, 1926.</figcaption>
</figure>
<!--segunda imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/Car-and-ear-conform-to-one-another.jpg" class="img-fluid" alt="describe lo que se ve en la imagen"/>
<figcaption class="p-1 mb-3">Car and ear conform to one another, 1929.</figcaption>
</figure>
<!--tercera imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/Der-mensch-als-industriepalast.jpg" class="img-fluid" alt="describe lo que se ve en la imagen"/>
<figcaption class="p-1 mb-3">Der Mensch als Industriepalast, 1926.</figcaption>
</figure>
<!--cuarta imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/MenschMaschine.jpg" class="img-fluid" alt="describe lo que se ve en la imagen"/>
<figcaption class="p-1 mb-3">MenschMaschine, 1931.</figcaption>
</figure>
<!--quinta imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/Muskel-u-Klingelleitung.jpg" class="img-fluid" alt="describe lo que se ve en la imagen"/>
<figcaption class="p-1 mb-3">Muskel-u-Klingelleitung, 1927.</figcaption>
</figure>
<!--sexta imagen-->
<figure class="col-12 col-sm-6">
<img loading="lazy" src="img/The-Purkinje-Vein-Figure-Fritz-Kahn.jpg" class="img-fluid" alt="describe lo que se ve en la imagen"/>
<figcaption class="p-1 mb-3">The Purkinje Vein Figure, 1931.</figcaption>
</figure>
</div>
</main>
<footer class="container-fluid bg-dark text-white-50">
<div class="row py-3">
<div class="col-12">
<p class="d-flex justify-content-between small p-1 m-0">
<!--reemplaza el # que sigue con la URL de tu cuenta en GitHub-->
<a href="https://github.com/Cartterr" class="link-light">Jose Carter</a>
<a href="https://github.com/profesorfaco/dno075-2021-2/" class="link-light">Infografía Digital</a>
<a href="https://github.com/profesorfaco/dno075-2021-2/tree/main/clase-01" class="d-none d-lg-inline link-light">Lunes 16 de agosto, 2021</a>
</p>
</div>
</div>
</footer>
</body>
</html>