diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..60e2b16
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+ "editor.tabSize": 2,
+ "editor.insertSpaces": true,
+ "editor.detectIndentation": false,
+ "html.format.wrapLineLength": 0,
+ "files.trimTrailingWhitespace": true
+}
diff --git a/css/estil.css b/css/estil.css
new file mode 100644
index 0000000..e971ae1
--- /dev/null
+++ b/css/estil.css
@@ -0,0 +1,127 @@
+@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400;1,600&family=Roboto:ital,wght@0,300;0,500;0,700;0,900;1,300;1,500;1,700;1,900&display=swap');
+
+/* https://colorhunt.co/palette/1926553876bfe1aa74f3f0ca */
+
+:root {
+ --color-text: rgb(0, 59, 74);
+ --color-principal: rgb(25, 38, 85);
+ --color-secundari: rgb(56, 118, 191);
+ --color-terciari: rgb(225, 170, 116);
+ --color-quaternari: rgb(243, 240, 202);
+}
+
+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ font-family: 'Roboto', sans-serif;
+ color: var(--color-principal);
+ background-color: #FAFAFA;
+ font-weight: 300;
+}
+
+footer {
+ margin-top: 32px;
+}
+
+header,
+footer {
+ background-color: var(--color-principal);
+ width: 100%;
+ color: var(--color-quaternari);
+ padding: 16px 0;
+}
+
+main {
+ flex: 1;
+ margin-top: 16px;
+}
+
+a:link,
+a:visited,
+a:active {
+ text-decoration: none;
+ color: var(--color-secundari);
+}
+
+a:hover {
+ color: var(--color-terciari);
+}
+
+.container {
+ margin: 0 32px;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.dues-columnes {
+ display: grid;
+ grid-template-columns: auto auto;
+ justify-content: space-between;
+ box-sizing: border-box;
+}
+
+.dues-columnes a:link,
+.dues-columnes a:visited,
+.dues-columnes a:active {
+ font-weight: 300;
+ text-decoration: none;
+ color: var(--color-quaternari);
+}
+
+.dues-columnes a:hover {
+ color: var(--color-secundari);
+}
+
+h1,
+h2 {
+ font-family: 'Lora', serif;
+}
+
+h1 {
+ margin: 16px 0;
+ font-size: xx-large;
+ font-weight: 400;
+}
+
+h2 {
+ font-size:larger;
+ background-color: var(--color-principal);
+ width: 100%;
+ padding: 16px;
+ margin: 16px 0;
+ color: var(--color-quaternari);
+ font-weight: 600;
+ box-sizing: border-box;
+}
+
+ul {
+ padding-inline-start: 24px;
+}
+
+li.subject {
+ font-weight: 500;
+}
+
+li > ul > li {
+ font-weight: 300;
+}
+
+li.subject:not(:last-child) {
+ margin-bottom: 8px;
+}
+
+@media screen and (min-width: 1200px) {
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 0;
+ padding-right: 0;
+ width: 1108px;
+ }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bcb8884
--- /dev/null
+++ b/index.html
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+ rbuj@UOC
+
+
+
+
+
+
+ Cursos de postgrau a la UOC
+ Màster en .NET
+ Màster interuniversitari de seguretat de les tecnologies de la informació i de les comunicacions (MISTIC)
+
+ - Identitat digital
+ - Vulnerabilitats de seguretat
+
+ Màster universitari en desenvolupament d'aplicacions web (MUDAW)
+
+ -
+ Disseny d'interfícies interactives
+
+
+ -
+ HTML i CSS
+
+
+ -
+ Programació JavaScript per a programadors
+
+ -
+ Ús de l'entorn de desenvolupament en programació en JavaScript per a programadors
+
+
+ -
+ Conceptes de JavaScript: Objectes i Classes. This i Prototype. Scope, Hoisting i Closures
+
+
+ -
+ Asincronia en JavaScript. Callbacks. Promises. Async/Await
+
+
+ -
+ Consulta i manipulació del DOM
+
+
+ -
+ Exercicis temes 3 i 4
+
+
+
+
+ Màster universitari en enginyeria informàtica (MUEI)
+
+ Màster universitari en programari lliure (MPLL)
+
+
+
+
+
+
\ No newline at end of file