- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="thankyou-pushdown">
<div class="container">
<a class="close-pushdown" href='#'>×</a>
<div class="left-wrap">
<div class="left">
<div class="text">
<p>
Teachers, nurses, and<br> other health care workers
</p>
</div>
</div>
</div>
<div class="right-wrap">
<div class="right">
<div>Enjoy 3 months of Rosetta Stone, for free.</div>
<a href="/thankyou" class='thankyou-cta'>LEARN MORE</a>
<div class="details-wrap">
<a href="#" class="details">*See details</a>
<div class="bubble">
<a class="close-bubble" href='#'>×</a>
<div class="triangle"></div>
<div>
*Offer is available to teachers, nurses, and other health care workers. Offer includes a 3-month, single language, no-cost Rosetta Stone subscription for new users. 3-month period begins upon delivery of the access information email. To claim the offer, submit the required information via the online form. May not be transferred or exchanged for refund or credit. Employer name information will be used for eligibility verification purposes only.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
var domain = 'es';
document.querySelector('.thankyou-pushdown').classList.add(domain)
if (domain === "es") {
document.querySelector(".thankyou-pushdown .left p").innerHTML =
"Docentes, personal de enfermería y otros trabajadores sanitarios"
document.querySelector(".thankyou-pushdown .right > div").innerHTML = "Disfruta de 3 meses gratuitos de Rosetta Stone.";
document.querySelector(".thankyou-pushdown .right .thankyou-cta").innerHTML = "MÁS INFORMACIÓN";
document.querySelector(".thankyou-pushdown .right .details").innerHTML = "Ver información detallada";
document.querySelector(".thankyou-pushdown .right .bubble div:last-of-type").innerHTML = "*Oferta disponible para docentes, personal de enfermería y otros trabajadores sanitarios. La oferta incluye una suscripción gratuita de 3 meses a Rosetta Stone para nuevos usuarios. El período de 3 meses comienza en el momento de la entrega del correo electrónico de información de acceso. Para solicitar la oferta, envía la información requerida a través del formulario en línea. Esta información no se compartirá ni proporcionará a nadie a cambio de pagos o crédito. La información relativa al nombre de la empresa solo se utilizará con el fin de verificar si puedes beneficiarte de la oferta.";
}
// Hide details bubble on X click
document.querySelector('.close-bubble').addEventListener('click', function(e) {
e.preventDefault();
document.querySelector('.bubble').style.display = 'none'
});
// Show detail bubble on anchor click (or hide it if bubble is already visible)
document.querySelector('.details').addEventListener('click', function(e) {
e.preventDefault();
var displayValue = document.querySelector('.bubble').style.display == 'block'? 'none' : 'block';
document.querySelector('.bubble').style.display = displayValue;
});
</script>
</body>
</html>