diff --git a/app/frontend/src/common/components/Header.vue b/app/frontend/src/common/components/Header.vue
index 764174ff9..b79ffa73c 100644
--- a/app/frontend/src/common/components/Header.vue
+++ b/app/frontend/src/common/components/Header.vue
@@ -41,6 +41,7 @@
           <b-navbar-nav class="gwells-nav">
             <b-nav-item id="ribbon-search" class="navbar-link lvl2-link" :to="{ name: 'wells-home'}">Well Search</b-nav-item>
             <b-nav-item id="ribbon-aquifers" v-if="show.aquifers" class="navbar-link lvl2-link" :to="{ name: 'aquifers-home' }">Aquifer Search</b-nav-item>
+            <b-nav-item id="ribbon-crosssection" v-if="show.dataEntry" class="navbar-link lvl2-link" :to="{ name: 'CrossHome' }">Cross Section</b-nav-item>
             <b-nav-item id="ribbon-registry" class="navbar-link lvl2-link" :to="{ name: 'SearchHome'}">Registry Search</b-nav-item>
             <b-nav-item class="navbar-link lvl2-link" v-if="show.dataEntry" :to="{ name: 'SubmissionsHome'}">Submit Report</b-nav-item>
             <b-nav-item id="ribbon-bulk" class="navbar-link lvl2-link" v-if="show.bulk" :to="{ name: 'bulk-home' }">Bulk Upload</b-nav-item>
diff --git a/app/frontend/src/crosssection/views/CrossHome.vue b/app/frontend/src/crosssection/views/CrossHome.vue
new file mode 100644
index 000000000..b116195f5
--- /dev/null
+++ b/app/frontend/src/crosssection/views/CrossHome.vue
@@ -0,0 +1,29 @@
+/*
+Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+        http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+<template>
+  <b-card class="container p-1">
+      <h1 class="card-title" id="CrossSectionTitle">Cross Section Home</h1>
+      <div>
+      </div>
+    </b-card>
+</template>
+
+<script>
+export default {
+  name: 'CrossHome',
+}
+</script>
+
+<style>
+</style>
diff --git a/app/frontend/src/router.js b/app/frontend/src/router.js
index 44aadc723..dc907254e 100644
--- a/app/frontend/src/router.js
+++ b/app/frontend/src/router.js
@@ -21,6 +21,9 @@ import WellDetail from '@/wells/views/WellDetail.vue'
 import EditWellAquifers from '@/wells/views/EditWellAquifers.vue'
 import GroundwaterInformation from '@/wells/views/GroundwaterInformation.vue'
 
+// Crossection components
+import CrossHome from './crosssection/views/CrossHome.vue'
+
 // Registries components
 import SearchHome from '@/registry/components/search/SearchHome.vue'
 import PersonDetail from '@/registry/components/people/PersonDetail.vue'
@@ -42,6 +45,7 @@ import Surveys from '@/surveys/views/Surveys.vue'
 
 // QaQc
 import QaQcDashboard from '@/qaqc/views/QaQcDashboard.vue'
+import Crossmap from './crosssection/views/CrossHome.vue'
 
 Vue.use(Router)
 
@@ -134,6 +138,19 @@ const router = new Router({
       }
     },
 
+    // Cross section tool routes
+    {
+      path: '/crosssection',
+      name: 'CrossHome',
+      component: CrossHome,
+      beforeEnter: AuthGuard,
+      meta: {
+        // list of required permissions (e.g. "edit: true" means user needs edit permission)
+        edit: true,
+        app: 'registry'
+      }
+    },
+
     // Registries routes
     {
       path: '/registries/people/edit/:person_guid',