diff --git a/src/app/app.component.html b/src/app/app.component.html
index 13b9677..9f1076e 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,3 +1,3 @@
 <ion-app>
-  <ion-router-outlet></ion-router-outlet>
+  <ion-router-outlet [swipeGesture]="false"></ion-router-outlet>
 </ion-app>
diff --git a/src/app/extpages/myfit/myfit.page.html b/src/app/extpages/myfit/myfit.page.html
index 0eb71a7..62042a1 100644
--- a/src/app/extpages/myfit/myfit.page.html
+++ b/src/app/extpages/myfit/myfit.page.html
@@ -9,6 +9,44 @@
     background-size: cover;
     height: 100%;">
 
+    <div
+      style="
+      margin: auto ;
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      padding: 10px;
+      position: absolute;
+      width: 300px;
+      background-color: rgba(245,249,253,0.81); border-radius: 10px">
+
+
+      <ion-grid>
+      <ion-row>
+        <ion-col style="text-align: center;">
+          <img src="https://www.myfit.ai/assets/images/logo.png" />
+        </ion-col>
+      </ion-row>
+        <ion-row>
+          <ion-col>
+            Some wonderful text here
+          </ion-col>
+        </ion-row>
+        <ion-row>
+          <ion-col>
+             <ion-button
+               shape="round"
+               expand="block"
+               size="small"
+               color="primary">Get Started</ion-button>
+          </ion-col>
+        </ion-row>
+      </ion-grid>
+
+    </div>
+
   </div>
 
+
 </ion-content>