From 0c20e4f56d1766f6ff13fab5feb6a5b65dc409cc Mon Sep 17 00:00:00 2001
From: dev-rajneeshkumar <rajneesh.kumar@nvish.com>
Date: Mon, 7 Oct 2024 17:03:10 +0530
Subject: [PATCH] slas webinar

---
 ...y-machine-learning-and-image-analysis.html | 129 ++++++++++++++++++
 1 file changed, 129 insertions(+)
 create mode 100644 fragments/landing/automation-of-3d-organoid-culture-and-assays-powered-by-machine-learning-and-image-analysis.html

diff --git a/fragments/landing/automation-of-3d-organoid-culture-and-assays-powered-by-machine-learning-and-image-analysis.html b/fragments/landing/automation-of-3d-organoid-culture-and-assays-powered-by-machine-learning-and-image-analysis.html
new file mode 100644
index 000000000..ce49d1aa8
--- /dev/null
+++ b/fragments/landing/automation-of-3d-organoid-culture-and-assays-powered-by-machine-learning-and-image-analysis.html
@@ -0,0 +1,129 @@
+<style type="text/css">
+  .three-row-video h3 {
+    color: #008da8;
+    font-size: 25px;
+    text-align: center;
+  }
+
+  .three-row-video p {
+    text-align: center;
+  }
+
+  .three-row-video .vidyard_wrapper .video-ico:before {
+    background-size: 38% auto;
+    top: -70%;
+    left: 32px;
+  }
+
+  .three-col-row:nth-child(1) .vidyard_wrapper .video-ico:before {
+    top: -60%;
+    left: -100px;
+  }
+
+  .three-row-video .video-row {
+    display: flex;
+    margin-top: 30px;
+    justify-content: center;
+  }
+
+  .three-row-video .three-col-row {
+    display: flex;
+    flex-flow: column;
+  }
+
+  .three-row-video .vidyard_wrapper .video-ico {
+    position: static;
+  }
+
+  .three-row-video .three-col-row img {
+    width: 85%;
+    height: auto;
+  }
+
+  .promo.section-heading h1 {
+    font-size: 40px;
+    text-align: center;
+
+    color: #008da8;
+    margin-top: 0;
+  }
+
+  .promo.section-heading h1 span {
+    color: #ee7623;
+    font-style: italic;
+  }
+
+  .vidyard_wrapper {
+    float: left;
+    cursor: pointer;
+  }
+
+  .vidyard_wrapper .video-ico {
+    position: relative;
+  }
+
+  .vidyard_wrapper .video-ico:before {
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    content: '';
+    display: block;
+    border-radius: 100%;
+    background: url(/images/play_icon.png) no-repeat center center;
+    background-size: 45% auto;
+    margin: auto;
+    left: -5px;
+    right: 0;
+    top: 0;
+    bottom: 0;
+  }
+
+  @media (min-width: 768px) {
+    .col-sm-6 {
+      width: 50%;
+    }
+
+    .landing-page .section.center.orange-buttons {
+      position: relative;
+      top: -150px;
+      padding: 0;
+    }
+  }
+
+  @media (max-width: 767px) {
+    .three-row-video .video-row {
+      display: block;
+    }
+
+    .three-row-video .three-col-row {
+      margin-bottom: 50px;
+    }
+
+    .three-row-video .three-col-row:last-child {
+      margin-bottom: 0;
+    }
+  }
+</style>
+
+<div class="three-row-video">
+  <div class="row video-row">
+    <div class="col-sm-6 three-col-row">
+      <h3>SpectraMax iD3</h3>
+      <script type="text/javascript" src="https://play.vidyard.com/8t6jg8vLBW5auyrz1ZhF2p.js?width=700&height=394&frameborder=0&v=3.1.1&type=lightbox"></script>
+      <div class="vidyard_wrapper" onclick="fn_vidyard_8t6jg8vLBW5auyrz1ZhF2p();">
+        <div class="video-ico">
+          <img alt="Spectra Max iD3" data-entity-type="file" data-entity-uuid="1500a570-6346-4b0b-a31c-574951168b92" src="/sites/default/files/en/assets/promotions/spectramax-id3.png" class="align-center" width="311" height="419" loading="lazy" />
+        </div>
+      </div>
+    </div>
+    <div class="col-sm-6 three-col-row">
+      <h3>SpectraMax iD5</h3>
+      <script type="text/javascript" id="" src="https://play.vidyard.com/UQ9y9WjLPcKw2BPUuPQbGY.js?width=700&amp;height=394&amp;frameborder=0&amp;v=3.1.1&amp;type=lightbox" ></script>
+      <div class="vidyard_wrapper" onclick="fn_vidyard_UQ9y9WjLPcKw2BPUuPQbGY();">
+        <div class="video-ico">
+          <img data-entity-type="file" data-entity-uuid="1a580715-e3d4-4ee4-b51b-fe67fd8a1df8" class="align-center" src="/sites/default/files/en/assets/promotions/spectra-max-id5.png" alt="Spectra Max iD5" width="311" height="532" loading="lazy" />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>