Merge pull request #60 from couchbase/change-footer-ui

amarantha-k · web-flow · commit 08bf7122ae86 · 2020-07-23T23:40:56.000-07:00
Change footer UI
diff --git a/src/css/footer.css b/src/css/footer.css
@@ -4,6 +4,7 @@
   padding: 2.5rem 0;
   position: relative;
   z-index: var(--z-index-footer);
+  box-shadow: 0 0 10px -5px #999;
 }
 
 .footer a {
@@ -21,18 +22,17 @@
   height: 1px;
   background-color: var(--color-footer-text);
   transform: scale3d(0, 0.9999, 0.9999);
-  transition: transform 0.1s;
+  transition: transform 0.3s;
 }
 
-.footer a.icon::after,
-.footer a.btn::after {
+.footer .footer-logo a.icon::after {
   content: none;
 }
 
 .footer a:focus::after,
 .footer a:hover::after {
   transform: scale3d(1, 0.9999, 0.9999);
-  transition-duration: 0.05s;
+  transition-duration: 0.3s;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
@@ -45,7 +45,7 @@
 }
 
 .footer-links .col {
-  flex-basis: 33.3333%;
+  flex-basis: 100%;
   padding-top: 0.625rem;
 }
 
@@ -54,10 +54,6 @@
   padding: 0 0 1.25rem;
 }
 
-.footer-links .col:nth-child(5) {
-  flex-basis: 100%;
-}
-
 .footer-logo {
   padding: 1rem 0;
   width: 193px;
@@ -135,41 +131,26 @@
   justify-content: center;
   flex-wrap: wrap;
   margin-top: -4px;
+  flex-direction: column;
 }
 
 .footer-links .social-icons li {
-  display: inline-block;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
   padding: 0;
+  margin-bottom: 1rem;
 }
 
 .footer-links .social-icons a {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 45px;
-  height: 45px;
-  margin: 0 0.125rem;
+  margin: 0 0 0 0.5rem;
   border-radius: 50%;
   transition: background-color 0.3s ease-in-out;
 }
 
-.footer-links .social-icons svg {
-  fill: var(--color-footer-text);
-  width: 35px;
-  height: 29px;
-  transition: fill 0.3s ease-in-out;
-}
-
-.footer-links .social-icons a:focus,
-.footer-links .social-icons a:hover {
-  background-color: var(--color-footer-text);
-}
-
-.footer-links .social-icons a:focus svg,
-.footer-links .social-icons a:hover svg {
-  fill: var(--color-footer-bg);
-}
-
 .footer-terms {
   font-size: 0.875rem;
   line-height: 1;
@@ -190,16 +171,18 @@
   margin: 0.625rem 0.3125rem;
 }
 
-@media screen and (min-width: 769px) {
+.footer-terms-links a {
+  font-weight: var(--weight-bold);
+}
+
+/* Responsive css */
+
+@media screen and (min-width: 768px) {
   .footer-links .col {
-    flex-basis: 22%;
+    flex-basis: 24%;
   }
 
   .footer-links .col:nth-child(1) {
-    flex-basis: 34%;
-  }
-
-  .footer-links .col:nth-child(5) {
     flex-basis: 100%;
   }
 
@@ -228,22 +211,14 @@
   }
 
   .footer-links .col {
-    flex-basis: 17%;
+    flex-basis: calc((100% - 27%) / 4);
   }
 
   .footer-links .col:nth-child(1) {
     flex-basis: 27%;
     padding: 0 1.25rem;
   }
 
-  .footer-links .col:nth-child(2) {
-    flex-basis: 16%;
-  }
-
-  .footer-links .col:nth-child(5) {
-    flex-basis: 23%;
-  }
-
   .footer-links li a {
     font-size: inherit;
   }
@@ -253,22 +228,7 @@
     padding-right: 0.75rem;
   }
 
-  .footer-terms {
-    text-align: left;
-  }
-
   .footer-terms span {
     margin-left: 0.125rem;
   }
 }
