Skip to content
Codigo html - DYOODY
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<script
src="https://cdn.utmify.com.br/scripts/utms/latest.js"
data-utmify-prevent-subids
data-utmify-ignore-iframe
async
defer
></script>
<script>
window.pixelId = "6867ff3e7181ce546cf704bd";
var a = document.createElement("script");
a.setAttribute("async", "");
a.setAttribute("defer", "");
a.setAttribute("src", "https://cdn.utmify.com.br/scripts/pixel/pixel.js");
document.head.appendChild(a);
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SOS Relacionamento</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet"/>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background-color: #000;
color: #fff;
font-family: 'Montserrat', Arial, sans-serif;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
text-align: center;
}
.top-banner {
background: linear-gradient(90deg, #960000 0%, #6b0000 100%);
font-weight: 700;
font-size: 24px;
font-family: 'Montserrat', Arial, sans-serif;
letter-spacing: 1.5px;
line-height: 1.4;
width: 100%;
padding: 18px 12px;
margin-bottom: 32px;
color: #fff;
box-shadow: 0 4px 34px 6px #ffd70032, 0 0 25px #ffcc0033;
text-shadow: 0 2px 24px #ffe3779c, 0 0 6px #fff2, 0 2px 15px #ffd7003a;
border-bottom: 2px solid #ffd7005b;
position: relative;
z-index: 10;
}
.top-banner strong {
color: #ffd700;
text-shadow: 0 0 10px #ffd70079, 0 0 8px #fffbe6cc;
}
.video-box {
background: none;
margin: 0 auto 34px auto;
width: 100%;
max-width: 560px;
display: flex;
flex-direction: column;
align-items: center;
border: none;
position: relative;
}
.video-wrapper {
width: 404px;
height: 720px;
position: relative;
max-width: 98vw;
border-radius: 20px;
overflow: hidden;
background: #180c0c;
border: 2px solid #ffd70055;
margin-bottom: 40px;
box-shadow: 0 0 24px 2px #ffd7003a, 0 0 14px 4px #fffbe655;
}
#hotmart-sales-funnel {
margin-top: 16px;
display: flex;
justify-content: center;
box-shadow: 0 0 28px 4px #ffd70045, 0 0 8px #fffcc39e;
border-radius: 16px;
background: none;
}
.guarantee-img-delay {
margin-top: 56px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 0 24px 4px #ffd70044, 0 0 10px 3px #fffbe680;
border-radius: 14px;
background: none;
}
.guarantee-img-delay img {
display: block;
margin: 0 auto;
max-width: 200px;
width: 100%;
height: auto;
border-radius: 14px;
box-shadow: 0 0 18px 2px #fffbea88;
}
.footer-wrapper {
text-align: center;
margin: 38px auto 32px auto;
padding-bottom: 16px;
background: none;
border-radius: 0;
box-shadow: 0 0 23px 2px #ffd70033;
position: relative;
}
.footer-wrapper img {
max-width: 220px;
height: auto;
filter: drop-shadow(0 0 14px #ffd700b8) drop-shadow(0 0 6px #fffbe699);
}
.footer-wrapper p {
font-size: 12px;
color: #ffd;
margin-top: 10px;
letter-spacing: 1.1px;
text-shadow: 0 2px 7px #ffd70070, 0 0 2px #fffcc3aa;
}
.footer-wrapper strong {
color: #ffd700;
font-weight: 700;
text-shadow: 0 2px 12px #fffbe6aa;
}
.esconder { display: none !important; }
@media (max-width: 420px) {
.top-banner {
font-size: 16px;
padding: 10px;
}
.video-wrapper {
width: 90vw;
height: calc(90vw * 1.78);
max-width: 100vw;
margin-bottom: 24px;
}
#hotmart-sales-funnel {
margin-top: 10px;
}
.guarantee-img-delay {
margin-top: 32px;
}
}
</style>
</head>
<body>
<div class="top-banner">
⚠️ <strong>Atenção: não feche nem atualize esta página... Isso pode interferir no processamento da sua compra.</strong>
</div>
<div class="video-box">
<div class="video-wrapper">
<vturb-smartplayer id="vid-6878c5f9b694580495610ce5" style="display: block; margin: 0 auto; width: 100%; max-width: 400px;"></vturb-smartplayer>
<script type="text/javascript">
var s = document.createElement("script");
s.src = "https://scripts.converteai.net/d581f9b1-bb40-499c-ba2f-ceafacd6214b/players/6878c5f9b694580495610ce5/v4/player.js";
s.async = true;
document.head.appendChild(s);
</script>
</div>
<!-- HOTMART - Sales Funnel Widget -->
<div id="hotmart-sales-funnel" class="esconder"></div>
<script src="https://checkout.hotmart.com/lib/hotmart-checkout-elements.js"></script>
<script>
checkoutElements.init('salesFunnel').mount('#hotmart-sales-funnel');
</script>
<!-- HOTMART - Sales Funnel Widget -->
<!-- Garantia: aparece junto com hotmart -->
<div class="esconder guarantee-img-delay">
<img
src="https://static-media.hotmart.com/9-BAcYHBOaLinV9ZBqaK7GwduK4=/1024x1024/filters:quality(100)/hotmart/checkout_custom/e8996d57-43aa-4968-8054-fe228086f89e/yenl40mg.png"
alt="Garantia de 30 dias de satisfação e reembolso"
/>
</div>
</div>
<div class="footer-wrapper">
<img
src="https://cdn.rockty.com.br/cdn-cgi/image/quality=80,width=250,format=webp/tenants/qiuzvnb5neggnpfvvrifnq/images/tAhQ4UL2EqlhTGM1FOgMw.png"
alt="Logo SOS Relacionamento"
/>
<p>Copyright © 2025 @ <strong>SOS Relacionamento</strong></p>
</div>
<!-- Delay corrigido com player VTurb -->
<script>
var delaySeconds = 377;
window.addEventListener("vturb:playerReady", function (event) {
const realPlayer = event.detail.player;
realPlayer.displayHiddenElements(
delaySeconds,
[".esconder"],
{ persist: true }
);
});
</script>
</body>
</html>
CÓDIGO SIMPLES - ANTIGO
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<script
src="https://cdn.utmify.com.br/scripts/utms/latest.js"
data-utmify-prevent-subids
data-utmify-ignore-iframe
async
defer
></script>
<script>
window.pixelId = "6867ff3e7181ce546cf704bd";
var a = document.createElement("script");
a.setAttribute("async", "");
a.setAttribute("defer", "");
a.setAttribute("src", "https://cdn.utmify.com.br/scripts/pixel/pixel.js");
document.head.appendChild(a);
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SOS Relacionamento</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
min-height: 100vh;
text-align: center;
}
.top-banner {
background-color: #790000;
font-weight: bold;
font-size: 24px;
line-height: 1.4;
width: 100%;
padding: 12px;
}
.video-box {
background-color: #0a0a0f;
padding: 0;
margin: 40px auto 24px auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.video-wrapper {
width: 404px;
height: 720px;
position: relative;
max-width: 98vw;
}
.footer-wrapper {
text-align: center;
margin: 30px auto;
}
.footer-wrapper img {
max-width: 220px;
height: auto;
}
.footer-wrapper p {
font-size: 12px;
color: #ccc;
margin-top: 5px;
}
.esconder {
display: none;
}
@media (max-width: 420px) {
.top-banner {
font-size: 16px;
padding: 10px;
}
.video-wrapper {
width: 90vw;
height: calc(90vw * 1.78);
max-width: 100vw;
}
}
</style>
</head>
<body>
<div class="top-banner">
⚠️ <strong>Atenção: não feche nem atualize esta página... Isso pode interferir no processamento da sua compra.</strong>
</div>
<div class="video-box">
<div class="video-wrapper">
<vturb-smartplayer id="vid-6878c5f9b694580495610ce5" style="display: block; margin: 0 auto; width: 100%; max-width: 400px;"></vturb-smartplayer>
<script type="text/javascript">
var s=document.createElement("script");
s.src="https://scripts.converteai.net/d581f9b1-bb40-499c-ba2f-ceafacd6214b/players/6878c5f9b694580495610ce5/v4/player.js";
s.async=!0;
document.head.appendChild(s);
</script>
</div>
<!-- HOTMART - Sales Funnel Widget -->
<div id="hotmart-sales-funnel" class="esconder"></div>
<script src="https://checkout.hotmart.com/lib/hotmart-checkout-elements.js"></script>
<script>
checkoutElements.init('salesFunnel').mount('#hotmart-sales-funnel')
</script>
<!-- HOTMART - Sales Funnel Widget -->
</div>
<div class="footer-wrapper">
<img
src="https://cdn.rockty.com.br/cdn-cgi/image/quality=80,width=250,format=webp/tenants/qiuzvnb5neggnpfvvrifnq/images/tAhQ4UL2EqlhTGM1FOgMw.png"
alt="Logo SOS Relacionamento"
/>
<p>Copyright © 2025 @ <strong>SOS Relacionamento</strong></p>
</div>
<script>
// Novo tempo em segundos para exibir o widget: 377 segundos
var delaySeconds = 377;
var player = document.querySelector("vturb-smartplayer");
player.addEventListener("player:ready", function () {
player.displayHiddenElements(delaySeconds, [".esconder"], {
persist: true,
});
});
</script>
</body>
</html>
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.