-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (160 loc) · 11.7 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
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Meta tags -->
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<meta name="autor" content="Andrés Mendoza">
<meta name="copyright" content="Created by Andrés Mendoza">
<meta name="description" content="El arte como parte de lo que somos y lo que hacemos">
<meta name="keywords" content="arte, el arte, El arte, Arte">
<meta name="theme-color" content="#222">
<!-- Meta tags Open Graph -->
<meta property="og:title" content="El arte">
<meta property="og:description" content="El arte como parte de lo que somos y lo que hacemos">
<meta property="og:type" content="website">
<meta property="og:url" content="https://---.com/">
<meta property="og:img" content="https://---.com/..">
<!-- Link tags -->
<link rel='stylesheet' type='text/css' href='origin/css/normalize.css'>
<link rel="stylesheet" type="text/css" href="origin/css/header-styles.css">
<link rel="stylesheet" type="text/css" href="origin/css/body-styles.css">
<link rel="stylesheet" type="text/css" href="origin/css/footer-styles.css">
<link rel="canonical" href="https://---.com/">
<link rel="icon" href="origin/multimedia/img/favicon.png">
<link rel="apple-touch-icon" href="origin/multimedia/img/favicon.png">
<script defer src='origin/js/index.js' type="module"></script>
<title>El arte</title>
</head>
<body>
<noscript><h2>Es necesario que tengas habilitado JS en tu navegador para acceder a esta página.</h2></noscript>
<div class="container">
<header class="header">
<div class="header-container">
<nav class="header-container__nav">
<a class="header-container__a" href="#art">El arte</a>
<a class="header-container__a" href="#arts">Los siete</a>
<a class="header-container__a" href="#artist">Creativos</a>
<a class="header-container__a" href="#me">Percepción</a>
</nav>
<button class="header-container__btn">
<img class="header-container__img" alt="dark mode" title="dark mode">
</button>
</div>
</header>
<main class="main">
<div class="main-container">
<div class="presentation">
<div class="presentation-container">
<h1 class="presentation-container__h1"><spam class="presentation-container__spam">EL ARTE.</spam></h1>
<p class="presentation-container__p">
<img class="presentation-container__img" src="origin/multimedia//img/presentation-img.avif" title="El arte" alt="El arte">
</p>
</div>
</div>
<div class="art" id="art">
<div class="art-container">
<h2 class="art-container__h2">Concepto.</h2>
<p class="art-container__p">Manifestación de la actividad humana mediante la cual se interpreta
lo real o se plasma lo imaginado con recursos plásticos, lingüísticos o sonoros.</p>
<p class="art-container__p">Teniendo en cuenta la definición técnica, el arte es expresarse,
es la expresión de un sentimiento por medio de alguna de las formas que este toma,
los siete pilares que le dan sentido a la arquitectura del concepto, las bellas artes.</p>
</div>
</div>
<div class="arts" id="arts">
<div class="arts-container">
<h2 class="arts-container__h2">Los siete.</h2>
<p class="arts-container__p">A lo largo de la historia se ha clasificado el arte en siete formas de expresión,
las siete bellas artes que le dan vida a las ideas, sentimientos y han abatido algunos
malestares permitiendoles plasmar un poco de ello en las personas con brotes creativos.</p>
<h4 class="arts-container__h4">Arquitectura.</h4>
<p class="arts-container__p">La arquitectura es la forma en la que a traves del tiempo se ha dejado
huella de como vemos las personas como un conjunto la vida, la forma clara de lo que intento decir es,
que hace falta tan solo ver la diferencia de arquitectura que hay entre países, cada ciudad, cada monumento
es una forma de expresar como ellos ven el mundo desde donde les tocó nacer.</p>
<h4 class="arts-container__h4">Escultura.</h4>
<p class="arts-container__p">Por medio de múltiples materiales se elaboran hermosas figuras 3D.</p>
<p class="arts-container__p">Durante muchos años me pareció una de las más grandes artes que hay debido al detalle, eficacia y
precisión que un artista debía tener para la realización de una escultura como el Miguel Ángel.</p>
<h4 class="arts-container__h4">Pintura.</h4>
<p class="arts-container__p">Es el arte que nos deleita con la expresión de los trazos, ya sea sobre el lienzo en blanco,
a pepel o cualquier otro tipo de paisaje en blanco que nos permita plasmar un poco de nosotros en él.
</p>
<h4 class="arts-container__h4">Música.</h4>
<p class="arts-container__p">La música es energía, es una forma de comunicar y contagiar a las personas de un sentimiento
a traves de los instrumentos los cuales generan bellos sonidos que nos hacen remontar a aquella memoria de una emoción.
</p>
<h4 class="arts-container__h4">Literatura.</h4>
<p class="arts-container__p">Es sin duda la manera más clara de expresarse, es la forma en la que
por medio del lenguaje las personas encuentran el camino para así poder ahogar las penas, o poder
compartir lo felices que son, o plasmar los pensamientos a manera de poder dar entendimiento por
medio de palabras a aquella idea, situación o escenario que pudieron idear.
</p>
<h4 class="arts-container__h4">Danza.</h4>
<p class="arts-container__p">La expresión por medio del cuerpo, mediante movimientos elegantes y soberbios
la danza se hace presente como una de las bellas artes más precisas y expresivas que hay.
</p>
<h4 class="arts-container__h4">Cine.</h4>
<p class="arts-container__p">El séptimo arte, es la imitación de la vida por medio de la gran pantalla,
los actores imitan situaciones de tal manera que es imposible no proclamar arte al gran trabajo
de estos grandes interpretes.
</p>
</div>
</div>
<div class="artist" id="artist">
<div class="artist-container">
<h2 class="artist-container__h2">Las personas creativas.</h2>
<p class="artist-container__p">Comencemos por definir a una persona creativa:</p>
<p class="artist-container__p">Una persona con creatividad es aquella que es capaz de ver las cosas donde los otros no,
es capaz de inspirarse, ver escenarios en las nubes dandoles formas y creando una perfecto
significado a eso que estaba viendo, ese es un ejemplo de ello.
</p>
<p class="artist-container__p">La creatividad nace del sentimiento y una mente intranquila,
algo que expresar y la mente para ser capaz de tomar un sentimiento y
combinarlo con una forma de belleza que intente expresar dicho sentir.
</p>
<p class="artist-container__p">Este tipo de personas plasman su propia escencia en su arte, su propio estilo,
su propio ser. Solo hace falta un sentimiento como la tragedia de una vida gris,
la felicidad en una vida amarilla, la melancolía en el morado, o la tristeza en el negro.
</p>
<p class="artist-container__p">Ven el dolor en el amor, ven el dolor de un modo diferente, ven la alegría en los colores del cielo,
ven lo que otros no en los ojos de otra persona, la belleza en una sonrisa o en el ocaso de la noche.
</p>
</div>
</div>
<div class="me" id="me">
<div class="me-container">
<h2 class="me-container__h2">El arte en mis ojos.</h2>
<p class="me-container__p">El arte es una expresión, la expresión más pura del alma,
es la forma en la que vemos las cosas.
</p>
<p class="me-container__p">Es una forma de proyectar un sentimiento, una emoción, de esa manera nace y no discrimina al respecto,
de tal forma que, da igual si es el dolor y la tragedia, la felicidad del amor y la armonía,
o un desabrido trago de melancolía.
</p>
<p class="me-container__p">Solo hace falta una persona cuyo sentimiento sea más grande que sí para buscar una forma de ahogarlo
en una expresión que intente tan siquiera emular una pequeña parte de lo que esa persona estaba
sintiendo en esos momentos, fallando siempre al hacerlo porque solo bajo el mismo sentir podrías
entender lo que esa persona intentaba sacar de su cuerpo al escribir, componer, esculpir, tocar o construir.
</p>
<p class="me-container__p">Es por ello que se considera que el arte se encuentra en todo, porque todo sentimiento puede inspirar una obra,
solo hace falta una persona que vea algo donde los demás no.</p>
</div>
</div>
<div class="phrase">
<div class="phrase-container">
<h2 class="phrase-container__h2">"Desarrollar es un arte".</h2>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-container">
<p class="footer-container__p">Created by Andrés Mendoza</p>
</div>
</footer>
</div>
</body>
</html>