-
-@media screen and (min-width: 1200px) {
-  .footer-links .social-icons a {
-    width: 52px;
-    height: 52px;
-  }
-
-  .footer-links .social-icons svg {
-    width: 50px;
-  }
-}
diff --git a/src/css/vars.css b/src/css/vars.css
@@ -56,8 +56,9 @@
   --color-shade: #f3f3f3;
   --color-navbar-bg: var(--color-brand-black);
   --color-navbar-text: var(--color-brand-white);
-  --color-footer-bg: var(--color-brand-black);
-  --color-footer-text: var(--color-brand-white);
+  --color-footer-bg: var(--color-shade);
+  --color-footer-bg-gray: var(--color-brand-black);
+  --color-footer-text: var(--color-text);
 
   /* Color for code block  */
   --hljs-attr: #407787;
diff --git a/src/img/couchbase_logo_black.svg b/src/img/couchbase_logo_black.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="516.918" height="141.75" viewBox="0 0 516.918 141.75">
+  <g id="couchbase_logo_2_" data-name="couchbase_logo (2)" transform="translate(-0.58 -20.38)">
+    <path id="Logo-Icon" d="M118.59,103.68a8.61,8.61,0,0,1-7.25,8.88C103,114,85.61,114.91,71,114.91s-32-.89-40.35-2.35c-4.78-.83-7.25-4.65-7.25-8.88V76a9.21,9.21,0,0,1,7.25-8.89,92.249,92.249,0,0,1,12.65-.83,3.15,3.15,0,0,1,3.07,3.21V89c8.58,0,16-.51,24.65-.51s16,.51,24.62.51V69.65a3.14,3.14,0,0,1,2.9-3.36h.16a93.856,93.856,0,0,1,12.65.83A9.21,9.21,0,0,1,118.59,76ZM71,20.38C32.11,20.38.58,52.12.58,91.26S32.11,162.13,71,162.13s70.41-31.73,70.41-70.87S109.88,20.38,71,20.38Z" fill="#ea2328" fill-rule="evenodd"/>
+    <path id="Fill-1" d="M195.66,79.24c-17.35,0-26.06-12.69-26.06-26.64s9-26.48,26.23-26.48c6.61,0,11.3,1.46,15.27,4.09l-4.94,8.2a18,18,0,0,0-10.5-3c-9.28,0-14.27,7.51-14.27,16.86,0,9.64,4.76,17.55,14.44,17.55a17.69,17.69,0,0,0,11.38-3.9l4.55,7.89c-2.58,2.36-8.71,5.41-16.1,5.41" fill-rule="evenodd"/>
+    <path id="Fill-3" d="M232.66,79.24c-12.95,0-18.66-9.88-18.66-19.58s5.63-19.82,18.58-19.82,18.87,9.79,18.87,19.5c0,9.54-5.77,19.9-18.79,19.9m-.21-31.55c-5.57,0-7.37,4.73-7.37,11.65s2.18,11.89,7.75,11.89,7.54-4.64,7.54-11.57-2.3-12-7.92-12" fill-rule="evenodd"/>
+    <path id="Fill-5" d="M267.85,40.76v24.1c0,3.7,1.27,5.54,4.83,5.54,3.74,0,6.6-3.6,7.36-4.52V40.76H290.5V67.28a56.423,56.423,0,0,0,1,11H281.2a27.209,27.209,0,0,1-.76-5,14.77,14.77,0,0,1-11.92,5.91c-8.17,0-11.13-5.31-11.13-12.21V40.76Z" fill-rule="evenodd"/>
+    <path id="Fill-7" d="M316.13,79.24c-11.94,0-19.35-7.91-19.35-19.66,0-12.62,8.32-19.74,19.65-19.74,6,0,9.59,1.81,11.34,3L324.45,50a13.53,13.53,0,0,0-7.67-2.18c-5.82,0-8.91,4.56-8.91,11.4S310.82,71,317,71a14.52,14.52,0,0,0,7.9-2.23l3.17,7.06c-1.75,1.13-5.16,3.35-11.94,3.35" fill-rule="evenodd"/>
+    <path id="Fill-9" d="M356,78.31V54.21c0-3.69-1.28-5.54-4.77-5.54-3.8,0-6.67,3.54-7.42,4.54v25.1H333.38V22.88h10.47V45.25a15,15,0,0,1,11.52-5.41c8.17,0,11.13,5.27,11.13,12.22V78.31Z" fill-rule="evenodd"/>
+    <path id="Fill-11" d="M385.48,22.88V43.7a13,13,0,0,1,9-3.87c9.2,0,15.72,6.39,15.72,19.43s-8.57,20-19.79,20c-8.45,0-13.61-2.13-15.43-3V22.88Zm0,47.27a14,14,0,0,0,5,.81c5.41,0,8.7-4,8.7-11.7,0-6.95-2.32-11.07-7.59-11.07A8.45,8.45,0,0,0,385.48,51Z" fill-rule="evenodd"/>
+    <path id="Fill-13" d="M436.22,78.31a19.38,19.38,0,0,1-.63-4,13.36,13.36,0,0,1-10.35,4.91c-6.32,0-11.22-3.85-11.22-10.61,0-9.76,9.89-13.36,19.75-13.36H435v-2c0-3.11-1.25-5-5.91-5a15.6,15.6,0,0,0-9.4,3.5l-4.51-6.42a22.253,22.253,0,0,1,15.13-5.43c10.27,0,15.09,4,15.09,14V67a52.819,52.819,0,0,0,1.07,11.29ZM435,61.76h-1.27c-5.75,0-9.73,1.73-9.73,6,0,2.67,2.11,3.83,4.41,3.83A8.74,8.74,0,0,0,435,68.42Z" fill-rule="evenodd"/>
+    <path id="Fill-15" d="M464.26,79.24c-6.71,0-11-2-13.25-3.55l3.49-7.38a17.29,17.29,0,0,0,9.13,3.07c3.81,0,6-1.09,6-3.23,0-2.46-4.2-3.12-9.46-5.67s-8.17-5.4-8.17-11c0-7.11,5.56-11.59,14-11.59a22.7,22.7,0,0,1,11.94,3L474.32,50a15.35,15.35,0,0,0-7.9-2.35c-3.53,0-5,1.25-5,3.17,0,2.47,3.41,3.07,7.65,4.8,5.85,2.39,10,5.16,10,11.47,0,8-5.6,12.11-14.8,12.11" fill-rule="evenodd"/>
+    <path id="Fill-17" d="M503.3,71.38a18.73,18.73,0,0,0,9.61-2.56l3.34,6.8c-2.47,1.4-6.25,3.62-13.92,3.62-12.45,0-19.54-7.88-19.54-19.89s8.15-19.52,18.46-19.52c11.68,0,17.32,8.23,16.08,22.26H494c.49,5.6,3.34,9.29,9.32,9.29Zm4-16.41c-.08-4.16-1.71-7.53-6.19-7.53-4.14,0-6.49,2.67-7.18,7.53Z" fill-rule="evenodd"/>
+    <rect id="Rectangle_1" data-name="Rectangle 1" width="330.38" height="4.35" transform="translate(178.36 97.82)"/>
+    <path id="Path_1" data-name="Path 1" d="M177.82,119h6.42l21.14,27.28V119h6.82v39.45h-5.8l-21.76-28.07v28.07h-6.82Z" fill="#ea2328"/>
+    <path id="Path_2" data-name="Path 2" d="M228.38,143.73v-.11a15.87,15.87,0,1,1,31.74-.11v.11a15.58,15.58,0,0,1-15.63,15.51h-.37a15.4,15.4,0,0,1-15.74-15Zm24.92,0v-.11c0-5.24-3.78-9.58-9.14-9.58s-9,4.28-9,9.47v.11c0,5.19,3.78,9.53,9.08,9.53C249.8,153.15,253.3,148.86,253.3,143.73Z" fill="#ea2328"/>
+    <path id="Path_3" data-name="Path 3" d="M276.3,119h29.25v6.2H283.23v10.26H303v6.25H283.23v10.54h22.61v6.2H276.3Z" fill="#ea2328"/>
+    <path id="Path_4" data-name="Path 4" d="M358.09,159.63l-4.73-4.23a20.51,20.51,0,0,1-12,3.72c-12.12,0-20.57-9.19-20.57-20.29v-.11a20.2,20.2,0,0,1,20-20.41h.68c12.12,0,20.58,9.19,20.58,20.29v.12a20.31,20.31,0,0,1-4,12.11l4.51,3.84ZM348.28,151l-6.82-5.86,4.46-5.08,6.93,6.32a14.91,14.91,0,0,0,1.92-7.5v-.11c0-7.67-5.58-14-13.42-14s-13.3,6.2-13.3,13.86v.12c0,7.66,5.58,14,13.41,14a13.57,13.57,0,0,0,6.82-1.75Z" fill="#ea2328"/>
+    <path id="Path_5" data-name="Path 5" d="M378.27,141.7V119h6.94v22.43c0,7.33,3.77,11.22,10,11.22s9.93-3.67,9.93-10.94V119H412v22.37c0,11.79-6.65,17.71-17,17.71S378.27,153.15,378.27,141.7Z" fill="#ea2328"/>
+    <path id="Path_6" data-name="Path 6" d="M442.59,118.7H449l17.36,39.74H459l-4-9.52H436.39l-4.06,9.52h-7.1Zm9.92,24.07L445.69,127l-6.76,15.78Z" fill="#ea2328"/>
+    <path id="Path_7" data-name="Path 7" d="M481.6,119h6.94v33.14h20.74v6.31H481.6Z" fill="#ea2328"/>
+  </g>
+</svg>
diff --git a/src/img/social-icon/LinkedIn_black.svg b/src/img/social-icon/LinkedIn_black.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #333;
+      }
+    </style>
+  </defs>
+  <path id="linkedin" class="cls-1" d="M29,0H3A3.076,3.076,0,0,0,0,3V29a3.009,3.009,0,0,0,3,3H29a2.946,2.946,0,0,0,3-3V3A3.009,3.009,0,0,0,29,0ZM12,26H8V12h4ZM10,10a2,2,0,1,1,2-2A2.006,2.006,0,0,1,10,10ZM26,26H22V18a2,2,0,0,0-4,0v8H14V12h4v2.5c.8-1.1,2.1-2.5,3.5-2.5A4.736,4.736,0,0,1,26,17Z"/>
+</svg>
diff --git a/src/img/social-icon/facebook_black.svg b/src/img/social-icon/facebook_black.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #333;
+      }
+    </style>
+  </defs>
+  <path id="facebook" class="cls-1" d="M29,0H3A2.652,2.652,0,0,0,0,3V29a2.652,2.652,0,0,0,3,3H16V18H12V14h4V12a6.452,6.452,0,0,1,6-6h4v4H22a2.151,2.151,0,0,0-2,2v2h6l-1,4H20V32h9a2.652,2.652,0,0,0,3-3V3A2.652,2.652,0,0,0,29,0Z"/>
+</svg>
diff --git a/src/img/social-icon/github_black.svg b/src/img/social-icon/github_black.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32.579" height="31.775" viewBox="0 0 32.579 31.775">
+  <path id="Path_1" data-name="Path 1" d="M152.608,107.44a16.291,16.291,0,0,0-5.148,31.747c.815.149,1.112-.353,1.112-.785,0-.387-.014-1.411-.022-2.771-4.531.985-5.487-2.183-5.487-2.183a4.315,4.315,0,0,0-1.809-2.383c-1.479-1.011.112-.99.112-.99a3.42,3.42,0,0,1,2.495,1.678,3.468,3.468,0,0,0,4.741,1.354,3.482,3.482,0,0,1,1.034-2.178c-3.617-.411-7.42-1.808-7.42-8.051a6.3,6.3,0,0,1,1.677-4.371,5.852,5.852,0,0,1,.16-4.311s1.367-.438,4.479,1.67a15.448,15.448,0,0,1,8.156,0c3.11-2.108,4.475-1.67,4.475-1.67a5.854,5.854,0,0,1,.163,4.311A6.286,6.286,0,0,1,163,122.878c0,6.258-3.809,7.635-7.438,8.038a3.889,3.889,0,0,1,1.106,3.017c0,2.178-.02,3.935-.02,4.469,0,.435.294.942,1.12.783a16.292,16.292,0,0,0-5.16-31.745Z" transform="translate(-136.32 -107.44)" fill="#333" fill-rule="evenodd"/>
+</svg>
diff --git a/src/img/social-icon/stackoverflow_black.svg b/src/img/social-icon/stackoverflow_black.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="31.93" height="37.826" viewBox="0 0 31.93 37.826">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #333;
+      }
+    </style>
+  </defs>
+  <g id="so-icon" transform="translate(-22.6 -14.9)">
+    <path id="Path_1" data-name="Path 1" class="cls-1" d="M49.594,80.734V70.6h3.363V84.1H22.6V70.6h3.363V80.734Z" transform="translate(0 -31.371)"/>
+    <path id="Path_2" data-name="Path 2" class="cls-1" d="M38.349,38.268,54.86,41.719l.7-3.32L39.048,34.949Zm2.184-7.862,15.288,7.12,1.4-3.058L41.931,27.3Zm4.237-7.513L57.743,33.682l2.14-2.577L46.911,20.316ZM53.157,14.9l-2.708,2.009L60.495,30.45,63.2,28.441ZM38,45.956H54.86V42.593H38Z" transform="translate(-8.673)"/>
+  </g>
+</svg>
diff --git a/src/img/social-icon/twitter_black.svg b/src/img/social-icon/twitter_black.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32.1" height="26.1" viewBox="0 0 32.1 26.1">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #333;
+      }
+    </style>
+  </defs>
+  <path id="twitter" class="cls-1" d="M32,7.1a11.836,11.836,0,0,1-3.8,1,6.462,6.462,0,0,0,2.9-3.6,12.606,12.606,0,0,1-4.2,1.6A6.492,6.492,0,0,0,22.1,4a6.594,6.594,0,0,0-6.6,6.6,7.719,7.719,0,0,0,.2,1.5A18.458,18.458,0,0,1,2.2,5.2a6.294,6.294,0,0,0-.9,3.3A6.765,6.765,0,0,0,4.2,14a6.109,6.109,0,0,1-3-.8v.1a6.543,6.543,0,0,0,5.3,6.4,4.678,4.678,0,0,1-1.7.2,4.869,4.869,0,0,1-1.2-.1,6.679,6.679,0,0,0,6.1,4.6,12.917,12.917,0,0,1-8.2,2.8,9.151,9.151,0,0,1-1.6-.1,18.438,18.438,0,0,0,10.1,3c12.1,0,18.7-10,18.7-18.7v-.8A13.336,13.336,0,0,0,32,7.2Z" transform="translate(0.1 -4)"/>
+</svg>
diff --git a/src/img/social-icon/youtube_black.svg b/src/img/social-icon/youtube_black.svg
@@ -0,0 +1,15 @@
+<svg id="g5" xmlns="http://www.w3.org/2000/svg" width="32" height="22.405" viewBox="0 0 32 22.405">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #282828;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path id="path7" class="cls-1" d="M31.341,3.506A4.009,4.009,0,0,0,28.52.685C26.016,0,16,0,16,0S5.984,0,3.479.659A4.092,4.092,0,0,0,.659,3.506,42.245,42.245,0,0,0,0,11.2a42.089,42.089,0,0,0,.659,7.7,4.009,4.009,0,0,0,2.82,2.82c2.53.685,12.521.685,12.521.685s10.016,0,12.521-.659a4.009,4.009,0,0,0,2.82-2.82,42.245,42.245,0,0,0,.659-7.7,40.113,40.113,0,0,0-.659-7.723Z"/>
+  <path id="polygon9" class="cls-2" d="M36.918,19.092l-8.329-4.8v9.595Z" transform="translate(-15.778 -7.889)"/>
+</svg>
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
@@ -4,7 +4,7 @@
       <div class="col">
         <div class="footer-logo">
           <a href="https://www.couchbase.com" class="icon">
