diff --git a/index.html b/index.html
index 48a11f0..4ff6433 100644
--- a/index.html
+++ b/index.html
@@ -22,7 +22,6 @@
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
 
-    <!-- Sthope GSheet Head START-->
   </head>
   <body class="hold-transition skin-blue sidebar-mini" style="overflow-y:scroll">
     <div id="root"></div>
diff --git a/src/components/layout/SidebarMenu.vue b/src/components/layout/SidebarMenu.vue
index 607feff..e82a55d 100644
--- a/src/components/layout/SidebarMenu.vue
+++ b/src/components/layout/SidebarMenu.vue
@@ -2,25 +2,20 @@
   <ul class="sidebar-menu">
     <li class="header">CPHA</li>
 
-    <router-link tag="li" class="pageLink" to="/sthopetest">
-      <a>
-        <i class="fa fa-bug"></i>
-        <span class="page">Sthope</span>
-      </a>
+    <router-link tag="li" class="pageLink" to="/sthope">
+      <a><i class="fa fa-bug"></i><span class="page">Sthope</span></a>
     </router-link>
 
     <router-link tag="li" class="pageLink" to="/personalfinances">
-      <a>
-        <i class="fa fa-money"></i>
-        <span class="page">Personal Finances</span>
-      </a>
+      <a><i class="fa fa-money"></i><span class="page">Personal Finances</span></a>
+    </router-link>
+
+    <router-link tag="li" class="pageLink" to="/expenses">
+      <a><i class="fa fa-credit-card"></i><span class="page">Expenses</span></a>
     </router-link>
 
     <router-link tag="li" class="pageLink" to="/cryptos">
-      <a>
-        <i class="fa fa-btc"></i>
-        <span class="page">Cryptos</span>
-      </a>
+      <a><i class="fa fa-btc"></i><span class="page">Cryptos</span></a>
     </router-link>
 
     <li class="treeview">
