diff --git a/backend/static/css/ciroh.css b/backend/static/css/ciroh.css
index a72b239..9f6e8ff 100644
--- a/backend/static/css/ciroh.css
+++ b/backend/static/css/ciroh.css
@@ -163,6 +163,10 @@
 .footer-link:hover {
     color: rgba(0, 140, 255, 0.84);
 }
+.site-footer {
+    background-color: #255f9c;
+    z-index: 100;
+}
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
@@ -220,48 +224,9 @@
 }
 
 body {
-    position: relative;
     font-family: 'open sans','Myriad Pro','Lucida Grande','Helvetica',sans-serif
 }
 
-a {
-    color: #2ca6ed
-}
-
-a:hover {
-    color: #0a84cb
-}
-
-#content {
-    position: relative;
-    min-height: 100%
-}
-
-.flash-messages {
-    left: 0;
-    top: 104px;
-    z-index: 200
-}
-
-.btn-primary {
-    background-color: #0A62A9;
-    border-color: #0A62A9
-}
-
-.btn-primary:hover {
-    background-color: #005198;
-    border-color: #005198
-}
-
-.btn-outline-primary {
-    color: #0A62A9;
-    border-color: #0A62A9
-}
-
-.btn-outline-primary:hover {
-    color: white;
-    background-color: #0A62A9
-}
 
 
 .site-header .navbar {
@@ -272,62 +237,7 @@ a:hover {
     border-radius: 0;
     margin: 0 !important;
 }
-.hero-bg {
-    background-color: #7ec1f7;
-    background-image: linear-gradient(345deg, #0a62a9 0%, #7ec1f7 100%);
-}
 
-.hero-container {
-    margin-top: -206px;
-}
-
-.hero {
-    padding-top: 254px;
-    z-index: 100;
-}
-
-.hero .hero-title {
-    color: #ffffff;
-}
-
-.feature-card {
-    background: none;
-    border: none;
-}
-
-
-.feature-card img:hover {
-	opacity: 1;
-	-webkit-animation: flash 1.5s;
-	animation: flash 1.5s;
-}
-@-webkit-keyframes flash {
-	0% {
-		opacity: .4;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-@keyframes flash {
-	0% {
-		opacity: .4;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-.feature-card .card-img-top {
-    max-width: 250px;
-}
-
-.feature-card .card-title {
-    color: #212529;
-}
-
-.feature-card .card-text {
-    color: #212529;
-}
 
 .site-footer {
     background-color: #0a62a9;
diff --git a/backend/static/images/ciroh/CIROHLogo.png b/backend/static/images/ciroh/CIROHLogo.png
new file mode 100644
index 0000000..b6a5688
Binary files /dev/null and b/backend/static/images/ciroh/CIROHLogo.png differ
diff --git a/backend/static/images/ciroh/water_data.jpeg b/backend/static/images/ciroh/water_data.jpeg
index 213fab4..a2530f6 100644
Binary files a/backend/static/images/ciroh/water_data.jpeg and b/backend/static/images/ciroh/water_data.jpeg differ
diff --git a/backend/templates/ciroh.html b/backend/templates/ciroh.html
index 55fd389..9fac451 100644
--- a/backend/templates/ciroh.html
+++ b/backend/templates/ciroh.html
@@ -9,7 +9,6 @@
             padding-top: 195px;
             padding-bottom: 195px;
             background-image: url('{% static  "images/ciroh/hydroinformatics.jpeg" %}');
-            background-position: 0% 0%, 50% 50%;
             background-size: cover;
             text-align: center;
             background-repeat: no-repeat;
@@ -19,10 +18,9 @@
             padding-top: 195px;
             padding-bottom: 195px;
             background-image: url('{% static  "images/ciroh/water_data.jpeg" %}');
-            background-position: 0% 0%, 50% 50%;
             background-size: cover;
             text-align: center;
-            background-repeat: no-repeat;;
+            background-repeat: no-repeat;
         }
     </style>
 {% endblock %}
@@ -50,7 +48,7 @@
           <ul class="navbar-nav ms-auto">
             {% show_menu 0 100 0 100  %}
             <li class="nav-item text-center">
-                <a class="nav-link" href="/"><span>Tethys Portal</span></a>
+                <a class="nav-link" href="/t"><span>Tethys Portal</span></a>
             </li>
           </ul>
         </div>
@@ -77,5 +75,29 @@ <h1 class="display-5 fw-bolder  mb-2">A Bootstrap 5 template for Tethys</h1>
         </div>
     </div>
     {% endplaceholder %}
-
+    <footer id="site-footer" class="site-footer mt-auto container-fluid">
+        {% static_placeholder "Footer" or %}
+    
+        <div class="row  align-items-center px-3 py-3">
+            <div class="col-md-5 py-3">
+            <div class="copyright-wrapper float-md-start">
+                <span class="copyright">Copyright © 2021 CIROH</span>
+            </div>
+            </div>
+            <div class="col-md-2 py-3">
+            <div class="documents-wrapper">
+                
+            </div>
+            </div>
+            <div class="col-md-5 py-3">
+            <div class="tethys-attribution float-md-end">
+                <span class="powered-by-tethys">Powered by <img class="ps-1" src="{% static 'images/ciroh/CIROHLogo.png' %}"  height="26px"> <a href="http://www.tethysplatform.org"> CIROH</a></span>
+            </div>
+            </div>
+        </div>
+        {% endstatic_placeholder %}
+        
+    </footer>
 {% endblock content %}
+
+