From f5f9c32cf7b2cc9c7a09729f256a283626e55b0d Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 14 Feb 2024 18:04:41 -0600
Subject: [PATCH] Website: update website footer (#16864)

Closes: #16802
Closes: https://github.com/fleetdm/confidential/issues/5097

Changes:
- Updated the layout of the website's footer
---
 .../icon-checkmark-fleet-black-75-9x7@2x.png  | Bin 0 -> 392 bytes
 ...go-creative-commons-greyscale-80x16@2x.png | Bin 0 -> 2001 bytes
 website/assets/images/logo-x-24x24@2x.png     | Bin 0 -> 1428 bytes
 website/assets/styles/layout.less             | 224 +++++++++++-------
 website/views/layouts/layout.ejs              |  93 ++++----
 5 files changed, 182 insertions(+), 135 deletions(-)
 create mode 100644 website/assets/images/icon-checkmark-fleet-black-75-9x7@2x.png
 create mode 100644 website/assets/images/logo-creative-commons-greyscale-80x16@2x.png
 create mode 100644 website/assets/images/logo-x-24x24@2x.png

diff --git a/website/assets/images/icon-checkmark-fleet-black-75-9x7@2x.png b/website/assets/images/icon-checkmark-fleet-black-75-9x7@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..7dfac017e1c69d9d1668afb306429a0ab5a43e80
GIT binary patch
literal 392
zcmV;30eAk1P)<h;3K|Lk000e1NJLTq000yK000mO1^@s678qX}0003`Nkl<Zcmd6m
zKTpCy7{;Hss2yDR2#hW!ot^L-v^4?ZqHJ!~0EwGrGnNGX1nOd_gSpYo(NPu?H~S4_
zkVK>Oy#ArI*lK}=C%NR>d-HpLcew+WF>0-~uZ!W$2@6KAG*39e^kIaygas0Z1tDi{
z!<|ZF&n3EwP#|_^TiRTP>TXMk!@#NUey-O8@T{=faf$f%lb9AmH-}SUoApi|?`tN*
z05*Eaf<=a^YWf9?nS=jfyp#p=4gEs-{Z))Nz1lQVVWMFYh5;`?n}+#7U{oG&fdgId
zD*S@24dXCyF4ftM)lX|K;p2;W`cbjCS8=E$54#|)MC-s2yFFvbNO*=uk>nNcu$9Sz
zbPl*4z=$<#vtGx<AEC+CjG`p3UUG0XtuPNP0USrGHiQ`+CSafoW?Kewq%i&C<@xb`
mV{=QqbCg4~Yi4&2kTXA9s)9bKp3J}i0000<MNUMnLSTY#l&<Xn

literal 0
HcmV?d00001

diff --git a/website/assets/images/logo-creative-commons-greyscale-80x16@2x.png b/website/assets/images/logo-creative-commons-greyscale-80x16@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6a58290492ac01674dea22cd5a9bd7bdf9f6642
GIT binary patch
literal 2001
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

literal 0
HcmV?d00001