-            <img src="{{{uiRootPath}}}/img/logo.svg" alt="Couchbase">
+            <img src="{{{uiRootPath}}}/img/couchbase_logo_black.svg" alt="Couchbase">
           </a>
         </div>
       </div>
@@ -32,30 +32,37 @@
       <div class="col">
         <ul class="social-icons">
           <li>
+            <svg  width="14" height="14" viewBox="0 0 32 32"> <path id="facebook" class="cls-1" d="M29,0H3A2.652,2.652,0,0,0,0,3V29a2.652,2.652,0,0,0,3,3H16V18H12V14h4V12a6.452,6.452,0,0,1,6-6h4v4H22a2.151,2.151,0,0,0-2,2v2h6l-1,4H20V32h9a2.652,2.652,0,0,0,3-3V3A2.652,2.652,0,0,0,29,0Z"/></svg>
             <a href="https://www.facebook.com/Couchbase" class="icon">
-              <svg width="50px" height="50px" viewBox="26.363 116.363 560.215 560.215"><path d="m586.58 209.58c0-48.96-44.252-93.212-93.212-93.212h-373.79c-48.96 0-93.212 44.252-93.212 93.212v373.79c0 48.96 44.252 93.212 93.212 93.212h186.42v-211.85h-68.732v-93.212h68.732v-36.72c0-63.083 47.077-119.58 105.45-119.58h75.323v93.212h-75.323c-8.474 0-17.889 10.357-17.889 25.422v37.662h93.212v93.212h-93.212v211.85h99.803c48.96 0 93.212-44.252 93.212-93.212v-373.79z"/></svg>
+            Facebook
             </a>
           </li>
           <li>
