diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index 8ff4b98e24..c0629c53ad 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -293,6 +293,32 @@ } } + .collaboration-logos-container { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + + @media (max-width: @screen-sm-max) { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 10px; + justify-items: center; + } + + .enterprise-logo { + display: inline-block; + padding: 0 @padding-md; + height: 35px; + @media (max-width: @screen-sm-max) { + margin-top: @margin-md; + } + } + + .logo-height-45 { + height: 45px; + } + } + .top-image-cards { .top-image-card { > img.img-responsive { @@ -337,7 +363,7 @@ flex-direction: column; align-items: center; padding: 64px; - background: #2f4858; + background: var(--dark-jungle-green); color: var(--white); border-radius: 8px; @@ -364,7 +390,7 @@ span.lime-color { font-weight: 500; - color: #7ee787; + color: var(--malachite); } @media (max-width: @screen-sm-max) { @@ -442,6 +468,22 @@ } } + .text-with-bg { + display: inline-block; + padding: 0 @padding-sm; + margin: 0 6px; + border-radius: 10px; + margin-top: 5px; + } + + .purple-bg { + background-color: var(--ceil); + } + + .yellow-bg { + background-color: var(--caramel); + } + .security-info { .security-info-first-row { margin-bottom: 32px; diff --git a/services/web/frontend/stylesheets/variables/colors.less b/services/web/frontend/stylesheets/variables/colors.less index f106070f8c..322648dcef 100644 --- a/services/web/frontend/stylesheets/variables/colors.less +++ b/services/web/frontend/stylesheets/variables/colors.less @@ -95,6 +95,10 @@ // == Website Redesign == @emerald-green: #098842; @vivid-tangerine: #f1a695; +@ceil: #9597c9; +@caramel: #f9d38f; +@dark-jungle-green: #0f271a; +@malachite: #13c965; @light-pastel-purple: #b199c8; @mint-green: #80cb9c; @deep-green: #0f2715; diff --git a/services/web/frontend/stylesheets/variables/css-variables.less b/services/web/frontend/stylesheets/variables/css-variables.less index 782e5f0198..3f017f76d1 100644 --- a/services/web/frontend/stylesheets/variables/css-variables.less +++ b/services/web/frontend/stylesheets/variables/css-variables.less @@ -84,6 +84,10 @@ --emerald-green: @emerald-green; --mint-green: @mint-green; --vivid-tangerine: @vivid-tangerine; + --ceil: @ceil; + --caramel: @caramel; + --dark-jungle-green: @dark-jungle-green; + --malachite: @malachite; --light-pastel-purple: @light-pastel-purple; --deep-green: @deep-green; --sapphire-blue: @sapphire-blue; diff --git a/services/web/public/img/crests/NVIDIA-logo.png b/services/web/public/img/crests/NVIDIA-logo.png new file mode 100644 index 0000000000..e9d32c7ae3 Binary files /dev/null and b/services/web/public/img/crests/NVIDIA-logo.png differ diff --git a/services/web/public/img/crests/adobe-logo.png b/services/web/public/img/crests/adobe-logo.png new file mode 100644 index 0000000000..6e467f6879 Binary files /dev/null and b/services/web/public/img/crests/adobe-logo.png differ diff --git a/services/web/public/img/crests/cern-logo.png b/services/web/public/img/crests/cern-logo.png new file mode 100644 index 0000000000..c5bd6d865f Binary files /dev/null and b/services/web/public/img/crests/cern-logo.png differ diff --git a/services/web/public/img/crests/rigetti-logo.png b/services/web/public/img/crests/rigetti-logo.png new file mode 100644 index 0000000000..2d5ab54a3d Binary files /dev/null and b/services/web/public/img/crests/rigetti-logo.png differ diff --git a/services/web/public/img/crests/the-world-bank-logo.png b/services/web/public/img/crests/the-world-bank-logo.png new file mode 100644 index 0000000000..fee89a24e1 Binary files /dev/null and b/services/web/public/img/crests/the-world-bank-logo.png differ diff --git a/services/web/public/img/crests/toshiba-logo.png b/services/web/public/img/crests/toshiba-logo.png new file mode 100644 index 0000000000..003d13c047 Binary files /dev/null and b/services/web/public/img/crests/toshiba-logo.png differ diff --git a/services/web/public/img/website-redesign/webinar-asset.png b/services/web/public/img/website-redesign/webinar-asset.png new file mode 100644 index 0000000000..67adcb1541 Binary files /dev/null and b/services/web/public/img/website-redesign/webinar-asset.png differ