diff --git a/website/assets/images/video-testimonial-andre-shields-1440x810@2x.jpg b/website/assets/images/video-testimonial-andre-shields-1440x810@2x.jpg new file mode 100644 index 0000000000..7fa82f2c0b Binary files /dev/null and b/website/assets/images/video-testimonial-andre-shields-1440x810@2x.jpg differ diff --git a/website/assets/js/pages/vulnerability-management.page.js b/website/assets/js/pages/vulnerability-management.page.js index 16c4a044fd..f80d8f3f4c 100644 --- a/website/assets/js/pages/vulnerability-management.page.js +++ b/website/assets/js/pages/vulnerability-management.page.js @@ -25,8 +25,8 @@ parasails.registerPage('vulnerability-management', { window.HubSpotConversations.widget.open(); } }, - clickOpenVideoModal: function() { - this.modal = 'video'; + clickOpenVideoModal: function(modalName) { + this.modal = modalName; }, closeModal: function() { this.modal = undefined; diff --git a/website/assets/styles/pages/vulnerability-management.less b/website/assets/styles/pages/vulnerability-management.less index df5a739884..6cabd5b057 100644 --- a/website/assets/styles/pages/vulnerability-management.less +++ b/website/assets/styles/pages/vulnerability-management.less @@ -177,13 +177,28 @@ align-items: center; justify-content: center; margin-bottom: 0px; - background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg'); - background-position: center; - background-size: cover; } &:hover { box-shadow: 0px 4px 16px 0px #E2E4EA; } + &:first-of-type { + [purpose='testimonial-video'] { + background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg'); + background-position: center; + background-size: cover; + } + margin-right: 20px; + margin-left: 0px; + } + &:last-of-type { + [purpose='testimonial-video'] { + background: url('/images/video-testimonial-andre-shields-1440x810@2x.jpg'); + background-position: center; + background-size: cover; + } + margin-right: 0px; + margin-left: 20px; + } } [purpose='video-modal'] { [purpose='modal-dialog'] { @@ -333,6 +348,14 @@ align-items: center; justify-content: center; } + &:first-of-type { + margin-right: 10px; + margin-left: 0px; + } + &:last-of-type { + margin-right: 0px; + margin-left: 10px; + } } [purpose='video-modal'] { [purpose='modal-dialog'] { @@ -447,6 +470,27 @@ [purpose='logos'] { height: auto; } + [purpose='testimonial'] { + &:first-of-type { + [purpose='testimonial-video'] { + background: url('/images/video-testimonial-austin-anderson-1440x810@2x.jpg'); + background-position: center; + background-size: cover; + } + margin-right: auto; + margin-left: auto; + margin-bottom: 40px; + } + &:last-of-type { + [purpose='testimonial-video'] { + background: url('/images/video-testimonial-andre-shields-1440x810@2x.jpg'); + background-position: center; + background-size: cover; + } + margin-right: auto; + margin-left: auto; + } + } [purpose='video-modal'] { [purpose='modal-dialog'] { max-width: 97vw; diff --git a/website/views/pages/vulnerability-management.ejs b/website/views/pages/vulnerability-management.ejs index 5aba345921..fb0c11d38a 100644 --- a/website/views/pages/vulnerability-management.ejs +++ b/website/views/pages/vulnerability-management.ejs @@ -60,8 +60,9 @@ -
We can build it exactly the way we want it. Which is just not possible on other platforms.
@@ -71,6 +72,16 @@The visibility down into the assets covered by the agent is phenomenal.
+Andre Shields
+Cybersecurity security engineer, vulnerability management
+