-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (93 loc) · 5.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MusicoloBlog</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Acme&family=Montserrat:wght@500;700&family=Rowdies:wght@400;700&family=Shadows+Into+Light&family=Yanone+Kaffeesatz:wght@300&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<div class="container">
<a href="" class="logo">
<img class="logo-img" src="disco-de-vinilo.png" alt="Logo">
</a>
<h1 class="tile"><span class="bode">Música</span> para el alma</h1>
<nav class="nav">
<ul class="nav-list" id="nav-menu">
<li><a href="#">Triste</a></li>
<li><a href="#">Alegre</a></li>
<li><a href="#">Desconcentrado</a></li>
<li><a href="#">Enérgetico</a></li>
</ul>
<div>
<button type="button" class="button" id="btn"><i class='bx bx-menu'></i></button>
</div>
</nav>
</div>
</header>
<main class="main">
<section class="hero">
<div class="container">
<div class="container2">
<h3 class="hero-title2">¿Cómo la música afecta a nuestro cerebro?</h3>
</div>
<blockquote class="text-hero">
<p class="hero-parrafo"><strong>L</strong>a música nos rodea e inunda, nos hace emocionarnos, nos hace viajar en el tiempo, nos da fuerzas o nos llena en momentos de paz. La música se encuentra en cualquier parte, en cada sonido, en cada ritmo y en cada voz, <strong> pero, ¿qué le ocurre realmente a nuestro cerebro cuando escuchamos una melodía?</strong> <br><br>
<strong>Qué ocurre cuando escuchamos música?</strong> La parte derecha de nuestro cerebro nos hará imaginar y dejar volar nuestras emociones y la parte izquierda se activará analizando las obras y haciendo hincapié en la parte más racional, como por ejemplo el sentido de la letra, figuras musicales, ritmos… <br><br>
Al escuchar una pieza musical, existen varias formas de apreciarla. Primero, el cerebro la capta a través de las cortezas auditiva primaria y secundaria, localizadas en el lóbulo temporal (recibe y regula estímulos sensitivos).
<br><br>
Y si la música tiene voz, el cerebro lo procesa hacia la parte que maneja el lenguaje. Además, se dirige a otras regiones como son la corteza prefrontal (maneja cognición, emoción y conducta humana), y regiones talámicas e hipotalámicas (ambas manejan emociones).</p>
</blockquote>
<img src="musica_y_cerebro_02.jpg" alt="" class="img-hero">
</div>
</section>
<section class="hero">
<div class="container">
<div class="tarjetas">
<article class="tarjeta">
<div class="container__title__tarjeta">
<h3 class="title__tarjeta">Triste</h3></div>
<p class="p__tarjeta">No hay forma de ponernos algo de música alegre para animar las penas. Lo que puede parecer una actitud masoca, en realidad es una reacción muy común que tiene que ver con dos cosas: con la empatía y con la hormona prolactina. <br>
Cuando estamos mal, nos gusta recrearnos en ese sentimiento y sentirnos que, de alguna forma, alguien nos acompaña en este momento complicado que estamos pasando. </p>
<div class="btn__tarjeta">
<button type="button" class="btn">Música</button>
</div>
</article>
<article class="tarjeta">
<div class="container__title__tarjeta">
<h3 class="title__tarjeta">Alegre</h3></div>
<p class="p__tarjeta">Escuchar música crea picos de emociones que incrementan la cantidad de dopamina, un neurotransmisor que ayuda a controlar los centros de recompensa y placer del cerebro. <br>
Es por eso que hay canciones que te ayudan a levantar el ánimo. </p>
<div class="btn__tarjeta">
<button type="button" class="btn">Música</button>
</div>
</article>
<article class="tarjeta">
<div class="container__title__tarjeta">
<h3 class="title__tarjeta" >Desconcentrado</h3></div>
<p class="p__tarjeta">La capacidad de concentración y enfoque es fundamental para nuestro cerebro en numerosos aspectos de nuestra vida diaria, ya sea en el trabajo, los estudios o en la realización de tareas creativas. Muchas personas buscan herramientas y técnicas que les ayuden a mejorar su concentración, y la música ha demostrado ser una influencia poderosa en este sentido.</p>
<div class="btn__tarjeta">
<button type="button" class="btn">Música</button>
</div>
</article>
<article class="tarjeta">
<div class="container__title__tarjeta">
<h3 class="title__tarjeta">Enérgetico</h3></div>
<p class="p__tarjeta">¿Sientes que tienes energia acumulada en tu cuerpo? Entonces dejala salir, canta, baila, grita, esparce toda tu energía por tu casa, por tu trabajo, por dónde sea que estes. La música puede ayudarte a que las hormonas que se encargan del sentimiento de bienestar recorra cada centimetro de tu cuerpo.</p>
<div class="btn__tarjeta">
<button type="button" class="btn">Música</button>
</div>
</article>
</div>
</div>
</section>
</main>
<script src="scripts.js"></script>
</body>
</html>