diff --git a/website/assets/images/logo-x-24x24@2x.png b/website/assets/images/logo-x-24x24@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..6430fba3475cf245917fe70c653d3aad398364f7
GIT binary patch
literal 1428
zcmV;F1#9|=P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1u02HK~#7F?O8Ez
z8#fewyi+R!>7Z^N)ggc!D6KOTZPlWXm!jRI1hs@NaeqN<#167q*@8NS-K|@brLdP;
z-P$P%&^qo^1C0@l8apaL97u?C%p*@H-|<Kuk9R<TARiz|NAh^z<GuIs@d@B9UN6YE
z-)${ZkCwm!6DSP2`*#PBGa8Lfsj%>TS=B!oy?4^>c82VC;pLRp3BWE`fWV}OUn`I!
z7<p1W`*%vAEbFHP?jZSIaP9U_kB*nBpS_QCK85rsU#fmldV2czpO6!lKK%GG5L%J-
zaq|23I^i~lcZ{dlNCsd53f_8S^;QFNz}42~E|QnJ4gt~?$un>Ry4}4YB`$M?q2%5n
z5Hv3Q5ho|!FOBx?GGrmYy17jO*5$oq;EgYQFY9rFA1oLtAsezm6x@}={hbej54QXy
z3@H(BdI*-d*4ny(?$MF=k^x)XAZSIn;fwy0qZ3IyED%cTm5W~;^!vRLA9workELpj
zxy|DFb70XX9=Q7vdLMM;HA?4*4TlFmve$SLorf+v#TVP*CQ1rT5L_;8JTSLo?x*Uf
zE;N&5+L7L<AcsLV_fg;Fpef#K8V{U2oj$~$(me>{VWa!&&PmcdQUg@vaMJBCIaGz7
zDjt}ggNi)UdQP5}W&K<(5AN-O0UT8aBgZBJksLlaOm60Ky~rqu%SF21J=2qy$fXL7
zu5&g~Pk2PxDW2^{A6j4%7jwC5t2eKUbJ}RV4o=blpIlV?DbO{Oc<>0>3%i`H*6Tn_
z1~uB7bwc5x*iKz?B^+otu7l&YMPhV(;fh;4yY2y1_;s>es$gUQCx<H@Px^dv;Z3I5
z+GK{-h1+|Qw(~hG$ulInPynV1%txcGv`mW6BRjCn<v>Z^OzU+pHh{q!zm$?=z8zfn
z@j#7y*;MOwaMKL#_m4-Fk3N5de%{8*g?R^odgXHM5vC#oJ`TU}nh@Q}`&xe&G9r}$
z4E_I({;yPPV<h)=xE<XKjrj8S{*%9WJfIOh%$Mr;vn<Y$R_k?0<w61cT~geEF&^k7
zlGo7jq$xXRI8>UpTfxcz2E`$$ezkRLu2lXxBOVVtCBd^e<N#{}REHojBjqUx2CHy;
ziA+J8FPXyH00z||NX$rQiCHf?DxQ+qAd>+M-Tj^WCK;(L9>kQy2AK`uM94ew6hX*H
zxy!lI6n!^KJmg}4>O34f1mUJ7i3i9M519?nrN<1hLy#gR!FW&}Ep^CbfIdB*BX$Uq
zr6d>+4V!qdHh_~?mO?~C6(<xAf&{0Jht#PA!>knYv%DA6W0$NDN?589_Uq+K)!MVC
zSjuD<%9I4}!xGMepoEiz)NjD36vBd4z5_>An8gFW#RtNuSc<MgDg)A#LKHi2TyaK|
zb$Lo+77xY-oRc>%g_s<IwDEvPS;)%(U+dGCLW~YU{{C<$_Do6=i)2OyWGRIxR~Qv6
zyuzj_x`;#r@+gIvuCOvi54|lBS_AZ2uP=LxFj-+`iY~mZFqHd1qSjlKLMj(OIVJ^%
z>HcD<Ir29ZJCd3lSp!JlKptgp8T=JaF3YEh2O=e}lS`)chLvL#8ttt${L@4vGjv1c
zN$NQz&tJq+l(4h++rbYT=htb-=U7c>wr=7gkQ-nD<gwzH_5~NR)p{F9{|Pb#)};;u
z^_m-yciGznvUo5=DToKILNmF%Eg#DZxZjv&hiSkS=W^{I^y4*153XK31{&@4vU1p{
iG&I$ETWFvErsEZtO&nZ35b(AD0000<MNUMnLSTZn*of2s

literal 0
HcmV?d00001

diff --git a/website/assets/styles/layout.less b/website/assets/styles/layout.less
index 701460d906..fb19ac573e 100644
--- a/website/assets/styles/layout.less
+++ b/website/assets/styles/layout.less
@@ -1,4 +1,4 @@
-@footer-height: 254px;
+@footer-height: 409px;
 @container-md-max-width: 1100px;
 
 [v-cloak] { display: none; }
@@ -308,74 +308,111 @@ html, body {
   color: #515774;
   height: @footer-height;
   width: 100%;
+  padding: 64px;
   position: absolute;
   left: 0px;
   bottom: 0px;
   a {
     color: #515774;
   }
-  [purpose='footer-logo'] {
-    width: 118px;
-    height: 41px;
-  }
-  [purpose='footer-container'] {
-    padding-left: 40px;
-    padding-right: 40px;
-    padding-bottom: 32px;
-    padding-top: 40px;
-    max-width: 1248px;
-    position: relative;
-    z-index: 198;
-  }
-  [purpose='footer-nav'] {
-    display: flex;
-    flex-direction: row;
-  }
-  [purpose='footer-bottom'] {
-    background-color: #FFF;
-    padding-left: 40px;
-    padding-right: 70px;
-  }
-  [purpose='legal-and-social-nav'] {
-    max-width: 1248px;
-    [purpose='legal-section'] {
-      font-size: 11px;
-      line-height: 18px;
-      img {
-        width: 80px;
-        height: 15px;
-      }
-      [purpose='legal-links'] {
-        a {
-          padding-left: 16px;
-          display: inline;
-          font-size: 11px;
-          line-height: 18px;
-          text-decoration: underline;
-        }
-      }
-    }
-    [purpose='footer-socials'] {
-      img {
-        height: 20px;
-        width: auto;
-        margin-top: 2px;
-      }
-    }
-  }
-
-
 }
+[purpose='footer-content'] {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+}
+[purpose='footer-logo'] {
+  width: 118px;
+  height: 41px;
+}
+[purpose='footer-nav'] {
+  display: flex;
+  flex-direction: row;
+  margin-left: -8px;
+  margin-right: -8px;
+  margin-bottom: 80px;
+}
+
+[purpose='footer-nav-header'] {
+  margin-bottom: 8px;
+}
+
+[purpose='footer-nav-column'] {
+  padding-right: 8px;
+  padding-left: 8px;
+  a {
+    font-size: 14px;
+    line-height: 150%;
+    margin-top: 8px;
+  }
+}
+
+[purpose='footer-bottom'] {
+  background-color: #FFF;
+}
+
+[purpose='footer-trust-link'] {
+  font-size: 10px;
+  line-height: 150%;
+  font-weight: 700;
+  padding: 2px 6px;
+  color: @core-fleet-black-75;
+  margin-right: 12px;
+  border-radius: 3px;
+  background: #FFF;
+  img {
+    width: 9px;
+    height: auto;
+    margin-right: 6px;
+  }
+  &:hover {
+    background-color: #F9FAFC;
+    text-decoration: none;
+  }
+}
+[purpose='legal-section'] {
+  font-size: 12px;
+  line-height: 150%;
+  [purpose='creative-commons-license'] {
+    width: 80px;
+    height: 15px;
+    margin-right: 8px;
+  }
+  [purpose='legal-links'] {
+    a {
+      margin-left: 12px;
+      display: inline;
+      text-underline-offset: 2.5px;
+      text-decoration: underline;
+    }
+  }
+}
+[purpose='footer-socials'] {
+  img {
+    height: 20px;
+    width: auto;
+    margin-top: 2px;
+  }
+}
+[purpose='page-wrap'].reduced-footer-links {
+  padding-bottom: 67px;
+}
+
 // Landing page footer styles
-[purpose='landing-footer'] {
+[purpose='reduced-nav-footer'] {
   position: absolute;
   bottom: 0px;
   width: 100%;
-  color: #FFFF;
-  background-color: #182147;
-  height: 60px;
+  height: 67px;
+  padding: 24px 32px;
+  color: @core-fleet-black-75;
+  a {
+    color: @core-fleet-black-75;
+  }
 }
 
+
+
 body.detected-mobile {
   // Above and beyond the media queries below, this selector (which relies on
   // `parasails` automatically attaching this class, if appropriate) contains
@@ -388,16 +425,31 @@ body.detected-mobile {
   .homepage-cta-banner+.homepage-header-top {
     top: 72px;
   }
+  [purpose='page-wrap'] {
+    padding-bottom: 460px;
+  }
+  [purpose='page-footer'] {
+    padding: 64px 40px;
+    height: 460px;
+  }
+
+  [purpose='footer-socials'] {
+    margin-bottom: 32px;
+  }
 }
 
 @media (max-width: 767px) {
   [purpose='page-wrap'] {
-    padding-bottom: 264px;
-
-    [purpose='page-footer'] {
-      height: 264px;
-    }
+    padding-bottom: 701px;
   }
+  [purpose='footer-nav-column']:not(:last-of-type) {
+    margin-bottom: 64px;
+  }
+  [purpose='page-footer'] {
+    padding: 64px 32px;
+    height: 701px;
+  }
+
 }
 @media (max-width: 605px) {
   .homepage-cta-banner + .homepage-header-top {
@@ -406,10 +458,26 @@ body.detected-mobile {
 }
 @media (max-width: 575px) {
   [purpose='page-wrap'] {
-    padding-bottom: 371px;
-    [purpose='page-footer'] {
-      height: 371px;
-    }
+    padding-bottom: 925px;
+  }
+  [purpose='page-wrap'].reduced-footer-links {
+    padding-bottom: 97px;
+  }
+  [purpose='reduced-nav-footer'] {
+    height: 97px;
+  }
+  [purpose='page-footer'] {
+    height: 925px;
+    padding: 64px 24px;
+  }
+  [purpose='footer-nav'] {
+    margin-bottom: 64px;
+  }
+  [purpose='footer-nav-column']:not(:last-of-type) {
+    margin-bottom: 40px;
+  }
+  [purpose='license-information'] {
+    margin-bottom: 32px;
   }
   // For hiding the hubspot chat widget on mobile devices.
   #hubspot-messages-iframe-container iframe[aria-label='Chat Widget'] {
@@ -422,32 +490,6 @@ body.detected-mobile {
   }
 }
 
-@media (max-width: 490px) {
-  [purpose='header-ribbon-cta'] {
-    p {
-      width: 220px;
-    }
-  }
-  [purpose='page-wrap'] {
-    padding-bottom: 581px;
-
-    [purpose='page-footer'] {
-      height: 581px;
-
-      [purpose='footer-nav'] {
-        display: block;
-      }
-      [purpose='legal-nav'] {
-        padding-left: 0px;
-        display: block;
-      }
-    }
-    // Landing page footer styles
-    [purpose='landing-footer'] {
-      height: 80px;
-    }
-  }
-}
 @media (max-width: 393px) {
   .homepage-cta-banner + .homepage-header-top {
     top: 112px;
diff --git a/website/views/layouts/layout.ejs b/website/views/layouts/layout.ejs
index 48631764ee..0e1cc7d9ac 100644
--- a/website/views/layouts/layout.ejs
+++ b/website/views/layouts/layout.ejs
@@ -134,7 +134,7 @@
       height="0" width="0" style="display:none;visibility:hidden"></iframe>
     </noscript>
     <%/* End Google Tag Manager (noscript) */%>
-    <div purpose="page-wrap" style="<%= hideFooterLinks ? 'padding-bottom: 60px;' : '' %>">
+    <div purpose="page-wrap" class="<%= hideFooterLinks ? 'reduced-footer-links' : '' %>">
       <%// Page header%>
       <div class="header" purpose="header-container" data-nosnippet>
         <div purpose="header-background">
@@ -295,55 +295,58 @@
       <%- body %>
 
       <%/* Note: footer is hidden until the page is loaded. See «script» tag at the bottom of this file. */%>
-      <%if( !hideFooterLinks) {%>
-      <div class="invisible" purpose="page-footer" data-hide-until-rendered data-nosnippet>
-        <div purpose="footer-container" class="container-fluid d-flex flex-column flex-sm-row align-items-sm-end justify-content-center justify-content-sm-between">
-          <div class="d-flex flex-column order-first justify-content-start">
-            <div class="d-flex pb-4 pr-4">
-              <a class="pb-3" href="/">
-                <img purpose="footer-logo" alt="Fleet logo" src="/images/logo-blue-118x41@2x.png" style="" />
-              </a>
-            </div>
+      <% if(!hideFooterLinks) { %>
+      <div class="invisible container-fluid" purpose="page-footer" data-hide-until-rendered data-nosnippet>
+        <div purpose="footer-content">
+        <div purpose="footer-nav" class="d-flex flex-row flex-wrap row">
+          <div purpose="footer-nav-column" class="d-lg-flex d-none col-3">
+            <a href="/">
+              <img purpose="footer-logo" alt="Fleet logo" src="/images/logo-blue-118x41@2x.png"/>
+            </a>
           </div>
-          <div class="d-flex flex-grow-1 flex-column">
-            <div purpose="footer-nav" class="justify-content-between justify-content-sm-end order-l pb-xl-2 px-lg-0">
-              <div class="flex-column">
-                <a href="/pricing" class="d-block pr-md-5 pr-sm-3 pb-2">Try it out</a>
-                <a href="/docs" class="d-block pr-md-5 pr-sm-3 pb-2">Docs</a>
-                <a href="/try-fleet" class="d-block pr-md-5 pr-sm-3 pb-2">Explore data</a>
-                <a href="/handbook/company/why-this-way#why-open-source" class="d-block pr-md-5 pr-sm-3 pb-2 pb-xl-0">Why open source?</a>
-              </div>
-              <div class="flex-column">
-                <a href="/integrations" class="d-block px-md-5 px-sm-3 pb-2">Integrations</a>
-                <a href="/customers/register" class="d-block px-md-5 px-sm-3 pb-2">Get your license</a>
-                <a href="/handbook" class="d-block px-md-5 px-sm-3 pb-2">About</a>
-                <a href="/logos" class="d-block px-md-5 px-sm-3 pb-2 pb-xl-0">Logos/artwork</a>
-              </div>
-              <div class="flex-column">
-                <a href="/apply" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2">Jobs</a>
-                <a href="/blog" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2">Blog</a>
-                <a href="/docs/contributing" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2">Contribute</a>
-                <a href="/support" class="d-block pr-lg-2 pl-md-5 pl-sm-3 pb-2 pb-xl-0">Live chat</a>
-              </div>
-            </div>
+          <div purpose="footer-nav-column" class="d-flex flex-column col-lg-3 col-md-4 col-sm-6 col-12">
+            <strong purpose="footer-nav-header">Platform</strong>
+            <a href="/device-management">Device management</a>
+            <a href="/vulnerability-management">Vulnerability management</a>
+            <a href="/endpoint-ops">Endpoint ops</a>
+            <a href="/integrations">Integrations</a>
+            <a href="/pricing">Pricing</a>
+          </div>
+          <div purpose="footer-nav-column" class="d-flex flex-column col-lg-3 col-md-4 col-sm-6 col-12">
+            <strong purpose="footer-nav-header">Documentation</strong>
+            <a href="/support">Support</a>
+            <a href="/docs">Docs</a>
+            <a href="/docs/rest-api">REST API</a>
+            <a href="/customers/register">Get your license</a>
+            <a href="/docs/contributing">Contribute</a>
+          </div>
+          <div purpose="footer-nav-column" class="d-flex flex-column col-lg-3 col-md-4 col-sm-6 col-12">
+            <strong purpose="footer-nav-header">Company</strong>
+            <a href="/handbook">About</a>
+            <a href="/blog">Blog</a>
+            <a href="/apply">Jobs</a>
+            <a href="/logos">Logos/artwork</a>
+            <a href="/handbook/company/why-this-way#why-open-source">Why open source?</a>
           </div>
         </div>
 
         <div purpose="footer-bottom">
-          <div purpose="legal-and-social-nav" class="container-fluid d-flex px-0 flex-md-row flex-column align-items-md-center justify-content-md-between pb-4 pr-3 pb-md-0">
+          <div purpose="legal-and-social-nav" class="d-flex flex-lg-row flex-column align-items-lg-center justify-content-lg-between">
 
-            <div purpose="legal-section" class="d-flex flex-column justify-content-start flex-sm-row pr-sm-0">
-              <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-160x30@2x.png" />
-              <div class="pl-sm-3 pt-sm-0 pt-1 pl-0 text-sm-nowrap d-block d-sm-inline">
+            <div purpose="legal-section" class="d-flex flex-column justify-content-start align-items-start flex-sm-row pr-sm-0">
+              <div purpose="license-information" class="d-flex flex-row align-items-center">
+                <img purpose="creative-commons-license" alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" />
+                <a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2 certified</a>
+              </div>
+              <div class="text-sm-nowrap d-block d-sm-inline">
                 © <%= (new Date()).getFullYear() %> <a href="/handbook">Fleet Device Management Inc.</a>
                 <span purpose="legal-links">
                   <a href="/legal/privacy">Privacy</a>
-                  <a class="pl-3" target="_blank" href="https://osquery.io">What is osquery?</a>
                 </span>
               </div>
             </div>
 
-            <div purpose="footer-socials" class="flex-row d-inline-flex font-weight-bold order-first order-md-last justify-content-start justify-content-md-end pl-md-3 py-3">
+            <div purpose="footer-socials" class="flex-row d-inline-flex font-weight-bold order-first order-lg-last justify-content-start justify-content-lg-end pl-lg-3">
               <a target="_blank" href="/slack" class="mr-4">
                 <img alt="Slack logo" src="/images/logo-slack-dark-20x20@2x.png"/>
               </a>
@@ -354,7 +357,7 @@
                 <img alt="LinkedIn logo" src="/images/logo-linkedin-24x24@2x.png" />
               </a>
               <a target="_blank" href="https://twitter.com/fleetctl" class="mr-4">
-                <img alt="Twitter logo" src="/images/logo-twitter-dark-25x20@2x.png"/>
+                <img alt="X (Twitter) logo" src="/images/logo-x-24x24@2x.png"/>
               </a>
               <a target="_blank" href="https://www.youtube.com/channel/UCZyoqZ4exJvoibmTKJrQ-dQ" class="mr-4">
                 <img alt="Youtube logo" src="/images/logo-youtube-29x20@2x.png" />
@@ -365,17 +368,19 @@
             </div>
           </div>
         </div>
+        </div>
       </div>
       <% } else { %>
-        <div purpose="footer" style="position: absolute; bottom:  0px; width: 100%; height:  60px; color: #515774;" data-nosnippet>
-          <div style="max-width: 500px;" class="container-fluid">
-            <div style="font-size: 11px; line-height: 18px;" class="d-sm-flex d-block flex-sm-row justify-content-center mr-4 mr-md-auto">
-              <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-160x30@2x.png" style="width: 80px; height: 15px;" class="mr-2 mb-2 mb-sm-0"/>
+        <div purpose="reduced-nav-footer" data-nosnippet>
+            <div style="font-size: 11px; line-height: 18px;" class="d-sm-flex d-block flex-sm-row align-items-center justify-content-center">
+              <div class="d-flex flex-row align-items-center pb-2 pb-sm-0">
+                <img alt="Creative Commons Licence CC BY-SA 4.0" src="/images/logo-creative-commons-greyscale-80x16@2x.png" style="width: 80px; height: 15px; margin-right: 8px;"/>
+                <a purpose="footer-trust-link" class="d-flex flex-row align-items-center" href="/trust" target="_blank"><img alt="a small checkmark" style="width: 9px; height: auto; margin-right: 6px;" src="/images/icon-checkmark-fleet-black-75-9x7@2x.png">SOC2 Type 2 certified</a>
+              </div>
               <div class="d-flex">
                 © <%= (new Date()).getFullYear() %> Fleet Device Management Inc.
-                <a style="font-size: 12px; font-weight:  700; text-underline-offset: 5px; text-decoration: underline; color: #515774" class="ml-2" href="/legal/privacy">Privacy</a>
+                <a style="margin-left: 12px; font-size: 12px; text-underline-offset: 2.5px; text-decoration: underline; color: #515774" href="/legal/privacy">Privacy</a>
               </div>
-            </div>
           </div>
         </div>
       <% } %>