This feed does not validate.
<meta charset="utf-8"/>
^
<title>MOZ CRYPTO | VENDA DE CRYPTO MOEDAS | COMPRA & VENDA CRYPTO</title>
^
In addition, interoperability with the widest range of feed readers could be improved by implementing the following recommendation.
[help]
<meta charset="utf-8"/> <title>MOZ CRYPTO | VENDA DE CRYPTO MOEDAS | COMPRA & VENDA CRYPTO</title> <meta name="description" content="Allow users to buy and sell crypto without leaving your app or wallet. Buy and sell crypto directly on our website."/> <meta property="og:title" content="RMOz Crypto | venda de crypto Moedas | Compra & Venda crypto"/> <meta property="og:description" content="Allow users to buy and sell crypto without leaving your app or wallet. Buy and sell crypto directly on our website."/> <meta property="og:image" content="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/66f2cd94196026d965b178e7_OG-Homepage.avif"/> <meta property="twitter:title" content="Moz Crypto | Venda e compra de Crypto moedas | Compra & venda crypto"/> <meta property="twitter:description" content="Allow users to buy and sell crypto without leaving your app or wallet. Buy and sell crypto directly on our website."/> <meta property="twitter:image" content="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/66f2cd94196026d965b178e7_OG-Homepage.avif"/> <meta property="og:type" content="website"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="google-site-verification" content="d7FbzaFRHy_RABn11EpBM5pmuiGTL8Lp8xQn_-qUitw"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><style> /* Ajusta largura total e evita scroll lateral */ * { box-sizing: border-box; } html, body { margin: 0; padding: 0; overflow-x: hidden; } /* Responsivo para imagens, tabelas e outros elementos grandes */ img, table, .crypto-table { max-width: 100%; height: auto; } /* Centraliza e ajusta o layout para telas pequenas */ .crypto-table { width: 90%; /* Ajuste percentual para uma melhor responsividade */ margin: 0 auto; } /* Flex para melhorar layout em telas menores */ .crypto-row { display: flex; flex-wrap: wrap; gap: 10px; /* Espaço entre os elementos */ justify-content: space-between; } /* Ajustes para o botão em telas menores */ .trade-button { padding: 8px 12px; font-size: 0.9em; }</style> <link href="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/css/ramp-new-website.f3f4bc162.min.css" rel="stylesheet" type="text/css"/> <style>@media (min-width:992px) { html.w-mod-js:not(.w-mod-ix) [data-w-id="f2290965-4100-dd87-9cdb-61bc28933a50"] { -webkit-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); opacity:0; } html.w-mod-js:not(.w-mod-ix) [data-w-id="9c05c228-1244-9d3f-be0a-9b19e6878ce8"] { opacity:0; -webkit-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); } html.w-mod-js:not(.w-mod-ix) [data-w-id="e01e7dab-e4d8-51b9-b8a1-35594405b97f"] { -webkit-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); opacity:0; } html.w-mod-js:not(.w-mod-ix) [data-w-id="361df403-336f-da3f-1a6f-1a0e58557ec7"] { -webkit-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 150px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); opacity:0; } html.w-mod-js:not(.w-mod-ix) [data-w-id="1d313b63-8fa4-4047-4168-c69ef165fcd9"] { -webkit-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(150px, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); opacity:0; } html.w-mod-js:not(.w-mod-ix) [data-w-id="938ae46c-b9d1-6968-b883-196625edb17d"] { opacity:0; -webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); } html.w-mod-js:not(.w-mod-ix) [data-w-id="d388c0cc-14a7-3f68-9ff7-d2e71eb7d9b9"] { opacity:0; -webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); } html.w-mod-js:not(.w-mod-ix) [data-w-id="9cd06a1a-4aac-d549-a469-e4407fb89f07"] { opacity:0; -webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); } html.w-mod-js:not(.w-mod-ix) [data-w-id="3ebc218b-e501-bd79-bc05-101d74ef9dc7"] { opacity:0; -webkit-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -moz-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); -ms-transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); transform:translate3d(0, 60px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0); }}</style> <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script> <link href="https://mozcrypto.com/logo.png" rel="shortcut icon" type="image/x-icon"/> <link href="https://mozcrypto.com/logo.png" rel="apple-touch-icon"/><link href="https://mozcrypto.com/" rel="canonical"/><script>window.dataLayer = window.dataLayer || [];</script> <style>.block-scroll { overflow: hidden; } body { margin-top : 0!important; } [name="intercom-banner-frame"] { visibility: hidden!important;} </style> <style> body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }</style> <script> window.addEventListener('DOMContentLoaded', function() { var currentDomain = window.location.hostname var environment = 'dev' if (currentDomain === 'mozcrypto.com') { environment = 'prod' } else if (currentDomain === 'mozcrypto.com') { environment = 'test' } dataLayer.push({ event: 'page_view', page: { info: { screen_name: 'Website / Homepage', id: 12, url: window.location.href, path: window.location.pathname, referrer: document.referrer, environment: environment, }, category: { page_type: 'website', screen_group: 'Website', }, attributes: { language: 'pt', }, }, _clear: true, }); });</script> <!-- TrustBox script --> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <!-- End TrustBox script --> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "Organization", "name": "Ramp", "alternateName": "Moz Crypto", "url": "https://mozcrypto.com/", "logo": "https://assets-global.website-files.com/63fe1b7ead2cd2d5e0af02e7/64014b581131158a027ee4a7_ramp_logo_color.svg", "sameAs": [ "https://twitter.com/RampNetwork", "https://www.linkedin.com/company/rampnetwork/", "https://facebook.com/RampNetwork/" ]}</script></head><body><div class="page-wrapper"><div class="home-banner-info"><div class="container-medium"><div><p class="text-color-white">Don’t invest unless you’re prepared to lose all the money you invest. This is a high-risk investment and you should not expect to be protected if something goes wrong. <a href="https://ramp.network/risk-warning" class="baner-link">Take 2 mins to learn more.</a></p></div></div></div><div data-animation="over-left" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="container-large-navbar"><a href="/" data-gtm-type="regular" data-gtm-area="header" data-gtm-destination="Website / Homepage" aria-current="page" class="brand w-nav-brand w--current"><img src="https://mozcrypto.com/logo.png" loading="lazy" width="138" alt=""/></a><nav role="navigation" class="nav-menu w-nav-menu"><div class="nav-menu-links-wrapper"><div class="nav-logo-flex"><a data-gtm-destination="Website / Homepage" data-gtm-area="header" href="/" aria-current="page" class="w-inline-block w--current"><img src="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/645e730fd611b14013401ba7_Menu%2BLogo.svg" loading="eager" width="Auto" alt="Ramp logo" class="nav-mobile-image"/></a><div class="menu-button w-nav-button"><img src="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/645e72c6bb8b00d50e2241cc_Frame%2048095674.svg" loading="eager" alt="X icon white"/></div></div> <!-- Links do Menu --><div class="nav-link-wrapper" id="menu"> <a href="sobre.html" data-gtm-type="regular" data-gtm-area="header" data-gtm-destination="Website / Sobre nós" class="nav-link w-nav-link">Sobre nós</a> <a href="/contatos.html" data-gtm-type="regular" data-gtm-area="header" data-gtm-destination="Website / Contatos" class="nav-link w-nav-link">Contatos</a> <a href="/transparencia.html" data-gtm-type="regular" data-gtm-area="header" data-gtm-destination="Website / Transparência" class="nav-link w-nav-link">Transparência</a> <a href="https://mozcrypto.com/blog/" data-gtm-type="regular" data-gtm-area="header" data-gtm-destination="Website / Blog" class="nav-link w-nav-link">Blog</a></div> <div class="nav-button-wrapper"> <a data-gtm-destination="Website / compra.html" data-gtm-area="header" data-gtm-type="cta" href="/compra.html" class="button desktop w-button">Buy & sell crypto</a> <a id="ramp-widget" data-gtm-destination="Website / compra.html" data-gtm-type="cta" data-gtm-area="header" href="/compra.html" class="button mobile w-button">Buy & sell crypto</a></div> <div class="nav-mobile-wrapper"> <div class="menu-button">Menu</div> <div id="mobileMenu"> <a href="/compra.html">Comprar Cripto</a> <a href="/venda.html">Vender Cripto</a> </div></div> <style> /* Adicione seu CSS aqui */ #mobileMenu { display: none; /* Inicialmente escondido */ } #mobileMenu.active { display: block; /* Mostrar quando ativo */ } .nav-mobile-wrapper { position: relative; } .menu-button { cursor: pointer; background-color: #007bff; /* Cor do botão */ color: white; /* Cor do texto */ padding: 10px 15px; border: none; border-radius: 5px; } #mobileMenu a { display: block; padding: 10px; text-decoration: none; color: black; /* Cor do texto no modo claro */ } #mobileMenu a:hover { background-color: #f0f0f0; /* Cor de fundo ao passar o mouse */ } /* Estilos para modo escuro */ .dark-mode { background-color: #222; /* Cor de fundo escura */ color: white; /* Cor do texto branca */ } .dark-mode .nav-link { color: white; /* Cor dos links no modo escuro */ } .dark-mode .nav-button-wrapper .button { background-color: #444; /* Cor do botão no modo escuro */ color: white; /* Cor do texto do botão no modo escuro */ } .dark-mode #mobileMenu a { color: white; /* Cor do texto no menu mobile escuro */ background-color: #333; /* Cor de fundo do menu mobile escuro */ } .dark-mode #mobileMenu a:hover { background-color: #555; /* Cor de fundo ao passar o mouse no menu mobile escuro */ }</style> <script> document.addEventListener('DOMContentLoaded', function() { document.querySelector('.menu-button').addEventListener('click', toggleMenu); }); function toggleMenu() { const mobileMenu = document.getElementById('mobileMenu'); if (mobileMenu) { mobileMenu.classList.toggle('active'); } else { console.error('mobileMenu not found'); } } // Função para alternar entre modos claro e escuro function toggleDarkMode() { document.body.classList.toggle('dark-mode'); }</script> </div></div></div> <section class="crypto-prices"> <script type="text/javascript" src="https://widgets.coingecko.com/coingecko-coin-price-marquee-widget.js"></script> <div class="widget-container"> <coingecko-coin-price-marquee-widget coin-ids="bitcoin,ethereum,solana,matic-network,binancecoin,polkadot,cardano,dogecoin,avalanche-2,axie-infinity,litecoin,ethereum-classic" currency="usd" background-color="#ffffff" <!-- Cor de fundo padrão --> locale="pt" font-color="#000000"> <!-- Cor do texto padrão --> </coingecko-coin-price-marquee-widget> </div></section> <style> .widget-container { /* Estilos para o contêiner do widget */ margin: 20px auto; max-width: 1200px; } /* Estilos para modo escuro */ .dark-mode .widget-container coingecko-coin-price-marquee-widget { background-color: #333; /* Cor de fundo no modo escuro */ font-color: #ffffff; /* Cor do texto no modo escuro */ } /* Centraliza o widget e define a largura máxima */ .widget-container { max-width: 100%; overflow: hidden; display: flex; justify-content: center; } /* Ajusta a largura do widget em telas menores */ coingecko-coin-price-marquee-widget { max-width: 100%; width: 100%; box-sizing: border-box; }</style> <section class="home-hero-section v2"> <div class="container-medium"> <div class="home-hero-flex"> <div class="home-hero-flex-left"> <div class="margin-box bottom-24 mobile-32"> <h1 data-w-id="f2290965-4100-dd87-9cdb-61bc28933a50" class="heading-6">Compre<br/><span class="text-color-green">Crypto & Directo </span>Na Moz Crypto</h1> </div> <p data-w-id="e01e7dab-e4d8-51b9-b8a1-35594405b97f" class="text-size-large text-weight-normal text-align-left no-padding-left">Ofereça a milhões de usuários no mundo todo uma conexão direta entre criptomoedas e moedas fiduciárias e aumente sua receita com uma integração simples e gratuita.</p> <div data-w-id="361df403-336f-da3f-1a6f-1a0e58557ec7" class="home-hero-button-wrapper v2"> <a data-gtm-destination="Website / Contact Sales" data-gtm-area="hero" data-gtm-type="cta" href="https://mozcrypto.com/compra.html" class="button big home-hero w-button">Comprar Crypto</a> <style> .buttonn.big.home-hero.w-button { background-color: red; color: white; padding: 10px 20px; border-radius: 8px; font-weight: bold; font-size: 16px; text-align: center; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); text-decoration: none; display: inline-block; } /* Efeito ao passar o mouse */ .button.vender-crypto:hover { background-color: darkred; }</style> <a data-gtm-destination="Website / Contact Sales" data-gtm-area="hero" data-gtm-type="cta" href="https://mozcrypto.com/venda.html" class="buttonn big home-hero w-button"> Vender Crypto</a> <a data-gtm-destination="Website / compra.html" data-gtm-area="hero" data-gtm-type="cta" href="/contatos.html" class="button secondary big v2 w-button">Support</a> </div> </div> <div class="home-hero-image-wrapper" style="display: flex; justify-content: center; align-items: center; width: 100%;"> <img src="https://mozcrypto.com/fundo.png" loading="eager" sizes="(max-width: 479px) 100vw, (max-width: 767px) 96vw, (max-width: 991px) 90vw, 100vw" alt="" srcset="https://mozcrypto.com/fundo.png 500w, https://mozcrypto.com/fundo.png 800w, https://mozcrypto.com/fundo.png 1080w, https://mozcrypto.com/fundo.png 1452w" class="home-hero-image-mobile full-screen-image" style="width: 100%; height: auto; object-fit: cover;" /> <style>/* Esconder a imagem em computadores */@media (min-width: 992px) { .home-hero-image-mobile { display: none; }} /* Tornar a imagem em tela cheia em dispositivos móveis */@media (max-width: 991px) { .full-screen-image { width: 100vw; height: 100vh; }}</style> <img src="https://mozcrypto.com/fundo.png" loading="eager" width="900" data-w-id="9c05c228-1244-9d3f-be0a-9b19e6878ce8" alt="" srcset="https://mozcrypto.com/fundo.png 500w, https://mozcrypto.com/fundo.png 800w, https://mozcrypto.com/fundo.png 1080w, https://mozcrypto.com/fundo.png 1366w" sizes="(max-width: 991px) 100vw, 900px" class="home-hero-brower-img" style="width: 100%; height: auto;" /> </div> </div> </div> <style> /* Estilos da seção */ .home-hero-section { padding: 40px; } /* Estilo padrão (modo claro) */ .home-hero-flex-left h1, .home-hero-flex-left p { color: #000; /* Texto preto */ } .button { background-color: #007bff; /* Botões padrão */ color: white; /* Texto dos botões */ } </style></section> <style>@media (max-width: 1100px) { .global-cta-image{ display:none; }}</style></div></div></div></div></div><div class="section-rounded-banner cta"></div></section> <section class="wrap tc svelte-9pa0i3" style="text-align: center; padding: 40px;"> <h2 class="caption svelte-9pa0i3" id="typing-effect"></h2> <div class="sub-title fw2 svelte-9pa0i3">Comece em 3 etapas simples</div> <div class="card-wrap df svelte-9pa0i3" style="display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;"> <!-- Etapa 1 --> <div class="card step" style="border: 1px solid #ddd; border-radius: 8px; padding: 20px; width: 100%; max-width: 300px;"> <div style="display: flex; flex-direction: column; align-items: center;"> <img class="mb24" width="60" height="60" src="https://static.phemex.com/pubimg/2c3f135cdf9484e3d159de8d943e8579d0d24516cebf7cbc5f37cb963ce2c257.png" alt="fund your account"> <h3 class="title mb20 f24 T1 svelte-9pa0i3">Etapa 1: Crie uma conta</h3> <div class="desc mb24 T3 svelte-9pa0i3">Crie sua conta e receba um bônus de até USDT $8800!</div> </div> <a href="https://www.bybit.com/invite?ref=Q593R2" class="medium primary svelte-ghn1e7" style="display: inline-block; text-decoration: none; padding: 10px 15px; background-color: #4CAF50; color: white; border-radius: 5px; width: 100%; text-align: center;"> <span>Cadastre-se</span> </a> </div> <!-- Etapa 2 --> <div class="card step" style="border: 1px solid #ddd; border-radius: 8px; padding: 20px; width: 100%; max-width: 300px;"> <div style="display: flex; flex-direction: column; align-items: center;"> <img class="mb24" width="60" height="60" src="https://static.phemex.com/pubimg/269d166af46c7faa163430e94c49377e420564cae57b523e1accfef722868c31.png" alt="deposit crypto"> <h3 class="title mb20 f24 T1 svelte-9pa0i3">Etapa 2: Compre criptomoedas</h3> <div class="desc mb24 T3 svelte-9pa0i3">Compre criptomoedas instantaneamente através de M-pesa ou E-mola</div> </div> <a href="https://mozcrypto.com/compra.html" class="p0 medium text svelte-ghn1e7" style="display: inline-block; text-decoration: none; padding: 10px 15px; background-color: #2196F3; color: white; border-radius: 5px; width: 100%; text-align: center;"> <span>Compre agora</span> </a> </div> <!-- Etapa 3 --> <div class="card step" style="border: 1px solid #ddd; border-radius: 8px; padding: 20px; width: 100%; max-width: 300px;"> <div style="display: flex; flex-direction: column; align-items: center;"> <img class="mb24" width="60" height="60" src="https://static.phemex.com/pubimg/1db4d9ced40157dcf44172fdba74bed016add61f01b407046144dd0acfbb8298.png" alt="trade crypto"> <h3 class="title mb20 f24 T1 svelte-9pa0i3">Etapa 3: Comece a operar</h3> <div class="desc mb24 T3 svelte-9pa0i3">Opere derivativos de criptomoedas com alavancagem de até 100x.</div> </div> <a href="https://www.bybit.com/invite?ref=Q593R2" class="p0 medium text svelte-ghn1e7" style="display: inline-block; text-decoration: none; padding: 10px 15px; background-color: #ff9800; color: white; border-radius: 5px; width: 100%; text-align: center;"> <span>Opere agora</span> </a> </div> </div></section> <style> /* Estilos adicionais para o modo claro e escuro */ body.light-mode .card { background-color: white; border-color: #ddd; color: black; } body.dark-mode .card { background-color: #3a3a3a; /* Cor de fundo para o modo escuro */ border-color: #555; /* Cor da borda para o modo escuro */ color: white; /* Cor do texto para o modo escuro */ } body.dark-mode .caption, body.dark-mode .sub-title, body.dark-mode .desc, body.dark-mode .title { color: white; /* Cor do texto para cabeçalhos e descrições no modo escuro */ } /* Animação dos cartões */ .card { opacity: 0; /* Inicialmente invisível */ transform: translateY(20px); /* Inicialmente deslocado para baixo */ transition: opacity 0.5s ease, transform 0.5s ease; /* Transição suave */ } .card.visible { opacity: 1; /* Torna visível */ transform: translateY(0); /* Move para sua posição original */ } </style> <script> // Efeito de digitação const typingText = "Facilitamos o trading de criptomoedas"; const typingElement = document.getElementById("typing-effect"); function typeText(text, index = 0) { if (index < text.length) { typingElement.innerHTML += text.charAt(index); // Adiciona uma letra setTimeout(() => typeText(text, index + 1), 40); // Atraso para o próximo caractere } else { setTimeout(() => { typingElement.innerHTML = ""; // Limpa o texto após a exibição completa typeText(text); // Reinicia o efeito de digitação }, 3000); // Espera 3 segundos antes de reiniciar } } document.addEventListener('DOMContentLoaded', function() { // Inicia o efeito de digitação typeText(typingText); const steps = document.querySelectorAll('.step'); let delay = 0; // Inicia com nenhum atraso steps.forEach((step, index) => { setTimeout(() => { step.classList.add('visible'); // Adiciona a classe para animar a visibilidade }, delay); delay += 800; // Aumenta o atraso para cada passo }); });</script> <<div style="display: flex; justify-content: center; align-items: center; margin: 0; padding: 10px;"> <div style="text-align: center; padding: 20px; border: 1px solid #ffffff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 90%; max-width: 1000px;"> <script src="https://widgets.coingecko.com/gecko-coin-list-widget.js"></script> <gecko-coin-list-widget locale="en" outlined="true" coin-ids="" initial-currency="usd"></gecko-coin-list-widget> </div></div> <section class="control df jcc mt40" style="text-align: center;"> <i class="iconfont df aic jcc f36 svelte-mtj5ir disabled" style="cursor: not-allowed;"></i> <i class="iconfont df aic jcc f36 svelte-mtj5ir" style="cursor: pointer;"></i></section> <section class="wrap ovh svelte-mtj5ir" style="text-align: center;"> <h2 class="title svelte-mtj5ir">Os Valores da Moz Crypto</h2> <div id="carousel" style="display: block; position: relative; overflow: hidden;"> <div class="carousel df ais pr svelte-mtj5ir" style="display: flex; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 0; margin: 0; border: none; overflow-x: hidden;"> <div class="carousel-item svelte-mtj5ir" style="width: 100%; max-width: 50%; margin: 0 auto; flex: 0 0 auto; scroll-snap-align: center;"> <div class="content df fdc jcsb B3 svelte-mtj5ir dark-comment" style="background: url('https://static.phemex.com/pubimg/e07bd93f17cb19294c84143ed6c9d975207eaba2b04714a9bcc8fd8cc0051e6e.png') no-repeat bottom 20px right 20px/80px 70px; padding: 10px;"> <p class="svelte-mtj5ir" style="font-size: 1em;">A MozCrypto é uma plataforma dedicada à compra e venda de criptomoedas, focada em oferecer um ambiente seguro, transparente e eficiente para todos os nossos usuários.</p> </div> </div> <div class="carousel-item svelte-mtj5ir" style="width: 100%; max-width: 50%; margin: 0 auto; flex: 0 0 auto; scroll-snap-align: center;"> <div class="content df fdc jcsb B3 svelte-mtj5ir dark-comment" style="background: url('https://static.phemex.com/pubimg/e07bd93f17cb19294c84143ed6c9d975207eaba2b04714a9bcc8fd8cc0051e6e.png') no-repeat bottom 20px right 20px/80px 70px; padding: 10px;"> <p class="svelte-mtj5ir" style="font-size: 1em;">Desde a nossa fundação, temos trabalhado incansavelmente para democratizar o acesso às criptomoedas em Moçambique e em toda a região da África Austral.</p> </div> </div> <div class="carousel-item svelte-mtj5ir" style="width: 100%; max-width: 50%; margin: 0 auto; flex: 0 0 auto; scroll-snap-align: center;"> <div class="content df fdc jcsb B3 svelte-mtj5ir dark-comment" style="background: url('https://static.phemex.com/pubimg/e07bd93f17cb19294c84143ed6c9d975207eaba2b04714a9bcc8fd8cc0051e6e.png') no-repeat bottom 20px right 20px/80px 70px; padding: 10px;"> <p class="svelte-mtj5ir" style="font-size: 1em;">Com a MozCrypto, você pode realizar suas transações com total confiança e comodidade, utilizando pagamentos via M-Pesa e E-Mola.</p> </div> </div> <div class="carousel-item svelte-mtj5ir" style="width: 100%; max-width: 50%; margin: 0 auto; flex: 0 0 auto; scroll-snap-align: center;"> <div class="content df fdc jcsb B3 svelte-mtj5ir dark-comment" style="background: url('https://static.phemex.com/pubimg/e07bd93f17cb19294c84143ed6c9d975207eaba2b04714a9bcc8fd8cc0051e6e.png') no-repeat bottom 20px right 20px/80px 70px; padding: 10px;"> <p class="svelte-mtj5ir" style="font-size: 1em;">Estamos comprometidos em fornecer um serviço de alta qualidade, promovendo a educação financeira e o entendimento das criptomoedas.</p> </div> </div> </div> </div></section> <section class="wrap ovh svelte-mtj5ir" style="text-align: center; margin-top: 40px;"> <h2 class="title svelte-mtj5ir">Compatibilidades de Pagamento</h2> <div class="post-container1"> <div class="post-item1"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS4kqsgdUQwQsJAMyVebLw-La3HaXT3uSnt2Q&s" alt="M-Pesa" /> <h3>M-Pesa</h3> <p>Pagamentos rápidos e seguros através da M-Pesa.</p> </div> <div class="post-item1"> <img src="https://play-lh.googleusercontent.com/2TGAhJ55tiyhCwW0ZM43deGv4lUTFTBMoq83mnAO6-bU5hi2NPyKX8BN8iKt13irK7Y" alt="E-Mola" /> <h3>E-Mola</h3> <p>Conveniência de pagamentos com E-Mola.</p> </div> <div class="post-item1"> <img src="https://www.jornaldomingo.co.mz/wp-content/uploads/2023/11/CARTOES1.jpg" alt="Cartão de Crédito" /> <h3>Cartão de Crédito</h3> <p>Aceitamos diversos cartões de crédito para facilitar suas transações.</p> </div> </div></section> <style> .post-container1 { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin: 20px; } .post-item1 { width: 300px; background-color: #f5f5f5; border-radius: 8px; overflow: hidden; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .post-item1 img { width: 100%; height: 200px; object-fit: cover; } .post-item1 h3 { font-size: 1.2em; margin: 10px; } .post-item1 a { text-decoration: none; color: #333; } .post-item1 a:hover { color: #007acc; } /* Estilos para modo escuro */ .dark-comment { background-color: rgba(51, 51, 51, 0.8); /* Cor de fundo escura com opacidade */ color: white; /* Cor do texto branca */ border-radius: 8px; padding: 10px; /* Diminuí o padding para reduzir o tamanho da caixa */ text-align: center; /* Centraliza o texto dentro da caixa */ } p { color: black; /* Garantindo que o texto seja branco */ } /* Responsividade */ @media (max-width: 768px) { .carousel-item { max-width: 100%; /* Permite que os itens ocupem toda a largura em telas menores */ flex-basis: 100%; /* Ajusta o tamanho base do flex para ocupar toda a largura */ margin: 0 auto; /* Centraliza os itens */ } .dark-comment { margin: 0; /* Remove margem para melhor centralização */ } p { font-size: 0.8em; /* Reduz o tamanho do texto em dispositivos móveis */ } }</style> <script> // Função para avançar o carrossel automaticamente let currentIndex = 0; const items = document.querySelectorAll('.carousel-item'); function showNextItem() { items[currentIndex].style.display = 'none'; // Oculta o item atual currentIndex = (currentIndex + 1) % items.length; // Avança para o próximo item items[currentIndex].style.display = 'block'; // Mostra o próximo item } // Inicializa o carrossel items.forEach((item, index) => { item.style.display = index === 0 ? 'block' : 'none'; // Mostra apenas o primeiro item }); // Configura o intervalo de auto-scroll setInterval(showNextItem, 3000); // Muda a cada 3 segundos</script> <h2 style="text-align:center;">Postagens Recentes de Criptomoedas</h2> <div class="post-container" id="post-container"><div class='post-item'><a href='https://mozcrypto.com/blog/blog/2024/11/08/fundador-da-ripio-crava-que-bitcoin-esta-pronto-para-alta-ate-us-100-mil/' target='_blank'><img src='https://mozcrypto.com/blog/wp-content/uploads/2024/11/Fundador-da-Ripio-crava-que-Bitcoin-esta-pronto-para-alta-ate-US-100-mil.avif' alt='Fundador da Ripio crava que Bitcoin está pronto para alta até US$ 100 mil'><h3>Fundador da Ripio crava que Bitcoin está pronto para alta até US$ 100 mil</h3></a></div><div class='post-item'><a href='https://mozcrypto.com/blog/blog/2024/10/29/criptomoeda-o-que-e-e-como-investir-hoje/' target='_blank'><img src='https://mozcrypto.com/blog/wp-content/uploads/2024/10/Cryptocurrency_logos.jpg' alt='Criptomoeda: o que é e como investir hoje?'><h3>Criptomoeda: o que é e como investir hoje?</h3></a></div><div class='post-item'><a href='https://mozcrypto.com/blog/blog/2024/10/29/bitcoin-btc-e-ethereum-eth-avancam-nesta-2a-veja-outras-criptomoedas/' target='_blank'><img src='https://mozcrypto.com/blog/wp-content/uploads/2024/10/Bitcoin-BTC-e-Ethereum-ETH-avancam-nesta-2a-veja-outras-criptomoedas-1.webp' alt='Bitcoin (BTC) e Ethereum (ETH) avançam nesta 2ª; veja outras criptomoedas'><h3>Bitcoin (BTC) e Ethereum (ETH) avançam nesta 2ª; veja outras criptomoedas</h3></a></div></div> <style> /* Estilo base */ body { font-family: Arial, sans-serif; transition: background-color 0.3s, color 0.3s; margin: 0; padding: 0; } /* Modo claro */ body.light-mode { background-color: #ffffff; color: #000000; } /* Modo escuro */ body.dark-mode { background-color: #2c2c2c; color: #ffffff; } /* Estilos das postagens */ .post-container { display: flex; justify-content: center; /* Centraliza horizontalmente */ align-items: flex-start; /* Alinha itens ao topo */ flex-wrap: wrap; /* Permite quebrar a linha, se necessário */ margin: 20px 0; /* Adiciona margem ao contêiner */ } .post-item { width: 30%; /* Ajusta a largura do item para 30% */ max-width: 300px; /* Limita a largura do item */ height: 400px; /* Define a altura fixa para as postagens */ margin: 10px; /* Espaçamento entre postagens */ padding: 10px; /* Espaçamento interno */ border: 1px solid #ddd; /* Borda do item */ border-radius: 5px; /* Cantos arredondados */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Sombra do item */ opacity: 0; /* Inicialmente invisível */ transform: translateY(30px); /* Move para baixo */ transition: transform 0.3s; /* Transição suave para o efeito de seleção */ } /* Efeito de seleção */ .post-item.selected { transform: scale(1.05); /* Aumenta levemente o tamanho da postagem */ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Aumenta a sombra para dar destaque */ border: 2px solid red; /* Adiciona uma borda vermelha */} /* Imagem do item */ .post-item img { max-width: 100%; /* Para que a imagem não exceda a largura do item */ height: 60%; /* Altura relativa da imagem em relação à altura do item */ object-fit: cover; /* Cobre o espaço da imagem */ border-radius: 5px; /* Cantos arredondados */ } /* Título do item */ .post-item h3 { font-size: 18px; /* Tamanho do título */ color: #000000; /* Cor do título - muito preto */ margin-top: 10px; /* Espaçamento acima do título */ }</style> <script> document.addEventListener("DOMContentLoaded", function() { const postContainer = document.getElementById("post-container"); const postItems = postContainer.querySelectorAll('.post-item'); let currentIndex = 0; // Função para mostrar a próxima postagem function showNextPost() { // Remove a seleção de todas as postagens postItems.forEach(item => item.classList.remove('selected')); // Adiciona a classe 'selected' à postagem atual postItems[currentIndex].classList.add('selected'); postItems[currentIndex].style.opacity = 1; // Torna a postagem visível postItems[currentIndex].style.transform = 'translateY(0)'; // Remove o movimento para a posição original // Atualiza o índice para a próxima postagem currentIndex = (currentIndex + 1) % postItems.length; // Volta ao início após a última postagem } // Mostra a primeira postagem inicialmente showNextPost(); // Configura o intervalo de 2 segundos para mostrar a próxima postagem setInterval(showNextPost, 2000); });</script> <!-- Incluindo Font Awesome para ícones (opcional) --><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <!-- Botão para rolar para o topo --><button onclick="scrollToTop()" id="topButton"> <i class="fas fa-chevron-up"></i> <!-- Ícone de seta para cima --></button> <!-- Estilos e script --><style> /* CSS para o botão */ #topButton { position: fixed; bottom: 20px; right: 20px; background-color: blue; /* Cor do botão azul */ color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; font-size: 20px; /* Aumenta o tamanho do ícone */ display: none; /* Inicialmente oculto */ z-index: 1000; /* Mantém o botão acima de outros elementos */ transition: background-color 0.3s; } #topButton:hover { background-color: darkblue; /* Cor ao passar o mouse */ }</style> <script> // Exibir o botão quando rolar a página para baixo ou se o conteúdo for longo window.onscroll = function() { let button = document.getElementById("topButton"); // Verifica se a altura total do conteúdo é maior que a altura da janela const isContentLongEnough = document.body.scrollHeight > window.innerHeight; // Exibir o botão se rolou mais de 100 pixels ou se o conteúdo é longo if ((document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) || isContentLongEnough) { button.style.display = "block"; // Exibe o botão } else { button.style.display = "none"; // Oculta o botão } }; // Função para rolar a página até o topo function scrollToTop() { window.scrollTo({ top: 0, behavior: "smooth" // Rolagem suave }); }</script> <!-- Start of mozcryptolda Zendesk Widget script --><script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=7a82b100-5cdc-4458-86ef-99d02dac7c98"> </script><!-- End of mozcryptolda Zendesk Widget script --> <div class="footer-spacer"></div> <footer class="footer"> <div class="container-medium" style="max-width: 1200px; margin: 0 auto; padding: 0 20px;"> <div class="footer-content-top"> <div class="footer-column _1"> <div class="footer-text-copyright"> <strong>© 2024 Moz Crypto</strong><br/> Todos os direitos reservados </div> </div> <div class="widget"> <a href="https://mozcrypto.com/compra.html" class="buy-sell-link"> Comprar/Vender </a> </div> </div> </div></footer> <!-- Estilos do footer --><style> /* Estilo do footer */ .footer { background-color: #000; /* Cor de fundo do footer */ text-align: center; /* Alinhamento do texto */ padding: 10px 0; /* Diminuindo o padding vertical */ margin-top: 20px; /* Espaço acima do footer */ color: #fff; /* Cor do texto */ } .footer-spacer { height: 10px; /* Ajuste a altura conforme necessário */ } .buy-sell-link { text-decoration: none; background-color: #ff1050; /* Cor do botão */ color: #fff; /* Cor do texto do botão */ padding: 15px 30px; /* Padding do botão */ border-radius: 8px; /* Cantos arredondados */ display: inline-block; /* Para que o padding funcione */ font-weight: bold; /* Negrito */ font-size: 18px; /* Tamanho da fonte */ transition: background-color 0.3s; /* Efeito de transição */ } .buy-sell-link:hover { background-color: #e0004d; /* Cor do botão ao passar o mouse */ }</style> <!-- Scripts --><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=63fe1b7ead2cd2d5e0af02e7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/63fe1b7ead2cd2d5e0af02e7/js/ramp-new-website.aff8ff04a.js" type="text/javascript"></script><script defer src="https://get.geojs.io/v1/ip/geo.js"></script> <script> // Seu código JavaScript adicional pode ser adicionado aqui</script> <script> function geoip(json) { var countrycode = json.country_code; console.log(countrycode); if (countrycode === 'GB') { $('.home-banner-info').css('display', 'block'); if ($(window).width() < 767) { $('.copy-banner').css('display', 'block'); } $('.footer-global').hide(); // Ukrywa klasę footer-global $('.footer-uk').show(); // Pokazuje klasę footer-uk } else { $('.footer-global').show(); // Pokazuje klasę footer-global, jeśli użytkownik nie jest z GB $('.footer-uk').hide(); // Ukrywa klasę footer-uk }} </script> <script>$(document).ready(function() { $('.menu-button').click(function() { $('body').toggleClass('block-scroll'); });});</script> <script> $(document).ready(function() { // Function to check if the menu button is visible function isMenuButtonVisible() { var menuButton = $('.menu-button.w-nav-button.w--open'); return menuButton.is(':visible'); } // Function to set display none on the consent element function setConsentDisplayNone() { $('#onetrust-consent-sdk').css('display', 'none'); } // Function to set display block on the consent element function setConsentDisplayBlock() { $('#onetrust-consent-sdk').css('display', 'block'); } // Initial check and setup if (isMenuButtonVisible()) { setConsentDisplayNone(); } // Check for changes periodically setInterval(function() { if (isMenuButtonVisible()) { setConsentDisplayNone(); } else { setConsentDisplayBlock(); } }, 1000); // Adjust the interval as needed});</script> <script>document.addEventListener('click', function(event) { var link = event.target.closest('a');// var isCtaLink = link && link.matches('[data-gtm-type="cta"]'); var isCtaLink = link.getAttribute('data-gtm-type'); if (link) { event.preventDefault(); var isBlankTarget = link.getAttribute('target') === '_blank'; var eventDetail = link.getAttribute('data-gtm-area'); var eventText = link.textContent; var destinationScreen = link.getAttribute('data-gtm-destination'); var destinationUrl = link.href; var linkType = isCtaLink ? isCtaLink : 'regular'; // Check if the link is external if (!isExternalLink(link)) { destinationScreen = destinationScreen || undefined; } else { destinationScreen = undefined; } dataLayer.push({ event: 'link_click', eventInfo: { event_detail: eventDetail, event_text: eventText, source_screen: 'Website / Homepage', destination_screen: destinationScreen, }, category: { event_type: 'interaction', primary_category: 'website', link_type: linkType, }, attributes: { destination_url: destinationUrl, } }); if (isBlankTarget) { // Open link in a new tab ('navigate in new tab') window.open(destinationUrl, '_blank'); } else { // Navigate to the link ('navigate within') window.location.href = destinationUrl; } }});// Function to check if the link is externalfunction isExternalLink(link) { var currentHostname = window.location.hostname; var linkHostname = link.hostname; return linkHostname !== '' && linkHostname !== currentHostname;}</script></body></html>
