-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbarroco.html
More file actions
141 lines (130 loc) · 8.44 KB
/
Copy pathbarroco.html
File metadata and controls
141 lines (130 loc) · 8.44 KB
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Movimientos del Arte</title>
<link rel="stylesheet" href="sub_styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384- GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="actions.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384- w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<!--Tipografias-->
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Sacramento&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Sacramento&family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header>
<button id="boton-indice"><img src="img/index/logo.png" alt="Logo de la página" width="80"></button>
<h1>Movimientos del Arte</h1>
<h4> <b>Descubre el Arte a través del Tiempo:</b> Guía de Movimientos Artísticos Históricos</h4>
<nav id="indice">
<ul>
<li><a href="index.html">Principal</a></li>
<li><a href="barroco.html">Barroco</a></li>
<li><a href="rococo.html">Rococó</a></li>
<li><a href="neoclasicismo.html">Neoclasicismo</a></li>
<li><a href="romanticismo.html">Romanticismo</a></li>
<li><a href="proximamente.html">Realismo</a></li>
<li><a href="proximamente.html">Impresionismo</a></li>
<li><a href="proximamente.html">Art Nouveau</a></li>
<li><a href="proximamente.html">Futurismo</a></li>
<li><a href="proximamente.html">Expresionismo</a></li>
<li><a href="proximamente.html">Cubismo</a></li>
<li><a href="proximamente.html">Dadaísmo</a></li>
<li><a href="proximamente.html">Arte Abstracto</a></li>
<li><a href="proximamente.html">Surrealismo</a></li>
<li><a href="proximamente.html">Pop Art</a></li>
<li><a href="proximamente.html">Minimalismo</a></li>
<li><a href="proximamente.html">Hiperrealismo</a></li>
<li><a href="sobre_mi.html">Sobre Mí</a></li>
</ul>
</nav>
</header>
<section class="descripcion">
<div class="container">
<div class="texto">
<h2>Barroco</h2>
<p id="fecha">1600 - 1750</p>
<p>Abarca, aproximadamente, desde fines del siglo XVI hasta mediados del XVIII. Surgió como resultado de una transformación del pensamiento que había sido cimentado por el Renacimiento. A partir del Concilio de Trento, la Iglesia pretendió fortalecer su relación con la sociedad.</p>
</div>
<div class="imagen">
<img src="img/barroco/barroco1.jpg" alt="barroco" width="100%">
</div>
</div>
</section>
<section class="ubicacion">
<div class="container">
<div class="imagen" style="width: 100%"><iframe width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=italia+(Roma,%20Italia)&t=k&z=12&ie=UTF8&iwloc=B&output=embed"><a href="https://www.gps.ie/sport-gps/">gps watches</a></iframe></div>
<div class="texto">
<h5><b>Lugar de Apogeo</b></h5>
<p>Este estilo artístico fue desarrollado originalmente en Italia y luego se extendió a otros países de Europa como España, Francia, Inglaterra, Alemania y los Países Bajos.</p>
</div>
</div>
</section>
<section class="obras">
<h5><b>Obras Destacadas</b></h5>
<div id="carouselExampleCaptions" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Diapositiva 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Diapositiva 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Diapositiva 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="slides" src="img/barroco/slide1.jpg" alt="Salomé con la cabeza de Juan el Bautista" height="800px"></img>
<div class="carousel-caption d-none d-md-block">
<h5><b>Salomé con la cabeza de Juan el Bautista</b> </h5>
<p><b>Título original:</b> Salomè con la testa del Battista <br>
<b>Museo:</b> National Gallery, Londres (Reino Unido) <br>
<b>Técnica:</b> Óleo (91 × 106 cm.) <br>
<b>Escrito por:</b> Miguel Calvo Santos</p>
</div>
</div>
<div class="carousel-item">
<img class="slides" src="img/barroco/slide2.webp" alt="Mercurio y Argos" height="800px"></img>
<div class="carousel-caption d-none d-md-block">
<h5><b>Mercurio y Argos</b> </h5>
<p> <b>Museo:</b> Museo del Prado, Madrid (España)<br>
<b>Técnica:</b> Óleo (127 x 250 cm.) <br>
<b>Escrito por:</b> Lina Poveda</p>
</div>
</div>
<div class="carousel-item">
<img class="slides" src="img/barroco/slide3.jpg" alt="San Jerónimo escribiendo" height="800px"></img>
<div class="carousel-caption d-none d-md-block">
<h5><b>San Jerónimo escribiendo</b> </h5>
<p><b>Título original:</b> San Gerolamo <br>
<b>Museo:</b> Galería Borghese, Roma (Italia) <br>
<b>Técnica:</b> Óleo (112 x 157 cm) <br>
<b>Escrito por:</b> Laura Cabrera Guerrero</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Anterior</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Siguiente</span>
</button>
</div>
</section>
<footer>
<p class="frase">"El barroco es como un espejo fracturado que refleja la complejidad del alma humana a través de la exuberancia y la extravagancia de sus formas."</p>
<p class="copyright">©2024 Venuz. Todos los derechos reservados.</p>
<div class="contacto">
<p><img src="img/Logos/whatsapp.png" alt="Whatsapp" width="25"><a href="https://wa.me/qr/D47XPTWZEIVTG1">+52 55 3876 2357</a></p>
<p><img src="img/Logos/correo-electronico.png" alt="correo-electronico" width="25"><a href="mailto:areli_ale25@outlook.com">areli_ale25@outlook.com</a></p>
<p><img src="img/Logos/instagram.png" alt="instagram" width="25"><a href="https://www.instagram.com/venuz.jpg?igsh=MXdibms2ZGprZWJqMQ==">Instagram</a></p>
<p><img src="img/Logos/linkedin.png" alt="LinkedIn" width="25"><a href="https://www.linkedin.com/in/areli-guevara-554020259?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app">LinkedIn</a></p>
</div>
</footer>
</body>
</html>