generated from adobe/aem-boilerplate
-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f2ae45a
commit 2017216
Showing
1 changed file
with
289 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,289 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>Molecular Devices</title> | ||
<link rel="canonical" href="https://www.moleculardevices.com/campaigns/en/chart-your-own-course-ppc" /> | ||
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /> | ||
<link rel="stylesheet" type="text/css" href="css/styles.css" /> | ||
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon" /> | ||
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script> | ||
<script type="text/javascript" src="js/functions.js"></script> | ||
|
||
<script> | ||
(function (i, s, o, g, r, a, m) { | ||
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { | ||
(i[r].q = i[r].q || []).push(arguments); | ||
}, i[r].l = 1 * new Date(); a = s.createElement(o), | ||
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m); | ||
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); | ||
|
||
ga('create', 'UA-17137804-1', 'auto'); | ||
ga('send', 'pageview'); | ||
</script> | ||
|
||
<script type="text/javascript"> | ||
setTimeout(function () { | ||
var a = document.createElement("script"); | ||
var b = document.getElementsByTagName("script")[0]; | ||
a.src = document.location.protocol + "//script.crazyegg.com/pages/scripts/0039/4210.js?" + Math.floor(new Date().getTime() / 3600000); | ||
a.async = true; a.type = "text/javascript"; b.parentNode.insertBefore(a, b); | ||
}, 1); | ||
</script> | ||
|
||
<!-- change href cmp id to new cmp id --> | ||
<script> | ||
const anchors = document.querySelectorAll('a'); | ||
anchors.forEach(function (anchor) { | ||
const search = new URLSearchParams(anchor.href); | ||
console.log(search); | ||
}) | ||
</script> | ||
</head> | ||
|
||
<body> | ||
|
||
<!-- Google Tag Manager --> | ||
<noscript> | ||
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-MTQV2H" height="0" width="0" | ||
style="display:none;visibility:hidden"></iframe> | ||
</noscript> | ||
<script>(function (w, d, s, l, i) { | ||
w[l] = w[l] || []; w[l].push({ | ||
'gtm.start': | ||
new Date().getTime(), event: 'gtm.js' | ||
}); var f = d.getElementsByTagName(s)[0], | ||
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = | ||
'//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); | ||
})(window, document, 'script', 'dataLayer', 'GTM-MTQV2H');</script> | ||
<!-- End Google Tag Manager --> | ||
<div id="main-wrapper"> | ||
<header id="main-head"> | ||
|
||
<div id="lower-head"> | ||
<nav> | ||
<div id="logo-container"> | ||
<a href="index.html?cmp=701Rn00000OwhGZIAZ" id="logo"> | ||
Molecular Devices | ||
</a> | ||
</div> | ||
<div class="buttons-container"> | ||
<a href="https://www.moleculardevices.com/quote-request?pid=microplate-readers&cmp=701Rn00000OwhGZIAZ" target="_blank" | ||
title="Request Pricing Information" class="quote-button" rel="noopener noreferrer">Request Pricing | ||
Information</a> | ||
</div> | ||
</nav> | ||
</div> | ||
</header> | ||
<section id="slides"> | ||
<div id="slide-intro"> | ||
<h1>Find Your Ideal Microplate Reader</h1> | ||
<a href="#" id="show-quiz">Take the Quiz!</a> | ||
</div> | ||
<div id="slide-container"> | ||
<div class="slide slide1"></div> | ||
<div class="slide slide2"></div> | ||
<div class="slide slide3"></div> | ||
<div class="slide slide4"></div> | ||
</div> | ||
<div id="quiz"> | ||
|
||
<h1>Find Your Ideal Microplate Reader</h1> | ||
<progress max="3" value="0">0/3</progress> | ||
<div id="quiz-pages"> | ||
<div class="quiz-page current" id="quiz1"> | ||
<h3 class="question">Which read mode would you like your instrument to have?</h3> | ||
<ul class="radio-list"> | ||
<li><input type="radio" value="1" name="quest1" id="q1-1" /><label for="q1-1">Absorbance</label></li> | ||
<li><input type="radio" value="2" name="quest1" id="q1-2" /><label for="q1-2">Luminescence</label></li> | ||
<li><input type="radio" value="3" name="quest1" id="q1-3" /><label for="q1-3">Fluorescence</label></li> | ||
<li><input type="radio" value="4" name="quest1" id="q1-4" /><label for="q1-4">Multi-Mode</label></li> | ||
</ul> | ||
</div> | ||
<div class="quiz-page" id="quiz2"> | ||
<h3 class="question">Which type of microplates will you use?</h3> | ||
<ul class="radio-list"> | ||
<li><input type="radio" value="1" name="quest2" id="q2-1" /><label for="q2-1">96-well | ||
plates</label></li> | ||
<li><input type="radio" value="2" name="quest2" id="q2-2" /><label for="q2-2">96-well and | ||
384-well plates</label></li> | ||
<li><input type="radio" value="3" name="quest2" id="q2-3" /><label for="q2-3">Multi-plate | ||
(6-well to 1536-well)</label></li> | ||
<li><input type="radio" value="4" name="quest2" id="q2-4" /><label for="q2-4">Micro-Volume | ||
(0.5 μL)</label></li> | ||
</ul> | ||
</div> | ||
<div class="quiz-page" id="quiz3"> | ||
<h3 class="question">Which features would you like your instrument to have?</h3> | ||
<ul class="check-list"> | ||
<li> | ||
<input type="checkbox" value="1" name="quest3[]" id="q3-1" /> | ||
<label for="q3-1">Cuvette Reading</label> | ||
</li> | ||
<li> | ||
<input type="checkbox" value="2" name="quest3[]" id="q3-2" /> | ||
<label for="q3-2">User-upgradeable Application Cartridges</label> | ||
</li> | ||
<li> | ||
<input type="checkbox" value="3" name="quest3[]" id="q3-3" /> | ||
<label for="q3-3">Temperature Control</label> | ||
</li> | ||
<li> | ||
<input type="checkbox" value="4" name="quest3[]" id="q3-4" /> | ||
<label for="q3-4">Imaging Cytometer</label> | ||
</li> | ||
<li> | ||
<input type="checkbox" value="5" name="quest3[]" id="q3-5" /> | ||
<label for="q3-5">Liquid Handling</label> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div id="quiz-results"> | ||
<h3>Congratulations! We found a match:</h3> | ||
<div id="result-spotlight"> | ||
<div class="content"> | ||
<div class="pic-holder"> | ||
<img src="img/result-i3x.png" alt="" id="product-pic" /> | ||
</div> | ||
<div class="text"> | ||
<h3></h3> | ||
<p></p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="buttons"> | ||
<a href="#" id="prev-quest" class="button">Prev</a> | ||
<a href="#" id="next-quest" class="button">Next</a> | ||
<a href="#" id="quiz-cta" class="button" target="_blank">Get More Information</a> | ||
<a href="#" id="new-search" class="button">New Search</a> | ||
</div> | ||
|
||
</div> | ||
<div class="intro-text"> | ||
<p>Whether you want to start simply, advance your research, publish like a pro, or unleash your brilliance, | ||
Molecular Devices has a solution to suit your ever-changing needs.</p> | ||
<p>No matter where you want to go, we'll help get you there.</p> | ||
</div> | ||
</section> | ||
<section id="case-studies"> | ||
<div class="studies"> | ||
<div class="study"> | ||
<div class="study-top"> | ||
<img alt="case study" src="img/case-study1.jpg" /> | ||
<h3>Start Simply</h3> | ||
<p>Kaitlin Murphy helps engineer functional replacement and temporary bridge tissues.</p> | ||
</div> | ||
<a href="https://www.moleculardevices.com/customer-story-university-california-davis?cmp=701Rn00000OwhGZIAZ" target="_blank" | ||
rel="noopener noreferrer">See how Kaitlin started simply</a> | ||
</div> | ||
<div class="study"> | ||
<div class="study-top"> | ||
<img alt="case study" src="img/etap-lab.jpg" /> | ||
<h3>Advance Your Research</h3> | ||
<p>ETAP Lab use the SpectraMax i3x to advance neurodegenerative disease research</p> | ||
</div> | ||
<a href="https://www.moleculardevices.com/en/assets/customer-breakthrough/br/etap-lab?cmp=701Rn00000OwhGZIAZ" target="_blank" | ||
rel="noopener noreferrer">See how ETAP Lab advances their research</a> | ||
</div> | ||
<div class="study"> | ||
<div class="study-top"> | ||
<img alt="case study" src="img/ribopro.jpg" /> | ||
<h3>Publish Like a Pro</h3> | ||
<p>RiboPro is advancing research into life-changing mRNA therapeutics</p> | ||
</div> | ||
<a href="https://www.moleculardevices.com/en/assets/customer-breakthrough/br/ribopro?cmp=701Rn00000OwhGZIAZ" target="_blank" | ||
rel="noopener noreferrer">See how RiboPro publishes like a pro</a> | ||
</div> | ||
<div class="study"> | ||
<div class="study-top"> | ||
<img alt="case study" src="img/university-of-paris.jpg" /> | ||
<h3>Unleash Your Brilliance</h3> | ||
<p>Dr. Grégory Lavieu's group at the Université de Paris is studying how Extracellular Vesicles | ||
(EVs), transfer their content from donor to acceptor cells.</p> | ||
</div> | ||
<a href="https://www.moleculardevices.com/en/assets/customer-breakthrough/br/university-of-paris?cmp=701Rn00000OwhGZIAZ" | ||
target="_blank" rel="noopener noreferrer">See how Dr. Lavieu's group unleashes their | ||
brilliance</a> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<section id="watch-videos"> | ||
<h2>Watch Videos</h2> | ||
<div id="videos-container"> | ||
<script type="text/javascript" id="vidyard_embed_code_2tKEp18eNj6v1e31bfJwAe" | ||
src="https://play.vidyard.com/2tKEp18eNj6v1e31bfJwAe.js?v=3.1.1&type=lightbox"></script> | ||
<div class="vid outer_vidyard_wrapper"> | ||
<div id="video1" class="vidyard_wrapper" onclick="fn_vidyard_2tKEp18eNj6v1e31bfJwAe();"> | ||
<div></div> | ||
<a href="javascript:void(0);"><i class="fa fa-play-circle" aria-hidden="true"></i>Watch Video</a> | ||
</div> | ||
<h3>SpectraMax® ABS and ABS Plus Microplate Readers</h3> | ||
<p>Bridge the gap between the affordability of filter-based readers and the flexibility of | ||
monochromator-based systems.</p> | ||
</div> | ||
<script type="text/javascript" id="vidyard_embed_code_37tardjo4nnGx5fiYuWjw" | ||
src="https://play.vidyard.com/37tardjo4nnG-x5fiYuWjw.js?v=3.1.1&type=lightbox"></script> | ||
<div class="vid outer_vidyard_wrapper" onclick="fn_vidyard_37tardjo4nnG$x5fiYuWjw();"> | ||
<div id="video2" class="vidyard_wrapper"> | ||
<div></div> | ||
<a href="javascript:void(0);"><i class="fa fa-play-circle" aria-hidden="true"></i>Watch Video</a> | ||
</div> | ||
<h3>SpectraMax® M Series Multi-Mode Microplate Readers</h3> | ||
<p>With six different models to choose from, it's easy to find the one you want for your lab</p> | ||
</div> | ||
<script type="text/javascript" id="vidyard_embed_code_7kaWQ7aPqoNC2mon7qK79U" | ||
src="https://play.vidyard.com/7kaWQ7aPqoNC2mon7qK79U.js?v=3.1.1&type=lightbox"></script> | ||
<div class="vid outer_vidyard_wrapper"> | ||
<div id="video3" class="vidyard_wrapper" onclick="fn_vidyard_7kaWQ7aPqoNC2mon7qK79U();"> | ||
<div></div> | ||
<a href="javascript:void(0);"><i class="fa fa-play-circle" aria-hidden="true"></i>Watch Video</a> | ||
</div> | ||
<h3>SpectraMax® iD5 Multi-Mode Microplate Reader</h3> | ||
<p>Your all access pass to your next breakthrough</p> | ||
</div> | ||
<script type="text/javascript" id="vidyard_embed_code_JWr597wiRf19F3cCUq8T4A" | ||
src="https://play.vidyard.com/JWr597wiRf19F3cCUq8T4A.js?v=3.1.1&type=lightbox"></script> | ||
<div class="vid outer_vidyard_wrapper"> | ||
<div id="video4" class="vidyard_wrapper" onclick="fn_vidyard_JWr597wiRf19F3cCUq8T4A();"> | ||
<div></div> | ||
<a href="javascript:void(0);"><i class="fa fa-play-circle" aria-hidden="true"></i>Watch Video</a> | ||
</div> | ||
<h3>SpectraMax® i3x Multi-Mode Microplate</h3> | ||
<p>Explore a wealth of applications in one future-ready system</p> | ||
</div> | ||
</div> | ||
</section> | ||
<footer id="footer" class="footer"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-sm-6"> | ||
<small class="copyright pull-left">©2024 Molecular Devices, LLC. All rights reserved.</small> | ||
</div> | ||
<div class="col-sm-6"> | ||
<a href="https://www.danaher.com?cmp=701Rn00000OwhGZIAZ" aria-label="Danaher"> | ||
<img src="/campaigns/en/img/danaher.png" alt="Dahaher"> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</footer> | ||
</div> | ||
|
||
<!-- add cmp to all links --> | ||
<script> | ||
const cmpValue = '701Rn00000OwhGZIAZ'; | ||
const links = document.querySelectorAll('a'); | ||
links.forEach(link => { | ||
const url = new URL(link.href); | ||
url.searchParams.set('cmp', cmpValue); | ||
link.href = url.toString(); | ||
}); | ||
</script> | ||
</body> | ||
|
||
</html> |