diff --git a/src/components/views/Expenses.vue b/src/components/views/Expenses.vue
new file mode 100644
index 0000000..7f24463
--- /dev/null
+++ b/src/components/views/Expenses.vue
@@ -0,0 +1,37 @@
+<template>
+  <section class="content">
+
+<table class="table table-bordered table-responsive-md table-striped text-center">
+  <thead>
+    <tr>
+      <th class="text-center">Citation</th>
+      <th class="text-center">Security</th>
+      <th class="text-center">Implementation</th>
+      <th class="text-center">Description</th>
+      <th class="text-center">Solution</th>
+      <th class="text-center">Remove</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td class="pt-3-half" contenteditable="false">Aurelia Vega</td>
+      <td class="pt-3-half" contenteditable="false">30</td>
+      <td class="pt-3-half" contenteditable="false">Deepends</td>
+      <td class="pt-3-half" contenteditable="true"><input type="text" name="add1" value="spain" class="border-none"></td>
+      <td class="pt-3-half" contenteditable="true"><input type="text" name="add1" value="marid" class="border-none"></td>
+      <td>
+        <span class="table-remove"><button type="button" class="btn btn-danger btn-rounded btn-sm my-0">Remove</button></span>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
+  </section>
+</template>
+
+<script>
+
+</script>
+
+<style>
+</style>
diff --git a/src/components/views/Sthope.vue b/src/components/views/Sthope.vue
new file mode 100644
index 0000000..d93280b
--- /dev/null
+++ b/src/components/views/Sthope.vue
@@ -0,0 +1,130 @@
+<template>
+  <section class="content">
+<!-- Sthope Trading Cryptos View START -->
+        <div class="col-md-4 col-sm-6 col-xs-12">
+          <h2 id="trading_cryptos">Trading Cryptos</h2>
+          <form action="/trade_cryptos.php">
+            <label for="cname"> Crypto: </label>
+            <input type="text" id="trading" name="cname" value=""><br>
+
+            <label for="aname"> Amount: </label>
+            <input type="text" id="trading" name="aname" value=""><br>
+
+            <label for="ename"> € Paid: </label>
+            <input type="text" id="trading" name="ename" value=""><br>
+
+            <label for="dname"> Date: </label>
+            <input type="date" id="trading" name="dname" value=""><br>
+
+            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
+            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
+
+            <button type="button" class="btn btn-danger" id="buyorsell_button"> Cancel</button>
+            <button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
+          </form>
+        </div>
+<!-- Sthope Trading Cryptos Window END -->
+<!-- Sthope DCA Calculator Window START -->
+        <div class="col-md-6 col-sm-6 col-xs-12">
+          <h2 id="dca_calculator"> DCA Calculator</h2>
+          <form action="/check_best_dca.php">
+            <label for="cname"> How much € spend: </label>
+            <input type="number" id="trading" name="howmuchtospend" value="">
+
+            <button type="button" class="btn btn-success" id="howmuchtospend_button"> Check</button>
+          </form>
+
+          <form action="/add_dca_to_wallet.php">
+            <label for="cname"> Best Crypto: </label><input type="text" id="trading" name="howmuchtospend" value=""><br>
+            <label for="cname"> Crypto Price: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
+            <label for="cname"> Buying Amount: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
+            <label for="cname"> Buying Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
+            <label for="cname"> New Average: </label><input type="number" id="trading" name="howmuchtospend" value=""><br>
+            <button type="button" class="btn btn-success" id="buyorsell_button"> Buy</button>
+          </form>
+        </div>
+<!-- Sthope DCA Calculator Window END -->
+<!-- Sthope Salary Calculator View START -->
+        <div class="col-md-4 col-sm-6 col-xs-12">
+
+          <h2 id="cryptos_salary_calculator">Salary Calculator</h2>
+
+          <form action="/calculate_crypto_salary.php">
+
+            <label for="cname"> Crypto: </label>
+            <input type="text" id="trading" name="cname" value=""><br>
+
+            <label for="aname"> Amount: </label>
+            <input type="text" id="trading" name="aname" value=""><br>
+
+            <label for="ename"> € Paid: </label>
+            <input type="text" id="trading" name="ename" value=""><br>
+
+            <label for="dname"> Date: </label>
+            <input type="date" id="trading" name="dname" value=""><br>
+
+            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
+            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
+
+            <button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>
+
+          </form>
+        </div>
+<!-- Sthope Salary Calculator Window END -->
+<!-- Sthope Compound Interest Calculator View START -->
+        <div class="col-md-6 col-sm-6 col-xs-12">
+
+          <h2 id="cryptos_salary_calculator">Compound Interest Calculator</h2>
+
+          <form action="/calculate_crypto_salary.php">
+
+            <label for="cname"> Crypto: </label>
+            <input type="text" id="trading" name="cname" value=""><br>
+
+            <label for="aname"> Amount: </label>
+            <input type="text" id="trading" name="aname" value=""><br>
+
+            <label for="ename"> € Paid: </label>
+            <input type="text" id="trading" name="ename" value=""><br>
+
+            <label for="dname"> Date: </label>
+            <input type="date" id="trading" name="dname" value=""><br>
+
+            <label for="buyorsellselect"> Buy or Sell (select for Sell): </label>
+            <input type="checkbox" id="trading" name="buyorsell" value="BUY"><br>
+
+            <button type="button" class="btn btn-success" id="calculate_button"> Calculate</button>
+
+          </form>
+        </div>
+<!-- Sthope Compound Interest Window END -->
+  </section>
+</template>
+
+<script>
+</script>
+
+<style>
+/* Body */
+body{
+ text-align:center;
+ background-color:#1e282c;
+ color: gray
+}
+
+/* Fname */
+#trading{
+ background-color:#686868;
+}
+/* Import Google Fonts */
+@import url("//fonts.googleapis.com/css2?family=Andika:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
+
+/* Button */
+#buyorsell_button{
+ width:125px;
+ height:40px;
+ font-size:20px;
+ font-family:'Andika', sans-serif;
+ font-weight:700;
+}
+</style>
diff --git a/src/routes.js b/src/routes.js
index 412b654..756d018 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -6,6 +6,8 @@ import NotFoundView from './components/404.vue'
 // Sthope Views
 import CryptosView from './components/views/Cryptos.vue'
 import PersonalFinancesView from './components/views/PersonalFinances.vue'
+import ExpensesView from './components/views/Expenses.vue'
+
 // Sthope Settings Views
 import SettingsBackupView from './components/views/Settings_Backup.vue'
 import SettingsConfigurationsView from './components/views/Settings_Configurations.vue'
@@ -13,7 +15,7 @@ import SettingsGoogleView from './components/views/Settings_Google.vue'
 import SettingsMQTTHAView from './components/views/Settings_MQTT_HA.vue'
 import SettingsUserView from './components/views/Settings_User.vue'
 // Sthope Testing Tab
-// import SthopeView from './components/views/Sthope.vue'
+import SthopeView from './components/views/Sthope.vue'
 
 // Routes
 const routes = [
@@ -27,8 +29,7 @@ const routes = [
         component: PersonalFinancesView,
         name: 'Personal Finances',
         meta: {description: ''}
-      },
-      {
+      }, {
         path: 'cryptos',
         component: CryptosView,
         name: 'Cryptos',
@@ -63,6 +64,16 @@ const routes = [
         component: SettingsUserView,
         name: 'Backups',
         meta: {description: '', requiresAuth: false}
+      }, {
+        path: 'sthope',
+        component: SthopeView,
+        name: 'Sthope',
+        meta: {description: '', requiresAuth: false}
+      }, {
+        path: 'expenses',
+        component: ExpensesView,
+        name: 'Expenses',
+        meta: {description: '', requiresAuth: false}
       }
     ]
   }, {