+            <svg  width="14" height="14" viewBox="0 0 32.1 26.1"> <path id="twitter" class="cls-1" d="M32,7.1a11.836,11.836,0,0,1-3.8,1,6.462,6.462,0,0,0,2.9-3.6,12.606,12.606,0,0,1-4.2,1.6A6.492,6.492,0,0,0,22.1,4a6.594,6.594,0,0,0-6.6,6.6,7.719,7.719,0,0,0,.2,1.5A18.458,18.458,0,0,1,2.2,5.2a6.294,6.294,0,0,0-.9,3.3A6.765,6.765,0,0,0,4.2,14a6.109,6.109,0,0,1-3-.8v.1a6.543,6.543,0,0,0,5.3,6.4,4.678,4.678,0,0,1-1.7.2,4.869,4.869,0,0,1-1.2-.1,6.679,6.679,0,0,0,6.1,4.6,12.917,12.917,0,0,1-8.2,2.8,9.151,9.151,0,0,1-1.6-.1,18.438,18.438,0,0,0,10.1,3c12.1,0,18.7-10,18.7-18.7v-.8A13.336,13.336,0,0,0,32,7.2Z" transform="translate(0.1 -4)"/></svg>
             <a href="https://twitter.com/couchbase" class="icon">
-              <svg width="50px" height="50px" viewBox="32.012 176.622 542.326 437.815"><path d="m574.34 227.46c-19.772 8.474-41.428 15.065-64.025 17.889 22.597-14.123 40.486-35.778 48.96-61.2-21.655 13.182-45.194 21.655-70.615 27.305-20.714-21.655-48.96-34.837-80.972-34.837-61.2 0-111.1 49.902-111.1 111.1 0 8.474 0.942 16.948 2.825 25.422-92.271-5.649-174.18-49.902-229.74-117.69-9.415 16.006-15.065 35.778-15.065 55.551 0 38.603 19.772 72.498 49.902 92.271-17.889-0.942-35.778-5.649-50.843-14.123v0.942c0 53.668 38.603 98.862 89.446 109.22-9.415 2.825-18.831 3.766-29.188 3.766-7.532 0-14.123-0.942-20.714-1.883 14.123 44.252 55.551 76.265 103.57 77.206-37.662 30.129-85.68 48.018-138.41 48.018-9.415 0-17.889-0.941-26.363-1.883 48.96 32.012 107.34 49.902 170.42 49.902 204.31 0 316.36-169.48 316.36-316.36v-14.123c21.656-14.125 40.487-33.897 55.551-56.494z"/></svg>
+              Twitter
             </a>
           </li>
           <li>
