diff --git a/config.toml b/config.toml
index 0d8bc0976..f7005b978 100644
--- a/config.toml
+++ b/config.toml
@@ -111,10 +111,16 @@ enableEmoji = true
     parent = "publications"
     weight = 2
 
+[[menu.main]]
+    identifier = "resources"
+    name = "Resources"
+    url = "/resources/"
+    weight = 7
+
 [[menu.main]]
     name = "News"
     identifier = "news"
-    weight = 7
+    weight = 8
 
 [[menu.main]]
 	identifier = "Our news"
@@ -130,11 +136,6 @@ enableEmoji = true
     parent = "news"
     weight = 2
 
-#[[menu.main]]
-#    name = "Blog"
-#    url = "/blog/"
-#    weight = 8
-
 [permalinks]
   post = "/:year/:month/:day/:slug/"
   pages = "/:filename/"
diff --git a/content/resources/_index.md b/content/resources/_index.md
new file mode 100644
index 000000000..fe0402cb7
--- /dev/null
+++ b/content/resources/_index.md
@@ -0,0 +1,8 @@
+---
+title: 'Resources'
+heroHeading: 'Resources'
+heroSubHeading: ''
+heroBackground: '/images/SouthAtlantic.A2002157.1055.250m.jpg'
+---
+
+🚧 Under Development 🚧
diff --git a/content/sitevisit/_index.md b/content/sitevisit/_index.md
deleted file mode 100644
index e69de29bb..000000000
diff --git a/themes/hugo-hero-theme/layouts/resources/list.html b/themes/hugo-hero-theme/layouts/resources/list.html
new file mode 100644
index 000000000..2f93b27dd
--- /dev/null
+++ b/themes/hugo-hero-theme/layouts/resources/list.html
@@ -0,0 +1,27 @@
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}page-work-list{{ end }}
+{{ define "header_classes" }}{{ end }}
+
+{{ define "main" }}
+
+{{ partial "hero-image-setheight.html" (dict "background" .Params.heroBackground "heading" .Params.heroHeading "subheading" .Params.heroSubHeading "content" .)}}
+{{ if .Content }}
+<div class="container pt-6 pt-md-10">
+  <div class="row">
+    <div class="col-12">
+      <div class="page-intro">
+      {{ .Content }}
+    </div>
+    </div>
+  </div>
+</div>
+{{ end }}
+
+<div class="container pb-6 pt-6 pb-md-10 pt-md-10">
+  <div class="row">
+    {{ range .Pages.ByWeight }}
+    <div class="col-12 col-md-6 mb-2 ">{{ .Render "summary" }}</div>
+    {{ end }}
+  </div>
+</div>
+{{ end }}
diff --git a/themes/hugo-hero-theme/layouts/resources/single.html b/themes/hugo-hero-theme/layouts/resources/single.html
new file mode 100644
index 000000000..0e160b432
--- /dev/null
+++ b/themes/hugo-hero-theme/layouts/resources/single.html
@@ -0,0 +1,39 @@
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}page-work-single{{ end }}
+{{ define "header_classes" }}{{ end }}
+
+{{ define "main" }}
+{{ partial "hero-image-setheight.html" (dict "background" .Params.heroBackground "heading" .Params.heroHeading "subheading" .Params.heroSubHeading "section" .Section "content" .)}}
+<div class="container pt-4 pt-md-10 pb-4 pb-md-10">
+  <div class="row justify-content-start">
+    <div class="col-12 col-md-8">
+      <div class="work work-single">
+        <div class="text text-justify mx-auto">{{.Content}}</div>
+      </div>
+    </div>
+    {{ if .Params.images }}
+    <div class="col-12 pt-4 pt-md-10">
+      <h2 class="mb-2 text-uppercase">Gallery</h2>
+      <div class="masonry">
+        {{ range .Params.images }}
+          <div class="work-image item">
+            <img src="{{ . | relURL }}"/>
+          </div>
+        {{ end }}
+      </div>
+    </div>
+    {{ end }}
+  </div>
+</div>
+{{ end }}
+
+{{ define "footer_js" }}
+{{ $library := resources.Get "js/libs/library.js" }}
+{{ $services := resources.Get "js/pages/services.js" }}
+{{ $servicesJS := slice $library $services |resources.Concat "js/services.js" }}
+{{ if .Site.IsServer }}
+  <script type="text/javascript" src="{{ $servicesJS.RelPermalink }}"></script>
+  {{ else }}
+  <script type="text/javascript" src="{{ ($servicesJS | minify | fingerprint).RelPermalink }}"></script>
+  {{ end }}
+{{ end }}
diff --git a/themes/hugo-hero-theme/layouts/resources/summary.html b/themes/hugo-hero-theme/layouts/resources/summary.html
new file mode 100644
index 000000000..a320958e0
--- /dev/null
+++ b/themes/hugo-hero-theme/layouts/resources/summary.html
@@ -0,0 +1,13 @@
+<div class="work work-summary">
+  {{ if .Params.thumbnail }}
+  <div class="work-image">
+    <a href="{{ .RelPermalink }}"><img src="{{ .Params.thumbnail | relURL }}"/></a>
+  </div>
+  {{ end }}
+  <div class="work-content">
+    <h2 class="work-title">
+      <a href="{{ .Permalink }}">{{ .Title }}</a>
+    </h2>
+    {{ .Content | truncate 120 "..."  }}
+  </div>
+</div>
diff --git a/themes/hugo-hero-theme/layouts/sitevisit/list.html b/themes/hugo-hero-theme/layouts/sitevisit/list.html
deleted file mode 100644
index aa0daf3ad..000000000
--- a/themes/hugo-hero-theme/layouts/sitevisit/list.html
+++ /dev/null
@@ -1,162 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>Password Protected</title>
-
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta name="robots" content="noindex, nofollow">
-
-        <style>
-            *,
-            *:after,
-            *:before {
-                box-sizing: border-box;
-            }
-            body,
-            html {
-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-                font-weight: 300;
-                font-size: 16px;
-                background: #f2f2f2;
-                color: #2D3737;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                min-height: 100%;
-            }
-
-            .protected {
-                background: #fff;
-                -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
-                box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
-                border-radius: 3px;
-                min-width: 500px;
-
-            }
-            .protected__content {
-                padding: 24px 28px;
-            }
-            .protected__content__heading {
-                font-size: 16px;
-                font-weight: 500;
-                margin: 0 0 12px;
-                line-height: 1;
-            }
-            .protected__alert {
-                display: none;
-                border-bottom: 1px solid transparent;
-                border-radius: 3px 3px 0 0;
-                padding: 12px 14px;
-                color: #a94442;
-                background-color: #f2dede;
-                border-color: #ebccd1;
-            }
-            .protected__content__input {
-                display: block;
-                border: solid 1px #ccc;
-                padding: 12px 14px;
-                -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
-                box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
-                font-size: 16px;
-                width: 100%;
-                border-radius: 3px;
-
-                margin-bottom: 12px;
-            }
-            .protected__content__input:focus {
-                outline: none;
-                border-color: #227c88;
-            }
-            .protected__content__btn {
-                background-color: #228886;
-                border-radius: 3px;
-                cursor: pointer;
-                border: none;
-                color: #fff;
-                padding: 12px 14px;
-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-                font-weight: 500;
-                font-size: 16px;
-
-            }
-            .protected__content__btn:hover {
-                background-color: #1c5a6d;
-            }
-
-        </style>
-
-    </head>
-
-    <body>
-
-        <div class="protected">
-            <div class="protected__alert" data-id="alert">You entered the wrong password</div>
-            <div class="protected__content">
-                <h1 class="protected__content__heading">You need a password to continue</h1>
-                <input class="protected__content__input" data-id="password" type="password" placeholder="password"/>
-                <button data-id="button" type="button" class="protected__content__btn">Continue</button>
-            </div>
-        </div>
-
-        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-sha1/0.6.0/sha1.min.js"></script>
-        <script type="text/javascript">
-            "use strict"
-            var button = document.querySelectorAll('[data-id="button"]')
-            var password = document.querySelectorAll('[data-id="password"]')
-
-            function login(secret) {
-                var hash = sha1(secret)
-                var url = hash
-                var alert = document.querySelectorAll('[data-id="alert"]')
-                // console.log(url)
-                var request = new XMLHttpRequest()
-
-                var curr_url = window.location.href;
-                var url = new URL(curr_url);
-
-                // Get the path parts
-                var pathParts = url.pathname.split("/");
-
-                // Remove the second part (index 1) from the path
-                pathParts.splice(1, 1);
-
-                // Reconstruct the path
-                var newPath = pathParts.join("/");
-
-                // Create a new URL object with the updated path
-                var newURL = new URL(newPath, url.origin);
-
-                // console.log(newURL.href);
-                request.open('GET', newURL+hash, true)
-                request.onload = function () {
-                    if (request.status >= 200 && request.status < 400) {
-                        window.location.href = newURL+hash
-                    } else {
-                        parent.location.hash = hash
-                        alert[0].style.display = 'block'
-                        password[0].setAttribute('placeholder', 'Incorrect password')
-                        password[0].value = ''
-                    }
-                }
-                request.onerror = function () {
-                    parent.location.hash = hash
-                    alert[0].style.display = 'block'
-                    password[0].setAttribute('placeholder', 'Incorrect password')
-                    password[0].value = ''
-                }
-                request.send()
-            }
-
-            button[0].addEventListener("click", function () {
-                login(password[0].value)
-            })
-
-            document.onkeydown = function (e) {
-                e = e || window.event
-                if (e.keyCode == 13) {
-                    login(password[0].value)
-                }
-            }
-        </script>
-    </body>
-</html>