diff --git a/website/assets/images/icon-question-20x19@2x.png b/website/assets/images/icon-question-20x19@2x.png new file mode 100644 index 0000000000..ff18ed67f8 Binary files /dev/null and b/website/assets/images/icon-question-20x19@2x.png differ diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less index 941231abb6..60cb15b3e0 100644 --- a/website/assets/styles/pages/handbook/basic-handbook.less +++ b/website/assets/styles/pages/handbook/basic-handbook.less @@ -180,6 +180,36 @@ margin-left: -2px; } } + [purpose='sidebar-cta'] { + margin-top: 24px; + display: flex; + width: 200px; + padding: 16px; + align-items: center; + border-radius: 8px; + border: 1px solid #E2E4EA; + background: #FFF; + font-size: 14px; + line-height: 150%; + color: @core-fleet-black; + p { + line-height: 120%; + margin-bottom: 0px; + font-weight: 800; + } + [parasails-component='animated-arrow-button'] { + line-height: 150%; + } + img { + width: 20px; + height: 18.947px; + margin-right: 10px; + } + &:hover { + text-decoration: none; + } + } + } [purpose='🫧 Marketing'] { h2 { diff --git a/website/views/pages/handbook/basic-handbook.ejs b/website/views/pages/handbook/basic-handbook.ejs index 9e0dab8c6e..443f7b5438 100644 --- a/website/views/pages/handbook/basic-handbook.ejs +++ b/website/views/pages/handbook/basic-handbook.ejs @@ -17,6 +17,18 @@ + + +
+ +
+ Ask us anything +
+
+

Questions?

+ Ask us anything +
+
@@ -75,6 +87,17 @@ +
+ +
+ Ask us anything +
+
+

Questions?

+ Ask us anything +
+
+