-            <a href="https://www.linkedin.com/company/couchbase" class="icon">
-              <svg width="50px" height="50px" viewBox="31.071 119.188 539.537 540.443"><path d="m531.97 119.19h-461.35c-21.655 0-39.545 16.948-39.545 38.603v463.24c0 21.655 17.889 38.603 39.545 38.603h460.41c21.655 0 39.545-16.948 39.545-38.603v-463.24c0.942-21.656-16.947-38.603-38.603-38.603zm-337.07 451.94h-81.914v-243.86h81.914v243.86zm-40.486-276.81c-28.246 0-46.135-18.831-46.135-42.369s17.889-42.369 46.135-42.369 45.194 17.889 45.194 42.369c0.942 23.538-16.948 42.369-45.194 42.369zm335.19 276.81h-81.914v-129.93c0-32.954-12.24-55.551-41.428-55.551-22.597 0-35.778 15.065-41.428 30.129-1.883 5.649-2.825 12.24-2.825 19.772v136.52h-81.914s0.942-221.26 0-243.86h81.914v34.837c11.298-16.948 30.129-40.486 73.44-40.486 53.668 0 94.154 34.837 94.154 110.16l1e-3 138.41zm-168.54-208.08s0.941-0.941 0 0z"/></svg>
+          <svg  width="14" height="14" viewBox="0 0 32 32"> <path id="linkedin" class="cls-1" d="M29,0H3A3.076,3.076,0,0,0,0,3V29a3.009,3.009,0,0,0,3,3H29a2.946,2.946,0,0,0,3-3V3A3.009,3.009,0,0,0,29,0ZM12,26H8V12h4ZM10,10a2,2,0,1,1,2-2A2.006,2.006,0,0,1,10,10ZM26,26H22V18a2,2,0,0,0-4,0v8H14V12h4v2.5c.8-1.1,2.1-2.5,3.5-2.5A4.736,4.736,0,0,1,26,17Z"/></svg>
+              <a href="https://www.linkedin.com/company/couchbase" class="icon">
+             Linkedin
             </a>
           </li>
         </ul>
       </div>
     </div>
     <div class="footer-terms">
