diff --git a/src/db/lang/ws_de.js b/src/db/lang/ws_de.js
index ce4a994..b52eb61 100644
--- a/src/db/lang/ws_de.js
+++ b/src/db/lang/ws_de.js
@@ -17,7 +17,7 @@ const msg_website_de = {
     SignUp2: 'Registrazione',
     SignIn: 'Login',
     status: 'Statistiche',
-    nextzoom: 'Prossimi Zoom (Conferenze)',
+    nextzoom: 'Conferenze',
     requestresetpwd: 'Richiesta Reset Password',
     vreg: 'Verifica Reg',
     dashboard: 'Lavagna',
diff --git a/src/db/lang/ws_enUs.js b/src/db/lang/ws_enUs.js
index e0f52dc..63ebf77 100644
--- a/src/db/lang/ws_enUs.js
+++ b/src/db/lang/ws_enUs.js
@@ -17,7 +17,7 @@ const msg_website_enUs = {
     SignUp2: 'Registration',
     SignIn: 'Login',
     status: 'Current state',
-    nextzoom: 'Upcoming Zoom (Conferences)',
+    nextzoom: 'Conferences',
     requestresetpwd: 'Password Reset Request',
     vreg: 'Check Registration',
     dashboard: 'Dashboard',
diff --git a/src/db/lang/ws_es.js b/src/db/lang/ws_es.js
index 3be1d87..71ca010 100644
--- a/src/db/lang/ws_es.js
+++ b/src/db/lang/ws_es.js
@@ -17,7 +17,7 @@ const msg_website_es = {
     SignUp2: 'Registro',
     SignIn: 'Login',
     status: 'Estadísticas',
-    nextzoom: 'Próximo Zoom (Conferencias)',
+    nextzoom: 'Conferencias',
     requestresetpwd: 'Solicitud de restablecimiento de contraseña',
     vreg: 'Verifica Reg',
     dashboard: 'Tablero',
diff --git a/src/db/lang/ws_fr.js b/src/db/lang/ws_fr.js
index 51f3e23..9847e04 100644
--- a/src/db/lang/ws_fr.js
+++ b/src/db/lang/ws_fr.js
@@ -20,7 +20,7 @@ const msg_website_fr = {
     SignUp2: 'Inscription',
     SignIn: 'Login',
     status: 'État actuel',
-    nextzoom: 'Zoom à venir (Conférences)',
+    nextzoom: 'Conférences',
     requestresetpwd: 'Demande de réinitialisation du mot de passe',
     vreg: 'Vérifier l\'inscription',
     dashboard: 'Tableau de bord',
diff --git a/src/db/lang/ws_it.js b/src/db/lang/ws_it.js
index 73bc0f0..30e1d8c 100644
--- a/src/db/lang/ws_it.js
+++ b/src/db/lang/ws_it.js
@@ -17,7 +17,7 @@ const msg_website_it = {
     SignUp2: 'Registrazione',
     SignIn: 'Login',
     status: 'Statistiche',
-    nextzoom: 'Prossimi Zoom (Conferenze)',
+    nextzoom: 'Conferenze',
     requestresetpwd: 'Richiesta Reset Password',
     vreg: 'Verifica Reg',
     dashboard: 'Lavagna',
diff --git a/src/db/lang/ws_pt.js b/src/db/lang/ws_pt.js
index 7d3d185..7921d9b 100644
--- a/src/db/lang/ws_pt.js
+++ b/src/db/lang/ws_pt.js
@@ -17,7 +17,7 @@ const msg_website_pt = {
     SignUp2: 'Inscrição',
     SignIn: 'Login',
     status: 'Estatísticas',
-    nextzoom: 'Zoom à venir (Conférences)',
+    nextzoom: 'Conférences',
     requestresetpwd: 'Pedido de redefinição de senha',
     vreg: '',
     dashboard: 'Tablero',
diff --git a/src/db/lang/ws_si.js b/src/db/lang/ws_si.js
index 152cec7..c19efa1 100644
--- a/src/db/lang/ws_si.js
+++ b/src/db/lang/ws_si.js
@@ -16,7 +16,7 @@ const msg_website_si = {
     SignUp2: 'Registracija',
     SignIn: 'Vpis',
     status: 'Statistika',
-    nextzoom: 'Naslednji Zoom (Conferenze)',
+    nextzoom: 'Conferenze',
     requestresetpwd: 'Prošnja za ponastavitev Gesla',
     vreg: 'Preveri Registracijo',
     dashboard: 'Tabla',
diff --git a/src/root/home/home.ts b/src/root/home/home.ts
index c39e5f6..fa41264 100755
--- a/src/root/home/home.ts
+++ b/src/root/home/home.ts
@@ -57,6 +57,7 @@ export default class Home extends MixinBase {
   public mysteps = 0
   public myaudio = 0
   public mytestimonianze = 0
+  public tab = 'guida'
   public slide2 = 0
   public animare: number = 0
   public endload: boolean = false
@@ -212,6 +213,9 @@ export default class Home extends MixinBase {
   }
 
   public created() {
+    if (!!tools.getCookie(tools.TABBED_HOME)) {
+      this.tab = tools.getCookie(tools.TABBED_HOME)
+    }
     this.animare = process.env.DEV ? 0 : 8000
 
     for (let index = 0; index <= tools.getvideonum(true); ++index) {
@@ -352,4 +356,8 @@ export default class Home extends MixinBase {
     return UserStore.state.my.profile.teleg_checkcode
   }
 
+  public changetab(val) {
+    tools.setCookie(tools.TABBED_HOME, val)
+  }
+
 }
diff --git a/src/root/home/home.vue b/src/root/home/home.vue
index 30a4234..7c54d56 100755
--- a/src/root/home/home.vue
+++ b/src/root/home/home.vue
@@ -1,293 +1,313 @@
 <template>
-    <q-page>
-        <CMyPage title="">
+  <q-page>
+    <CMyPage title="">
             <span>{{ setmeta({
                 title: 'Home',
                 description: $t('msg.myAppDescription'),
                 keywords: $t('msg.keywords_base') } ) }}
             </span>
 
-            <div class="landing">
-                <div v-if="!isLogged">
-                    <div style="height: 15px;">
+      <div class="landing">
+        <div v-if="!isLogged">
+          <div style="height: 15px;">
+          </div>
+          <div class="text-center">
+            <q-img src="statics/images/background.jpg" class="logo"></q-img>
+          </div>
+        </div>
+
+        <div v-if="!tools.sito_online(true)" class="row text-h4 text-center bg-warning">
+          SITO IN AGGIORNAMENTO!
+        </div>
+
+        <!--
+      <div class="row justify-center">
+        <div class="text-h5 boldhigh text-uppercase"> {{ $t('event.dateTimeStart') }}</div>
+      </div>
+      <div class="text-center">
+        <q-img src="statics/images/data_start.jpg" class="data_start"></q-img>
+      </div>
+      -->
+        <div v-if="isLogged">
+          <CVerifyEmail v-if="!isEmailVerified">
+
+          </CVerifyEmail>
+
+          <CVerifyTelegram v-if="TelegCode || !TelegVerificato">
+
+          </CVerifyTelegram>
+
+        </div>
+        <div v-else>
+          <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center"
+               style="margin:20px;">
+            <q-btn rounded size="lg" color="primary" @click="openrighttoolbar">{{$t('login.enter')}}
+            </q-btn>
+          </div>
+
+          <!--
+                    <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
+                      <q-btn rounded size="lg" color="primary" to="/signup">{{$t('reg.submit')}}
+                      </q-btn>
                     </div>
-                    <div class="text-center">
-                        <q-img src="statics/images/background.jpg" class="logo"></q-img>
-                    </div>
-                </div>
+          -->
 
-              <div v-if="!tools.sito_online(true)" class="row text-h4 text-center bg-warning">
-                SITO IN AGGIORNAMENTO!
-              </div>
+        </div>
 
-                <!--
-              <div class="row justify-center">
-                <div class="text-h5 boldhigh text-uppercase"> {{ $t('event.dateTimeStart') }}</div>
-              </div>
-              <div class="text-center">
-                <q-img src="statics/images/data_start.jpg" class="data_start"></q-img>
-              </div>
-              -->
+        <q-tabs
+          v-model="tab"
+          dense
+          class="bg-blue text-white shadow-2"
+          indicator-color="white"
+          align="center"
+          narrow-indicator
+          :breakpoint="350"
+          @input="changetab"
+        >
+          <q-tab name="guida" icon="fas fa-check" :label="$t('pages.home')"></q-tab>
+          <q-tab name="zoom" icon="fas fa-video" :label="$t('pages.nextzoom')"></q-tab>
+          <q-tab name="statistiche" icon="fas fa-chart-line" :label="$t('pages.status')"></q-tab>
 
-                <div v-if="isLogged">
-                    <CVerifyEmail v-if="!isEmailVerified">
-
-                    </CVerifyEmail>
-
-                    <CVerifyTelegram v-if="TelegCode || !TelegVerificato">
-
-                    </CVerifyTelegram>
-
-                </div>
-                <div v-else>
-                    <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center"
-                         style="margin:20px;">
-                        <q-btn rounded size="lg" color="primary" @click="openrighttoolbar">{{$t('login.enter')}}
-                        </q-btn>
-                    </div>
-
-                    <!--
-                              <div v-if="!isLogged && static_data.functionality.ENABLE_REGISTRATION" align="center" style="margin:20px;">
-                                <q-btn rounded size="lg" color="primary" to="/signup">{{$t('reg.submit')}}
-                                </q-btn>
-                              </div>
-                    -->
-
-                </div>
-
-                <div v-if="false">
-                    <CTitleBanner v-if="false" class="q-pa-xs" :title="$t('text.how')" bgcolor="bg-primary"
-                                  clcolor="text-white"
-                                  mystyle=" " myclass="myshad" canopen="true">
-                        <CImgText src="">
-                            <q-icon name="fas fa-gift" size="lg" inverted color="primary"></q-icon>
-                            <div class="q-pa-sm" v-if="toolsext.isLang('it')">
-                                <p class="cltexth4 text-green-8">È un gioco etico di <span class="boldhigh">Economia Circolare</span>
-                                    dove ognuno
-                                    entrando porta in dono <span class="boldhigh">33 €</span> ed esce con <span
-                                            class="boldhigh">1848 €</span> alla fine del ciclo.</p>
-                                <p class="cltexth4 text-red-8">E' uno scambio di Reciproco Aiuto</p>
-
-                                <p class="cltexth4 text-blue-8">
-                                    E' un sistema Circolare Umano:<br>
-                                    "Con il minimo sforzo ottengo il massimo apporto".
-                                </p>
-                            </div>
-                        </CImgText>
-
-                    </CTitleBanner>
-
-                    <CTitleBanner class="q-pa-xs" :title="$t('text.step')" bgcolor="bg-positive" clcolor="text-white"
-                                  mystyle=" " canopen="true">
-                        <div class="q-gutter-md">
-                            <q-carousel
-                                    v-model="mysteps"
-                                    transition-prev="slide-right"
-                                    transition-next="slide-left"
-                                    swipeable
-                                    control-color="white"
-                                    padding
-                                    ref="mysteps"
-                                    height="400px"
-                                    class="bg-primary text-white shadow-1 rounded-borders"
-                            >
-                                <template v-slot:control>
-                                    <q-carousel-control
-                                            position="top-left"
-                                            class="q-gutter-xs"
-                                            style="opacity: 0.6;">
-                                        <q-btn
-                                                push round color="white" text-color="black" icon="arrow_left"
-                                                @click="$refs.mysteps.previous()"></q-btn>
-                                    </q-carousel-control>
-                                    <q-carousel-control
-                                            position="top-right"
-                                            class="q-gutter-xs"
-                                            style="opacity: 0.6;">
-                                        <q-btn
-                                                push round color="white" text-color="black" icon="arrow_right"
-                                                @click="$refs.mysteps.next()"></q-btn>
-                                    </q-carousel-control>
-                                </template>
-                                <q-carousel-slide v-for="(rec, index) in arrsteps" :key="index" :name="index"
-                                                  class="column no-wrap flex-center">
-                                    <div class="row no-wrap items-center justify-around q-gutter-lg">
-                                        <q-icon :name="rec.myicon" size="56px"></q-icon>
-                                        <q-icon v-if="rec.myicon2" :name="rec.myicon2" size="56px"></q-icon>
-                                        <q-icon v-if="rec.myicon3" :name="rec.myicon3" size="56px"></q-icon>
-                                        <q-img v-if="rec.myimg" :src="rec.myimg"
-                                               style="height: 56px; width: 56px;"></q-img>
-                                    </div>
-                                    <div class="q-mt-md text-center step-text" v-html="gettitle_advise(rec)">
-                                    </div>
-                                </q-carousel-slide>
-                            </q-carousel>
-                            <div class="row justify-center">
-                                <q-btn-toggle
-                                        glossy
-                                        v-model="mysteps"
-                                        :options="arrsteps"
-                                ></q-btn-toggle>
-                            </div>
-                        </div>
-                    </CTitleBanner>
-
-                    <section class="q-pa-sm bg-primary landing__swirl-bg text-center">
-                        <div class="landing__features row justify-center column" style="max-width: 800px;">
-                            <q-carousel
-                                    animated
-                                    swipeable
-                                    navigation
-                                    infinite
-                                    transition-next="slide-left"
-                                    transition-prev="slide-right"
-                                    v-model="slide_video"
-                                    ref="slide_video"
-                                    :height="heightgallvideo"
-                                    width="100%"
-                            >
-                                <template v-slot:control>
-                                    <q-carousel-control
-                                            position="top-left"
-                                            class="q-gutter-xs"
-                                            style="opacity: 0.6;">
-                                        <q-btn
-                                                push round color="white" text-color="black" icon="keyboard_arrow_left"
-                                                @click="$refs.slide_video.previous()"></q-btn>
-                                    </q-carousel-control>
-                                    <q-carousel-control
-                                            position="top-right"
-                                            class="q-gutter-xs"
-                                            style="opacity: 0.6;">
-                                        <q-btn
-                                                push round color="white" text-color="black" icon="keyboard_arrow_right"
-                                                @click="$refs.slide_video.next()"></q-btn>
-                                    </q-carousel-control>
-                                </template>
-
-                                <q-carousel-slide v-if="getvideonum_mp4 > 0" v-for="index in getvideonum_mp4"
-                                                  :name="`mp4_`+index"
-                                                  :key="index">
-
-                                    <div v-if="tools.getvideourl(index, false)"
-                                         class="row justify-evenly items-center q-gutter-sm ">
-                                        <div class="text-center">
-                                            <div class="subtitle_small text-blue"
-                                                 v-html="tools.getvideotitle(index, false)"></div>
-
-                                            <div class="">
-                                                <q-media-player
-                                                        type="video"
-                                                        :sources="arrvideo_mp4[index]"
-                                                        :poster="tools.getvideoposter(index)"
-                                                >
-                                                </q-media-player>
-                                            </div>
-                                        </div>
-
-                                    </div>
-
-                                </q-carousel-slide>
-
-                                <q-carousel-slide v-if="getvideonum_youtube > 0" v-for="index in getvideonum_youtube"
-                                                  :name="`yt_`+index"
-                                                  :key="index">
-                                    <div v-if="tools.getvideourl(index, true)"
-                                         class="row justify-evenly items-center q-gutter-sm ">
-
-                                        <div class="text-center">
-                                            <div class="subtitle_small text-blue"
-                                                 v-html="tools.getvideotitle(index, true)"></div>
-                                            <div class="">
-                                                <iframe
-                                                        :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
-                                                        :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
-                                                        :src="arrvideo_yt[index]"
-                                                        frameborder="0"
-                                                        allowfullscreen
-                                                ></iframe>
-                                            </div>
-                                        </div>
-
-                                    </div>
-
-                                </q-carousel-slide>
-
-
-                            </q-carousel>
-
-                        </div>
-                    </section>
-
-
-                    <CTitleBanner class="q-pa-xs" :title="$t('text.what')" bgcolor="bg-secondary" clcolor="text-white"
-                                  mystyle=" " canopen="true">
-                        <div class="q-mx-md cltexth4">
-                            1) Voglia di giocare, e desiderio di Donare 33 € per aiutare un'altra persona a realizzare i
-                            propri
-                            sogni.<br><br>
-                            2) L'impegno di seguire delle indicazioni nei tempi stabiliti all' interno di una chat, dove
-                            ogni
-                            passaggio è spiegato e guidato.<br><br>
-                            3) Parlare e condividere ai tuoi amici un messaggio dove spieghi questo sistema,
-                            impegnandoti così a
-                            trovare
-                            2 persone interessate ad entrare.
-                        </div>
-
-                    </CTitleBanner>
-
-                    <CTitleBanner cl ass="q-pa-xs" :title="$t('text.advise')" bgcolor="bg-primary" clcolor="text-white"
-                                  mystyle=" " myclass="myshad" canopen="true">
-                        <div v-if="toolsext.isLang('it')">
-                            <q-list dense bordered padding class="rounded-borders">
-                                <div v-for="(rec, index) in advise" :key="index">
-                                    <q-item :class="rec.color">
-                                        <q-item-section avatar>
-                                            <q-icon :name="geticonlist(rec)" :color="rec.iconcolor" inverted></q-icon>
-                                        </q-item-section>
-
-                                        <q-item-section>
-                                            <span v-html="gettitle_advise(rec)" :style="`color: `+rec.textcolor"></span>
-                                        </q-item-section>
-                                    </q-item>
-                                    <q-separator spaced/>
-                                </div>
-                            </q-list>
-                        </div>
-                    </CTitleBanner>
-
-
-                    <!--<CTitleBanner class="q-pa-xs" :title="$t('text.faq')" bgcolor="bg-info" clcolor="text-white"
-                                  mystyle="letter-spacing: 0.125rem;">
-
-                    </CTitleBanner>-->
-
-
-                    <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
-
-                </div>
-
-                <CNextZoom>
-
-                </CNextZoom>
-
-                <CStatusReg>
-
-                </CStatusReg>
-
-                <div v-if="isLogged">
-                    <CStatus :dense="false"></CStatus>
-                </div>
+        </q-tabs>
 
+        <q-tab-panels v-model="tab" animated>
+          <q-tab-panel name="guida">
+            <div v-if="isLogged">
+              <CStatus :dense="false"></CStatus>
             </div>
-        </CMyPage>
-    </q-page>
+
+          </q-tab-panel>
+          <q-tab-panel name="zoom">
+            <CNextZoom>
+
+            </CNextZoom>
+
+          </q-tab-panel>
+          <q-tab-panel name="statistiche">
+            <CStatusReg>
+
+            </CStatusReg>
+
+          </q-tab-panel>
+        </q-tab-panels>
+
+        <!--<div v-if="false">
+            <CTitleBanner v-if="false" class="q-pa-xs" :title="$t('text.how')" bgcolor="bg-primary"
+                          clcolor="text-white"
+                          mystyle=" " myclass="myshad" canopen="true">
+                <CImgText src="">
+                    <q-icon name="fas fa-gift" size="lg" inverted color="primary"></q-icon>
+                    <div class="q-pa-sm" v-if="toolsext.isLang('it')">
+                        <p class="cltexth4 text-green-8">È un gioco etico di <span class="boldhigh">Economia Circolare</span>
+                            dove ognuno
+                            entrando porta in dono <span class="boldhigh">33 €</span> ed esce con <span
+                                    class="boldhigh">1848 €</span> alla fine del ciclo.</p>
+                        <p class="cltexth4 text-red-8">E' uno scambio di Reciproco Aiuto</p>
+
+                        <p class="cltexth4 text-blue-8">
+                            E' un sistema Circolare Umano:<br>
+                            "Con il minimo sforzo ottengo il massimo apporto".
+                        </p>
+                    </div>
+                </CImgText>
+
+            </CTitleBanner>
+
+            <CTitleBanner class="q-pa-xs" :title="$t('text.step')" bgcolor="bg-positive" clcolor="text-white"
+                          mystyle=" " canopen="true">
+                <div class="q-gutter-md">
+                    <q-carousel
+                            v-model="mysteps"
+                            transition-prev="slide-right"
+                            transition-next="slide-left"
+                            swipeable
+                            control-color="white"
+                            padding
+                            ref="mysteps"
+                            height="400px"
+                            class="bg-primary text-white shadow-1 rounded-borders"
+                    >
+                        <template v-slot:control>
+                            <q-carousel-control
+                                    position="top-left"
+                                    class="q-gutter-xs"
+                                    style="opacity: 0.6;">
+                                <q-btn
+                                        push round color="white" text-color="black" icon="arrow_left"
+                                        @click="$refs.mysteps.previous()"></q-btn>
+                            </q-carousel-control>
+                            <q-carousel-control
+                                    position="top-right"
+                                    class="q-gutter-xs"
+                                    style="opacity: 0.6;">
+                                <q-btn
+                                        push round color="white" text-color="black" icon="arrow_right"
+                                        @click="$refs.mysteps.next()"></q-btn>
+                            </q-carousel-control>
+                        </template>
+                        <q-carousel-slide v-for="(rec, index) in arrsteps" :key="index" :name="index"
+                                          class="column no-wrap flex-center">
+                            <div class="row no-wrap items-center justify-around q-gutter-lg">
+                                <q-icon :name="rec.myicon" size="56px"></q-icon>
+                                <q-icon v-if="rec.myicon2" :name="rec.myicon2" size="56px"></q-icon>
+                                <q-icon v-if="rec.myicon3" :name="rec.myicon3" size="56px"></q-icon>
+                                <q-img v-if="rec.myimg" :src="rec.myimg"
+                                       style="height: 56px; width: 56px;"></q-img>
+                            </div>
+                            <div class="q-mt-md text-center step-text" v-html="gettitle_advise(rec)">
+                            </div>
+                        </q-carousel-slide>
+                    </q-carousel>
+                    <div class="row justify-center">
+                        <q-btn-toggle
+                                glossy
+                                v-model="mysteps"
+                                :options="arrsteps"
+                        ></q-btn-toggle>
+                    </div>
+                </div>
+            </CTitleBanner>
+
+            <section class="q-pa-sm bg-primary landing__swirl-bg text-center">
+                <div class="landing__features row justify-center column" style="max-width: 800px;">
+                    <q-carousel
+                            animated
+                            swipeable
+                            navigation
+                            infinite
+                            transition-next="slide-left"
+                            transition-prev="slide-right"
+                            v-model="slide_video"
+                            ref="slide_video"
+                            :height="heightgallvideo"
+                            width="100%"
+                    >
+                        <template v-slot:control>
+                            <q-carousel-control
+                                    position="top-left"
+                                    class="q-gutter-xs"
+                                    style="opacity: 0.6;">
+                                <q-btn
+                                        push round color="white" text-color="black" icon="keyboard_arrow_left"
+                                        @click="$refs.slide_video.previous()"></q-btn>
+                            </q-carousel-control>
+                            <q-carousel-control
+                                    position="top-right"
+                                    class="q-gutter-xs"
+                                    style="opacity: 0.6;">
+                                <q-btn
+                                        push round color="white" text-color="black" icon="keyboard_arrow_right"
+                                        @click="$refs.slide_video.next()"></q-btn>
+                            </q-carousel-control>
+                        </template>
+
+                        <q-carousel-slide v-if="getvideonum_mp4 > 0" v-for="index in getvideonum_mp4"
+                                          :name="`mp4_`+index"
+                                          :key="index">
+
+                            <div v-if="tools.getvideourl(index, false)"
+                                 class="row justify-evenly items-center q-gutter-sm ">
+                                <div class="text-center">
+                                    <div class="subtitle_small text-blue"
+                                         v-html="tools.getvideotitle(index, false)"></div>
+
+                                    <div class="">
+                                        <q-media-player
+                                                type="video"
+                                                :sources="arrvideo_mp4[index]"
+                                                :poster="tools.getvideoposter(index)"
+                                        >
+                                        </q-media-player>
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </q-carousel-slide>
+
+                        <q-carousel-slide v-if="getvideonum_youtube > 0" v-for="index in getvideonum_youtube"
+                                          :name="`yt_`+index"
+                                          :key="index">
+                            <div v-if="tools.getvideourl(index, true)"
+                                 class="row justify-evenly items-center q-gutter-sm ">
+
+                                <div class="text-center">
+                                    <div class="subtitle_small text-blue"
+                                         v-html="tools.getvideotitle(index, true)"></div>
+                                    <div class="">
+                                        <iframe
+                                                :width="tools.getwidthscale(mythis, getValDb('YT_W', false), 800)"
+                                                :height="tools.getheightbywidth(mythis, getValDb('YT_W', false), getValDb('YT_H', false), 800)"
+                                                :src="arrvideo_yt[index]"
+                                                frameborder="0"
+                                                allowfullscreen
+                                        ></iframe>
+                                    </div>
+                                </div>
+
+                            </div>
+
+                        </q-carousel-slide>
+
+
+                    </q-carousel>
+
+                </div>
+            </section>
+
+
+            <CTitleBanner class="q-pa-xs" :title="$t('text.what')" bgcolor="bg-secondary" clcolor="text-white"
+                          mystyle=" " canopen="true">
+                <div class="q-mx-md cltexth4">
+                    1) Voglia di giocare, e desiderio di Donare 33 € per aiutare un'altra persona a realizzare i
+                    propri
+                    sogni.<br><br>
+                    2) L'impegno di seguire delle indicazioni nei tempi stabiliti all' interno di una chat, dove
+                    ogni
+                    passaggio è spiegato e guidato.<br><br>
+                    3) Parlare e condividere ai tuoi amici un messaggio dove spieghi questo sistema,
+                    impegnandoti così a
+                    trovare
+                    2 persone interessate ad entrare.
+                </div>
+
+            </CTitleBanner>
+
+            <CTitleBanner cl ass="q-pa-xs" :title="$t('text.advise')" bgcolor="bg-primary" clcolor="text-white"
+                          mystyle=" " myclass="myshad" canopen="true">
+                <div v-if="toolsext.isLang('it')">
+                    <q-list dense bordered padding class="rounded-borders">
+                        <div v-for="(rec, index) in advise" :key="index">
+                            <q-item :class="rec.color">
+                                <q-item-section avatar>
+                                    <q-icon :name="geticonlist(rec)" :color="rec.iconcolor" inverted></q-icon>
+                                </q-item-section>
+
+                                <q-item-section>
+                                    <span v-html="gettitle_advise(rec)" :style="`color: `+rec.textcolor"></span>
+                                </q-item-section>
+                            </q-item>
+                            <q-separator spaced/>
+                        </div>
+                    </q-list>
+                </div>
+            </CTitleBanner>
+
+
+
+            <div v-if="!tools.isMobile()" style="margin: 60px 60px;"></div>
+
+        </div>-->
+
+
+      </div>
+    </CMyPage>
+  </q-page>
 </template>
 
 <script lang="ts" src="./home.ts">
 </script>
 
 <style lang="scss" scoped>
-    @import './home.scss';
+  @import './home.scss';
 </style>
diff --git a/src/statics/images/listanavi.jpg b/src/statics/images/listanavi.jpg
new file mode 100644
index 0000000..b2814ed
Binary files /dev/null and b/src/statics/images/listanavi.jpg differ
diff --git a/src/statics/images/nave1.jpg b/src/statics/images/nave1.jpg
new file mode 100644
index 0000000..210ba5d
Binary files /dev/null and b/src/statics/images/nave1.jpg differ
diff --git a/src/statics/images/nave10.jpg b/src/statics/images/nave10.jpg
new file mode 100644
index 0000000..676ed35
Binary files /dev/null and b/src/statics/images/nave10.jpg differ
diff --git a/src/statics/images/nave11.jpg b/src/statics/images/nave11.jpg
new file mode 100644
index 0000000..ef1fcc3
Binary files /dev/null and b/src/statics/images/nave11.jpg differ
diff --git a/src/statics/images/nave12.jpg b/src/statics/images/nave12.jpg
new file mode 100644
index 0000000..cbd425b
Binary files /dev/null and b/src/statics/images/nave12.jpg differ
diff --git a/src/statics/images/nave2.jpg b/src/statics/images/nave2.jpg
new file mode 100644
index 0000000..676ed35
Binary files /dev/null and b/src/statics/images/nave2.jpg differ
diff --git a/src/statics/images/nave3.jpg b/src/statics/images/nave3.jpg
new file mode 100644
index 0000000..ef1fcc3
Binary files /dev/null and b/src/statics/images/nave3.jpg differ
diff --git a/src/statics/images/nave4.jpg b/src/statics/images/nave4.jpg
new file mode 100644
index 0000000..cbd425b
Binary files /dev/null and b/src/statics/images/nave4.jpg differ
diff --git a/src/statics/images/nave5.jpg b/src/statics/images/nave5.jpg
new file mode 100644
index 0000000..210ba5d
Binary files /dev/null and b/src/statics/images/nave5.jpg differ
diff --git a/src/statics/images/nave6.jpg b/src/statics/images/nave6.jpg
new file mode 100644
index 0000000..676ed35
Binary files /dev/null and b/src/statics/images/nave6.jpg differ
diff --git a/src/statics/images/nave7.jpg b/src/statics/images/nave7.jpg
new file mode 100644
index 0000000..ef1fcc3
Binary files /dev/null and b/src/statics/images/nave7.jpg differ
diff --git a/src/statics/images/nave8.jpg b/src/statics/images/nave8.jpg
new file mode 100644
index 0000000..cbd425b
Binary files /dev/null and b/src/statics/images/nave8.jpg differ
diff --git a/src/statics/images/nave9.jpg b/src/statics/images/nave9.jpg
new file mode 100644
index 0000000..210ba5d
Binary files /dev/null and b/src/statics/images/nave9.jpg differ