Skip to content

Instantly share code, notes, and snippets.

@fabiofrasson

fabiofrasson/mktoFullCode.html Secret

Created March 16, 2023 17:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fabiofrasson/d3309aa75a96e8992ab9f61a0826ff97 to your computer and use it in GitHub Desktop.
Save fabiofrasson/d3309aa75a96e8992ab9f61a0826ff97 to your computer and use it in GitHub Desktop.
Download ZIP
Marketo LP Example
Raw
mktoFullCode.html
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Start Marketo Variables -->
<meta class="mktoString" id="nomeNews" mktoName="Nome da Newsletter" default="[nome da newsletter]">
<meta class="mktoString" id="linkGrupoCCR" mktoName="Link para Grupo CCR" default="https://www.grupoccr.com.br/">
<meta class="mktoString" id="linkFaleConosco" mktoName="Link para Fale Conosco" default="https://www.grupoccr.com.br/">
<meta class="mktoString" id="enderecoCCR" mktoName="Endereço CCR" default="Av. Chedid Jafet, 222 - Vila Olimpia - São Paulo/SP - CEP 04551-065">
<meta class="mktoString" id="termosUso" mktoName="Link Termos de Uso" default="https://www.grupoccr.com.br/">
<meta class="mktoString" id="politicaPrivacidade" mktoName="Link Política de Privacidade" default="https://www.grupoccr.com.br/">
<meta class="mktoString" id="politicaCookies" mktoName="Link Política de Cookies" default="https://www.grupoccr.com.br/">
<meta class="mktoString" id="msgCopyright" mktoName="Mensagem de Copyright" default="2023 CCR">
<meta class="mktoString" id="linkFacebook" mktoName="Link Facebook" default="https://pt-br.facebook.com/GrupoCCROficial">
<meta class="mktoString" id="linkInstagram" mktoName="Link Instagram" default="https://www.instagram.com/grupoccroficial/">
<meta class="mktoString" id="linkLinkedIn" mktoName="Link LinkedIn" default="https://www.linkedin.com/company/grupoccroficial/">
<meta class="mktoString" id="linkYouTube" mktoName="Link YouTube" default="https://www.youtube.com/@GrupoCCROficial">
<meta class="mktoString" id="linkGlobalPact" mktoName="Link Global Pact" default="https://www.lipsum.com">
<meta class="mktoString" id="linkCCROB3" mktoName="Link CCROB3" default="https://www.lipsum.com">
<meta class="mktoString" id="linkODS" mktoName="Link ODS" default="https://www.lipsum.com">
<meta class="mktoString" id="linkGPTW" mktoName="Link GPTW" default="https://www.lipsum.com">
<!-- End Marketo Variables -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;400;600;700&amp;display=swap" rel="stylesheet">
<title>CCR - Agradecimento</title><link rel="stylesheet" type="text/css" media="all" href="/css/mktLPSupportCompat.css">
</head>
<body>
<div class="mktoContent">
<header class="menu-header">
<div class="menu-header_logo">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/ccr_logo.svg" alt="ccr logo" title="ccr logo">
</div>
<div class="menu-header_links">
<a href="${linkGrupoCCR}" target="blank" class="text_small neutral_low_pure" style="margin-right: 40px;">
<span>Grupo CCR</span> <img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_up_right_icon.svg">
</a>
<a href="${linkFaleConosco}" target="blank" class="text_small neutral_low_pure">
<span>Fale Conosco</span> <img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_up_right_icon.svg">
</a>
</div>
<div class="menu-header_hamburger">
<input type="checkbox" id="menyAvPaa">
<label id="burger" for="menyAvPaa">
<div></div>
<div></div>
</label>
<nav id="meny">
<a href="https://www.lipsum.com" target="blank" class="menu-header_hamburger_item">
<div style="width: 100%;">
<div>
<div style="width: 10px; height: 10px; border-radius: 5px; background-color: #8887F3; margin-left: 16px">
</div>
<span style="padding-left: 16px;" class="neutral_low_pure">Grupo CCR</span>
</div>
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_up_right_icon.svg" style="width: 20px; height: 20px; opacity: 0.16;">
</div>
</a>
<a href="https://www.lipsum.com" target="blank" class="menu-header_hamburger_item">
<div style="width: 100%;">
<div>
<div style="width: 10px; height: 10px; border-radius: 5px; background-color: #999999; margin-left: 16px">
</div>
<span style="padding-left: 16px;" class="neutral_low_pure">Fale Conosco</span>
</div>
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_up_right_icon.svg" style="width: 20px; height: 20px; opacity: 0.16;">
</div>
</a>
</nav>
</div>
</header>
<div class="title-section">
<h1 class="title-section_title headline_1 neutral_low_pure">
Assinatura confirmada!
</h1>
<h5 class="title-section_subtitle headline_5 neutral_low_pure">
Agradecemos o seu interesse em receber a ${nomeNews}
</h5>
</div>
<div class="section-content">
<div class="side-title-area">
<button class="icon-button" id="go-to-ccr">
<span class="button_medium neutral_low_pure">Ir para Grupo CCR</span>
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_right_icon.svg">
</button>
</div>
</div>
<footer class="footer">
<div class="footer_socials-mobile">
<a href="https://www.lipsum.com" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/facebook_icon.png">
</a>
<a href="https://www.lipsum.com" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/instagram_icon.png">
</a>
<a href="https://www.lipsum.com" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/linkedin_icon.png">
</a>
<a href="https://www.lipsum.com" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/youtube_icon.png">
</a>
</div>
<div class="footer_bottom-section">
<div class="ccr-terms-section">
<div class="logo-and-addres-section">
<a href="https://www.grupoccr.com.br" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-ccr_logo_white.svg">
</a>
<div>
<p class="text_small">${enderecoCCR}
•
© ${msgCopyright}</p>
<p class="text_small desk-terms"><a class=" text_small" href="${termosUso}" target="blank">Termos
de
uso</a>
•
<a class="text_small" href="${politicaPrivacidade}" target="blank">Política de privacidade</a>
•
<a class="text_small" href="${politicaCookies}" target="blank">Política de cookies</a>
</p>
<div class="mobile-terms">
<p class="button_small">Política de privacidade</p>
<p class="button_small">Política de cookies</p>
<p class="button_small">Termos de uso</p>
</div>
</div>
</div>
<div class="select-area">
<div class="select">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-brazil.svg" class="select_country">
<span>Português</span>
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/arrow_down_white.svg" class="select_arrow">
</div>
</div>
</div>
<div class="footer_associates-and-socials-area">
<div class="footer_socials">
<a href="${linkFacebook}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-facebook_icon.svg">
</a>
<a href="${linkInstagram}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-instagram_icon.svg">
</a>
<a href="${linkLinkedIn}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-linkedin_icon.svg">
</a>
<a href="${linkYouTube}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-youtube_icon.svg">
</a>
</div>
<div class="footer_associates">
<a href="${linkGlobalPact}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-Global_Pact.svg">
</a>
<a href="${linkCCROB3}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-CCROB3.svg">
</a>
<a href="${linkODS}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-ODS.svg">
</a>
<a href="${linkGPTW}" target="blank">
<img src="http://500-BIL-238.mktoweb.com/rs/500-BIL-238/images/agradecimento-GPTW.svg">
</a>
</div>
</div>
</div>
</footer>
</div></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment