diff --git a/README.md b/README.md
index 60443a8d..8a1822a3 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# PowERP documentation
-[Build of our documentation](http://builds.gisce.net/powerp-docs/powerp/)
+[Build of our documentation](http://builds.gisce.net/powerp-docs/)
## Setting up your environment
diff --git a/docs/base/atr.md b/docs/base/atr.md
index eba816f6..afc13f61 100644
--- a/docs/base/atr.md
+++ b/docs/base/atr.md
@@ -837,5 +837,5 @@ L'algoritme que es segueix és el següent i en aquest ordre:
# Documentació específica
-[Gestió ATR Comercialitzadores](../comer/switching.md)
+[Gestió ATR Comercialitzadores](../comer/atr.md)
diff --git a/docs/comer/atr.md b/docs/comer/atr.md
index e69de29b..5b9eb981 100644
--- a/docs/comer/atr.md
+++ b/docs/comer/atr.md
@@ -0,0 +1,92 @@
+# Gestió ATR
+
+## Generar casos ATR
+
+Podem generar casos ATR de forma automatica si utilitzem un wizard. Per tal d'utilitzar
+aquest wizard hem d'anar a *Gestió de Pòlisses>Pòlisses* (Figura 1).
+
+
+
+Allà haurem de seleccionar una pòlissa i premer el botò d'accions, on haurem de
+seleccionar *Generar cas Gestió ATR* (Figura 2).
+
+
+
+Altrament podem entrar a la polissa i també premer el botò que diu *Generar cas Gestió ATR* (Figura 3).
+
+
+
+Això ens obrirà la següent finestra amb el wizard:
+
+
+
+Des d'aqui podrem crear diferents casos segons l'estat de la polissa.
+Aquestses són les condicions que haurem de complir per crear un cas:
+
+ * **C1/C2/A3**: La polissa ha d'estar en estat borrador
+ * **M1/B1**: La polissa ha d'estar en estat actiu
+ * **W1**: La polissa ha d'estar en estat actiu i amb autolectures
+
+A més, mai no pot haver-hi un altre cas de gestió ATR actiu si en volem crear un de nou.
+
+Per tal de crear el cas que volem simplement hem de premer el botò corresponent.
+
+### Wizard per M1 i C2
+
+Si seleccionem que volem crear un M1 o un C2 la pantalla del wizard canviarà i podrem
+entrar les dades necessaries per crear-lo.
+
+
+
+Podem crear un canvi de tarifa o potència, un canvi de titular o un canvi de totes
+dues a la vegada. Segons el que seleccionem haurem d'entrar unes dades o altres.
+
+
+
+Les primeres dades que hem d'entrar són sobre qui serà el contacte per la pòlissa.
+Si premem la lupa i seleccionem una altre persona ens hauria d'omplir correctament la
+resta de camps, però sempre es preferible comprovar-ho.
+
+
+
+Tot seguit tenim l'opció de canviar de tarifa comercialitzadora. Per defecte no es
+canviarà i es deixarà la que té assignada la polissa però si no és possible s'haurà
+de seleccionar quina tarifa volem aplicar. Si només existeix una tarifa comercialitzadora
+per la tarifa ATR seleccionada aquesta es triarà automaticament.
+
+
+
+Llavors, si hem seleccionat un canvi de tarifa o potència, ens apareixarà la part del
+formulari per triar la tarifa que vol el client, si vol anar per ICP o Maxímetre i
+les potencies de la tarifa. A l'hora d'entrar les potencies ens avisarà si estem posant
+un valor de potencia incorrecte, ja sigui perquè el valor és massa gran o massa petit
+per la tarifa seleccionada, perquè els valors de potència no tenen valors ascendents
+en una tarifa que ho demana o perquè algun valor de potència no està normalitzat.
+Es permeten crear casos amb valors de potència no normalitzats però si que s'han de
+complir les dues altres condicions. També destacar que un canvi en la tarifa ATR seleccionada
+ens pot fer canviar la tarifa comercialitzadora o borrar la que teniem assignada.
+
+
+
+Si hem seleccionat un canvi de propietari també ens apareixarà el formulari per fer un
+canvi de titular. Aqui podem seleccionar el tipus de canvi que volem fer, un document
+d'identitat i el titular. Si posem el mateix document d'identitat que un dels clients
+que tenim entrats s'assignarà automaticament a aquest titular. El mateix passa en
+l'altre sentit, de manera que si triem un titular s'omplirà automaticament el document
+d'identitat. A més, sempre que no haguem canviat el contacte aquest s'actualitzarà
+automàticament al assignar un titular.
+
+
+
+Finalment tenim un quadre de text per afegir comentaris, que poden tenir fins a un
+màxim de 120 caracters.
+
+Un cop entrades totes les dades podem premer el botò que apareixarà a sota, que dirà
+**M1-Modificació contractual** o **C2-Canvi de comercialitzadora amb canvis** segons
+el cas que estiguem intentant crear. Això comprovarà totes les dades entrades i
+intentarà crear el cas corresponent. Finalment el wizard ens dirà si ha pogut crear
+el cas correctament o no i en cas que hi hagui hagut algún error ens indicarà la
+raò per la qual ha fallat. A més, ens permetrà obrir els casos creats si premem el
+botò de **Obrir casos generats**.
+
+
\ No newline at end of file
diff --git a/docs/comer/switching.md b/docs/comer/switching.md
deleted file mode 100644
index 5b9eb981..00000000
--- a/docs/comer/switching.md
+++ /dev/null
@@ -1,92 +0,0 @@
-# Gestió ATR
-
-## Generar casos ATR
-
-Podem generar casos ATR de forma automatica si utilitzem un wizard. Per tal d'utilitzar
-aquest wizard hem d'anar a *Gestió de Pòlisses>Pòlisses* (Figura 1).
-
-
-
-Allà haurem de seleccionar una pòlissa i premer el botò d'accions, on haurem de
-seleccionar *Generar cas Gestió ATR* (Figura 2).
-
-
-
-Altrament podem entrar a la polissa i també premer el botò que diu *Generar cas Gestió ATR* (Figura 3).
-
-
-
-Això ens obrirà la següent finestra amb el wizard:
-
-
-
-Des d'aqui podrem crear diferents casos segons l'estat de la polissa.
-Aquestses són les condicions que haurem de complir per crear un cas:
-
- * **C1/C2/A3**: La polissa ha d'estar en estat borrador
- * **M1/B1**: La polissa ha d'estar en estat actiu
- * **W1**: La polissa ha d'estar en estat actiu i amb autolectures
-
-A més, mai no pot haver-hi un altre cas de gestió ATR actiu si en volem crear un de nou.
-
-Per tal de crear el cas que volem simplement hem de premer el botò corresponent.
-
-### Wizard per M1 i C2
-
-Si seleccionem que volem crear un M1 o un C2 la pantalla del wizard canviarà i podrem
-entrar les dades necessaries per crear-lo.
-
-
-
-Podem crear un canvi de tarifa o potència, un canvi de titular o un canvi de totes
-dues a la vegada. Segons el que seleccionem haurem d'entrar unes dades o altres.
-
-
-
-Les primeres dades que hem d'entrar són sobre qui serà el contacte per la pòlissa.
-Si premem la lupa i seleccionem una altre persona ens hauria d'omplir correctament la
-resta de camps, però sempre es preferible comprovar-ho.
-
-
-
-Tot seguit tenim l'opció de canviar de tarifa comercialitzadora. Per defecte no es
-canviarà i es deixarà la que té assignada la polissa però si no és possible s'haurà
-de seleccionar quina tarifa volem aplicar. Si només existeix una tarifa comercialitzadora
-per la tarifa ATR seleccionada aquesta es triarà automaticament.
-
-
-
-Llavors, si hem seleccionat un canvi de tarifa o potència, ens apareixarà la part del
-formulari per triar la tarifa que vol el client, si vol anar per ICP o Maxímetre i
-les potencies de la tarifa. A l'hora d'entrar les potencies ens avisarà si estem posant
-un valor de potencia incorrecte, ja sigui perquè el valor és massa gran o massa petit
-per la tarifa seleccionada, perquè els valors de potència no tenen valors ascendents
-en una tarifa que ho demana o perquè algun valor de potència no està normalitzat.
-Es permeten crear casos amb valors de potència no normalitzats però si que s'han de
-complir les dues altres condicions. També destacar que un canvi en la tarifa ATR seleccionada
-ens pot fer canviar la tarifa comercialitzadora o borrar la que teniem assignada.
-
-
-
-Si hem seleccionat un canvi de propietari també ens apareixarà el formulari per fer un
-canvi de titular. Aqui podem seleccionar el tipus de canvi que volem fer, un document
-d'identitat i el titular. Si posem el mateix document d'identitat que un dels clients
-que tenim entrats s'assignarà automaticament a aquest titular. El mateix passa en
-l'altre sentit, de manera que si triem un titular s'omplirà automaticament el document
-d'identitat. A més, sempre que no haguem canviat el contacte aquest s'actualitzarà
-automàticament al assignar un titular.
-
-
-
-Finalment tenim un quadre de text per afegir comentaris, que poden tenir fins a un
-màxim de 120 caracters.
-
-Un cop entrades totes les dades podem premer el botò que apareixarà a sota, que dirà
-**M1-Modificació contractual** o **C2-Canvi de comercialitzadora amb canvis** segons
-el cas que estiguem intentant crear. Això comprovarà totes les dades entrades i
-intentarà crear el cas corresponent. Finalment el wizard ens dirà si ha pogut crear
-el cas correctament o no i en cas que hi hagui hagut algún error ens indicarà la
-raò per la qual ha fallat. A més, ens permetrà obrir els casos creats si premem el
-botò de **Obrir casos generats**.
-
-
\ No newline at end of file
diff --git a/landing_page/fonts/metro-df.ttf b/landing_page/fonts/metro-df.ttf
new file mode 100644
index 00000000..a7391b52
Binary files /dev/null and b/landing_page/fonts/metro-df.ttf differ
diff --git a/landing_page/index.css b/landing_page/index.css
new file mode 100644
index 00000000..11d073a1
--- /dev/null
+++ b/landing_page/index.css
@@ -0,0 +1,148 @@
+body{
+ font-family: Arial, serif;
+ font-size: 20px;
+ color: white;
+}
+
+.hd {
+ position: fixed;
+ top: 5px;
+ left: 0;
+ right: 0;
+ margin: 5px;
+ padding: 5px;
+ height: 60px;
+ width: 99%;
+ vertical-align: middle;
+ align-content: center;
+ text-align: center;
+}
+
+.giscelogo {
+ position: static;
+ margin: 5px;
+ font-family: GISCE, serif;
+ vertical-align: middle;
+ text-align: center;
+ align-items: center;
+ font-size: 45px;
+ color: #999999 !important;
+ height: 50px;
+}
+
+.giscelogo img{
+ width: auto;
+}
+
+.giscelogo-box{
+ position: relative;
+ top: -50%;
+ left:0;
+ right: 0;
+ margin: auto;
+ max-width: 300px;
+}
+
+.bg {
+ background: url("static/docs.png") no-repeat;
+ background-size: cover;
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ left: 0;
+}
+
+.opt-nav {
+ position: relative;
+ top: 35%;
+ margin: auto;
+ background-color: #4D77A4;
+ padding: 15px;
+ width: 65%;
+ height: 25%;
+ min-width: 500px;
+ max-width: 700px;
+ min-height: 400px;
+ max-height: 500px;
+ vertical-align: middle;
+ align-content: center;
+ border-radius: 50%;
+}
+
+.opt-box{
+ position: relative;
+ top: 20%;
+ width: 50%;
+ height: 40%;
+ text-align: center;
+}
+
+.opt-info {
+ height: 25%;
+ min-height: 25px;
+ max-height: 50px;
+ width: 50%;
+ min-width: 75px;
+ max-width: 250px;
+ margin: 10px;
+ padding: 5px;
+ border-radius: 25px;
+}
+
+.left {
+ float: left;
+}
+
+.right {
+ float: right;
+}
+
+.ft {
+ position: fixed;
+ bottom: 5px;
+ margin: 0px auto;
+ width: 99%;
+ height: 5%;
+ min-height: 40px;
+}
+
+.ft-nav {
+ position: relative;
+ margin: auto;
+ padding: 10px 5px 0;
+ background-color: #4D77A4;
+ border-radius: 25px;
+ align-content: center;
+ text-align: center;
+ width: 95%;
+ height: 25px;
+}
+
+.ft-info {
+ margin: 5px 3%;
+ padding: 5px;
+ min-width: 25px;
+ min-height: 20px;
+ font-size: 14px;
+}
+
+a, button {
+ color: inherit;
+ text-decoration: none;
+ font-weight: bold;
+ text-shadow: 1px 1px black;
+}
+
+button{
+ color: black;
+ font-size: 25px;
+ text-shadow: none;
+}
+
+@font-face {
+ font-family: GISCE;
+ src: url("fonts/metro-df.ttf");
+}
\ No newline at end of file
diff --git a/landing_page/index.html b/landing_page/index.html
new file mode 100644
index 00000000..ec984e57
--- /dev/null
+++ b/landing_page/index.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+