diff --git a/_includes/layout.vto b/_includes/layout.vto
index 7e8bea3..f4929fa 100644
--- a/_includes/layout.vto
+++ b/_includes/layout.vto
@@ -30,9 +30,14 @@
     </div>
   </header>
 
-  {{ about |> md }}
+  <section class="about">
+    <h2>{{ about.title }}</h2>
+    <div>
+    {{ about.content |> md }}
+    </div>
+  </section>
 
-  <section>
+  <section class="timetable">
     <h2>{{ timetable.title }}</h2>
 
     {{ for day of timetable.days }}
@@ -48,55 +53,64 @@
     {{ /for }}
   </section>
 
-  <section>
-    <a href="{{ tickets.cta.url }}">{{ tickets.cta.text }}</a>
-    {{ tickets.text |> md }}
+  <section class="tickets">
+    <div>
+      <a href="{{ tickets.cta.url }}" class="button">{{ tickets.cta.text }}</a>
+      {{ tickets.text |> md }}
+    </div>
   </section>
 
-  <section>
+  <section class="speakers">
     <h2>{{ speakers.title }}</h2>
 
-    <ul>
+    <ul class="speakers-people">
     {{ for speaker of speakers.people }}
       <li>
         <article>
-          <h3>{{ speaker.title |> md(true) }}</h3>
           <img src="{{ speaker.img }}" alt="Retrato">
 
-          {{ for event of speaker.items }}
-          <section>
-            <h4>{{ event.title |> md(true) }}</h4>
-            {{ event.description |> md }}
+          <div class="speakers-person">
+            <h3>{{ speaker.title |> md(true) }}</h3>
+
+            {{ for event of speaker.items }}
+            <section>
+              <h4>{{ event.title |> md(true) }}</h4>
+              {{ event.description |> md }}
 
-            <footer>
-              {{ event.footer |> md }}
-            </footer>
-          </section>
-          {{ /for }}
+              <footer>
+                {{ event.footer |> md }}
+              </footer>
+            </section>
+            {{ /for }}
+          </div>
         </article>
       </li>
     {{ /for }}
     </ul>
   </section>
 
-  <section>
+  <section class="location">
     <div>
-      <h3>{{ location.conferences.title }}</h3>
-      <address>
-        {{ location.conferences.address |> md }}
-      </address>
-    </div>
-    <div>
-      <h3>{{ location.workshops.title }}</h3>
-      <address>
-        {{ location.workshops.address |> md }}
-      </address>
+      <h2>{{ location.title }}</h2>
+      <div>
+        <h3>{{ location.conferences.title }}</h3>
+        <address>
+          {{ location.conferences.address |> md }}
+        </address>
+      </div>
+      <div>
+        <h3>{{ location.workshops.title }}</h3>
+        <address>
+          {{ location.workshops.address |> md }}
+        </address>
+      </div>
     </div>
   </section>
 
-  <footer>
-    {{ for group of logos }}
+  <footer class="footer">
     <div>
+    {{ for group of logos }}
+      <div>
       <strong>{{ group.title }}</strong>
       <ul>
         {{ for logo of group.items }}
@@ -105,8 +119,9 @@
         </li>
         {{ /for }}
       </ul>
-    </div>
+      </div>
     {{ /for }}
+    </div>
   </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/index.yml b/index.yml
index e679ae5..2cbbfee 100644
--- a/index.yml
+++ b/index.yml
@@ -8,10 +8,12 @@ header:
     Santiago de Compostela<br>
     3-4.11.2023
 