-      <span>{{{year}}} COUCHBASE All rights reserved.</span>
-      <a href="https://www.couchbase.com/privacy-policy">Privacy Policy</a>
-      <a href="https://www.couchbase.com/cookie-policy">Cookie Policy</a>
-      <a href="https://www.couchbase.com/support-policy">Support Policy</a>
-      <a href="https://www.couchbase.com/terms-of-use">Terms of Use</a>
-      <a href="https://info.couchbase.com/unsubscribe-or-manage-preferences.html" target="_blank" rel="noopener">Marketing Preference Center</a>
+      <div class="footer-terms-copyright">
+          <span>© {{{year}}} Couchbase, Inc. Couchbase, Couchbase Lite and the Couchbase logo are registered trademarks of Couchbase, Inc.</span>
+      </div>
+      <div class="footer-terms-links">
+        <a href="https://www.couchbase.com/terms-of-use">Terms of Use</a>
+        <a href="https://www.couchbase.com/privacy-policy">Privacy Policy</a>
+        <a href="https://www.couchbase.com/cookie-policy">Cookie Policy</a>
+        <a href="https://www.couchbase.com/support-policy">Support Policy</a>
+        <a href="https://info.couchbase.com/unsubscribe-or-manage-preferences.html" target="_blank" rel="noopener">Marketing Preference Center</a>
+      </div>
     </div>
   </div>
 </footer>
