+
+
+
+
+
+
\ No newline at end of file
diff --git a/README.md b/README.md
index d2b2edf..097873f 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,8 @@
-# Alfonso's Webpage
-A site used to show some of my personal and academic projects. I also talk a bit about who I am and what I like to do
+---
+description: This is a test for the GitBook platform
+---
-## Portfolio (WIP)
-### Personal
-- [ ] HRSME V2
-- [ ] STR14 Papercraft
-- [ ] AT01 Papercraft
+# Initial page
-
+This is a test of the content section of the **platform**
-### School and University
-- [ ] HRSME V1
-- [ ] Self - driving RC Car
-- [ ] Tic - tac - toe
-- [ ] Self - driving Car
-- [ ] PID Controller for Coupled Electric Motors
diff --git a/SUMMARY.md b/SUMMARY.md
new file mode 100644
index 0000000..5da1733
--- /dev/null
+++ b/SUMMARY.md
@@ -0,0 +1,4 @@
+# Table of contents
+
+* [Initial page](README.md)
+
diff --git a/TODO b/TODO
new file mode 100644
index 0000000..2f72741
--- /dev/null
+++ b/TODO
@@ -0,0 +1,19 @@
+- Wireframes
+ * Use Figma
+ * Handmade sketches
+
+- Dropdown for projects page (CSS)
+ * Add
tags
+ * Fix list structure (https://www.w3schools.com/css/css_navbar_horizontal.asp)
+ * All pages
+
+- Get social media buttons for contact page
+ * Wordpress
+ * Online Media Library
+
+- Draft for the Journal in Notion
+ * Structure of entries
+ · Bullets, short sentences or phrases
+ · Pictures
+ * Look for a template in the Notion library
+ * Decide if it will be in English or in Spanish, probably English
\ No newline at end of file
diff --git a/images/me_pic.jpg b/images/me_pic.jpg
new file mode 100644
index 0000000..43b4960
Binary files /dev/null and b/images/me_pic.jpg differ
diff --git a/index.html b/index.html
index 0ab15e5..69f42c3 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,48 @@
-
-
-
Welcome!
-
In this webpage you will find several ways to get to know me better. Some of them will be through my project portfolio,
- other through a section where I talk about who I am and what I do, and a last one through a journal for the whole COVID19 pandemic
-
In this webpage you will find several ways to get to know me better.
+ Some of them will be through my project portfolio,
+ another one through a section where I talk about who I am and what I do,
+ and a last one through a journal for the whole COVID19 pandemic.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/index_ES.html b/index_ES.html
new file mode 100644
index 0000000..1d41ac0
--- /dev/null
+++ b/index_ES.html
@@ -0,0 +1,39 @@
+
+
+
+ Página Principal
+
+
+
+
+
+
+
+
+
En esta página vas a encontrar muchas formas de conocerme mejor. Algunas de ellas van a ser a través de un
+ portafolio de proyectos, otra por medio de una corta descripción de quién soy y lo que actualmente hago
+ y por último una página dedicada a un diario que he llevado desde que empezó toda la pandemia del COVID19.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/styles/master.css b/styles/master.css
new file mode 100644
index 0000000..17b4f00
--- /dev/null
+++ b/styles/master.css
@@ -0,0 +1,51 @@
+ a {
+ color: blue;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: #4a5db1;
+ text-decoration: none;
+ }
+
+body {
+ font-family: Arial;
+ padding: 10px;
+ background: #f1f1f1;
+ }
+
+ /* Style the top navigation bar */
+ .topnav {
+ overflow: hidden;
+ background-color: #333;
+ }
+
+ /* Style the topnav links */
+ .topnav a {
+ float: left;
+ display: block;
+ color: #f2f2f2;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ }
+
+ /* Change color on hover */
+ .topnav a:hover {
+ background-color: #ddd;
+ color: black;
+ }
+
+ /* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
+ @media screen and (max-width: 400px) {
+ .topnav a {
+ float: none;
+ width: 100%;
+ }
+ }
+
+ .footer {
+ /* background-color: #333; */
+ text-align: center;
+ padding: 1px;
+ }
\ No newline at end of file
+
+
+
+
+
+
\ No newline at end of file
diff --git a/EN/contact.html b/EN/contact.html
new file mode 100644
index 0000000..4459393
--- /dev/null
+++ b/EN/contact.html
@@ -0,0 +1,46 @@
+
+
+
+