-about: |
-  Celebramos a 5a edición do Foro bianual FEED para dar a coñecer e compartir as experiencias de profesionais do deseño, tanto galegos como de ámbito nacional, que buscan a diferenciación para chegar a un público cada vez máis exixente e con necesidades máis personalizadas. Proxectos de deseño gráfico, deseño de produto, deseño dixital, deseño de estratexia ou deseño de servizos, e a participación de estudantes de diferentes escolas de deseño de Galicia, completan un programa que busca a implicación e o intercambio de coñecemento en prol dunha mellor integración do deseño na sociedade actual.
+about:
+  title: Sobre o FEED
+  content: |
+    Celebramos a 5a edición do Foro bianual FEED para dar a coñecer e compartir as experiencias de profesionais do deseño, tanto galegos como de ámbito nacional, que buscan a diferenciación para chegar a un público cada vez máis exixente e con necesidades máis personalizadas. Proxectos de deseño gráfico, deseño de produto, deseño dixital, deseño de estratexia ou deseño de servizos, e a participación de estudantes de diferentes escolas de deseño de Galicia, completan un programa que busca a implicación e o intercambio de coñecemento en prol dunha mellor integración do deseño na sociedade actual.
 
-  Dous días con obradoiros formativos nas xornadas de mañá e conferencias e presentacións de proxectos nas xornadas de tarde, onde contaremos coa presenza de Artur Galocha, que amosará a evolución do seu traballo e impartirá o primeiro obradoiro de deseño editorial; a deseñadora de tipografías María Ramos, que fará un percorrido pola tipografía contemporánea e falará dos procesos creativos neste campo; e Carmen Lanza, experta en deseño de espazos interactivos en empresas de ámbito internacional. Pechamos o primeiro día coa presentación de proxectos fin de curso dos futuros deseñadores galegos.
+    Dous días con obradoiros formativos nas xornadas de mañá e conferencias e presentacións de proxectos nas xornadas de tarde, onde contaremos coa presenza de Artur Galocha, que amosará a evolución do seu traballo e impartirá o primeiro obradoiro de deseño editorial; a deseñadora de tipografías María Ramos, que fará un percorrido pola tipografía contemporánea e falará dos procesos creativos neste campo; e Carmen Lanza, experta en deseño de espazos interactivos en empresas de ámbito internacional. Pechamos o primeiro día coa presentación de proxectos fin de curso dos futuros deseñadores galegos.
 
 timetable:
   title: Programa
@@ -241,17 +243,18 @@ speakers:
           url: https://www.isidroferrer.com/
 
 location:
+  title: Como chegar
   conferences:
     title: Conferencias
     address: |
-      CGAC
-      Rúa Valle Inclán, 2
+      CGAC  
+      Rúa Valle Inclán, 2  
       Santiago de Compostela
   workshops:
     title: Obradoiros e Exposición
     address: |
-      Fundación DIDAC
-      Rúa Pérez Constanti, 12
+      Fundación DIDAC  
+      Rúa Pérez Constanti, 12  
       Santiago de Compostela
 
 logos:
diff --git a/styles.css b/styles.css
index 1c3db36..c9142db 100644
--- a/styles.css
+++ b/styles.css
@@ -27,8 +27,8 @@ html {
  */
 .page-header {
 	position: fixed;
-	background: rgba(0, 0, 0, 0.5);
-	color: rgba(255, 255, 255, 0.5);
+	background: var(--color-main);
+	color: white;
 	top: 0;
 	left: 0;
 	width: 100%;
@@ -61,7 +61,7 @@ html {
 		}
 
 		& path {
-			fill: rgba(255, 255, 255, 0.5);
+			fill: white;
 		}
 
 		&:hover {
@@ -93,7 +93,7 @@ html {
 	grid-template-columns: 1fr 1fr;
 	align-items: center;
 	justify-content: center;
-	gap: 2rem;
+	gap: 4rem;
 	padding: 5vw;
 
 	.header-content {
@@ -117,4 +117,225 @@ html {
 	& p {
 		font-size: clamp(1rem, 2.5vw, 2rem);
 	}
+}
+
+.about {
+	background: var(--color-main);
+	color: white;
+	display: grid;
+	grid-template-columns: minmax(auto, 1200px);
+	justify-content: center;
+	padding: 5vw;
+
+	> div {
+		column-width: 25em;
+		column-gap: 4rem;
+		font-size: var(--fs-16);
+		line-height: 1.5;
+
+		& p {
+			margin: 0 0 .5em 0;
+		}
+	}
+}
+
+.timetable {
+	padding: 5vw;
+	max-width: 1200px;
+	margin: auto;
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	column-gap: 4rem;
+
+	& h2 {
+		text-transform: uppercase;
+		font-size: clamp(2rem, 5vw, 4rem);
+		letter-spacing: -0.02em;
+		grid-column: 1 / -1;
+	}
+
+	& h3 {
+		text-transform: uppercase;
+	}
+
+	& dl {
+		display: grid;
+		grid-template-columns: 8em 1fr;
+		gap: 1rem;
+		line-height: 1.4;
+	}
+	& p,
+	& dt,
+	& dd {
+		margin: 0;
+	}
+	& dt,
+	& dd span {
+		color: var(--color-medium);
+	}
+	& dd strong {
+		display: block;
+	}
+}
+
+.tickets {
+	background: var(--color-main);
+	color: white;
+	display: grid;
+	grid-template-columns: minmax(auto, 600px);
+	justify-content: center;
+	padding: 5vw;
+	text-align: center;
+
+	& a {
+		color: var(--red);
+	}
+
+	.button {
+		display: inline-block;
+		background: var(--red);
+		color: var(--color-main);
+		text-decoration: none;
+		padding: 1em 2em;
+		font-size: var(--fs-18);
+		font-weight: bold;
+		border-radius: 8px;
+		margin-bottom: 1em;
+		transition: background-color .5s;
+
+		&:hover {
+			background: white;
+		}
+	}
+
+	& p {
+		margin: .5em 0 0 0;
+	}
+}
+
+.speakers {
+	padding: 5vw;
+	max-width: 1200px;
+	margin: auto;
+
+	& h2 {
+		text-transform: uppercase;
+		font-size: clamp(2rem, 5vw, 4rem);
+		letter-spacing: -0.02em;
+	}
+}
+.speakers-people {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+
+	& h3 {
+		font-size: clamp(1rem, 2.5vw, 2rem);
+		margin: 0;
+
+		&::after {
+			display: block;
+			content: "";
+			height: 0.15em;
+			width: 1em;
+			background: currentColor;
+			margin: 1em 0;
+		}
+	}
+
+	& article {
+		display: grid;
+		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+
+		> img {
+			max-width: 100%;
+		}
+
+		> div {
+			padding: 4rem;
+			padding-right: 0;
+		}
+	}
+
+	& li:nth-child(even) article {
+		> img {
+			grid-column: 2;
+		}
+		> div {
+			grid-column: 1;
+			grid-row: 1;
+			padding-left: 0;
+			padding-right: 4rem;
+		}
+	}
+}
+
+.location {
+	background: var(--black-10);
+	display: grid;
+	grid-template-columns: minmax(auto, 1200px);
+	justify-content: center;
+	padding: 5vw;
+
+	& h2 {
+		text-transform: uppercase;
+		font-size: clamp(2rem, 5vw, 4rem);
+		letter-spacing: -0.02em;
+		margin: 0;
+		grid-column: 1 / -1;
+	}
+
+	& h3 {
+		margin: 0;
+	}
+
+	> div {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 4rem;
+
+		> div {
+			background-color: var(--green);
+			padding: 2rem;
+			border-radius: 8px;
+
+			+ div {
+				background-color: var(--yellow);
+			}
+		}
+	}
+
+	& address {
+		font-style: normal;
+		line-height: 1.4;
+
+		& p {
+			margin: 1em 0 0;
+		}
+	}
+}
+
+.footer {
+	background: var(--color-main);
+	color: white;
+	display: grid;
+	grid-template-columns: minmax(auto, 1200px);
+	justify-content: center;
+	padding: 5vw;
+
+	> div {
+		display: flex;
+		column-gap: 4rem;
+	}
+	& ul {
+		list-style: none;
+		padding: 0;
+		display: flex;
+		gap: 2rem;
+		flex-wrap: wrap;
+	}
+
+	& img {
+		height: 40px;
+	}
 }
\ No newline at end of file