log out page

src/app/pages/logout/logout.page.html

@@ -1,29 +1,49 @@
 <ion-content class="full-page no-scroll">
-    <div class="page_logo">
-        <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
-    </div>
-    <div class="boxed_contents">
-        <ion-card style="border-color: white; margin-top: 20px">
-            <!--    <div class="page_logo">-->
-            <!--      <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />-->
-            <!--    </div>-->
-            <img  alt="WrenchBoard" src="https://www.wrenchboard.com/assets/images/apps/log-out.jpg" />
-            <ion-card-header>
-                <!--      <ion-card-title>Card Title</ion-card-title>-->
-                <ion-card-subtitle>Thanks for visiting
-                </ion-card-subtitle>
-            </ion-card-header>
+    <div  class="start-pages" >
+        <div style="margin: auto; height: 100%; text-align: center">
+            <div class="page_logo">
+                <img alt="WrenchBoard" src="/assets/images/wrenchboard-line.png" />
+            </div>
 
-            <ion-card-content>
+            <div class="simp_lbl">
+                Thanks for visiting
+            </div>
+
+            <div style="padding: 20px">
                 You are now logged out of your account.
-            </ion-card-content>
-        </ion-card>
+            </div>
+
+            <ion-button
+                    shape="round"
+                    style="min-width: 150px"
+                    (click)="onBack()">Login</ion-button>
+
+        </div>
+
+<!--        -->
+<!--        <div class="button" (click)="onBack()">-->
+<!--            <ion-label class="text">Login</ion-label>-->
+<!--        </div>-->
+<!--        <div class="boxed_contents">-->
+<!--            <ion-card style="border-color: white; margin-top: 20px">-->
+<!--                <img  alt="WrenchBoard" src="https://www.wrenchboard.com/assets/images/apps/log-out.jpg" />-->
+<!--                <ion-card-header>-->
+<!--                    <ion-card-subtitle>Thanks for visiting-->
+<!--                    </ion-card-subtitle>-->
+<!--                </ion-card-header>-->
+
+<!--                <ion-card-content>-->
+<!--                    You are now logged out of your account.-->
+<!--                </ion-card-content>-->
+<!--            </ion-card>-->
+<!--        </div>-->
     </div>
+
 </ion-content>
-<ion-footer>
-  <ion-toolbar>
-    <div class="button" (click)="onBack()">
-      <ion-label class="text">Login</ion-label>
-    </div>
-  </ion-toolbar>
-</ion-footer>
+<!--<ion-footer>-->
+<!--  <ion-toolbar>-->
+<!--    <div class="button" (click)="onBack()">-->
+<!--      <ion-label class="text">Login</ion-label>-->
+<!--    </div>-->
+<!--  </ion-toolbar>-->
+<!--</ion-footer>-->