-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 4.8 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="bitcoin criptomonedas batatabit"><title>Batatabit</title><link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Inter:wght@300;500;700&display=swap" rel="stylesheet"><link rel="icon" href="assets/imgs/batata.svg"><link rel="stylesheet" href="css/style.css"></head><body><header><img src="assets/imgs/logo.svg" alt="Batatabit logo"><div class="header__title-container"><h1>La próxima revolución en el intercambio de criptomonedas.</h1><p>Batatabit te ayuda a navegar entre los diferentes precios y tendencias.</p><a href="#plans-container" class="header__button">Conoce Nuestros Planes <span></span></a></div></header><main><section class="main-exchange-container"><img src="assets/imgs/bitcoin.svg" alt="bitcoin image figure"><div class="main-exchange-container__title"><h2>Visibilizamos todas las tasas de cambio.</h2><p>Traemos información en tiempo real de las casas de cambio y las monedas más importantes del mundo.</p></div><section class="main-coins-container" id="coins"><h3>Monedas</h3><section class="main-coins-container__table"><div class="table__item">Bitcoin</div><div class="table__item"><p>$ 1.96</p><span></span></div><div class="table__item">Ethereum</div><div class="table__item"><p>$ 0.07</p><span></span></div><div class="table__item">Ripple</div><div class="table__item"><p>$ 2.15</p><span></span></div><div class="table__item">Stellar</div><div class="table__item"><p>$ 4.96</p><span></span></div><span id="arrow-right"></span></section><button><strong>Actualizado:</strong> 19 Julio 23:45</button></section><section class="main-coins-container hide-on" id="commissions"><h3 class="title--blue js">Comisiones</h3><section class="main-coins-container__table"><div class="table__item">Bitrade</div><div class="table__item item--center"><p>$ 12.96</p></div><div class="table__item">Bitpreco</div><div class="table__item item--center"><p>$ 13.07</p></div><div class="table__item">Novadax</div><div class="table__item item--center"><p>$ 13.15</p></div><div class="table__item">Coinext</div><div class="table__item item--center"><p>$ 14.96</p></div><span id="arrow-left"></span></section><button class="btn--blue"><strong>Actualizado:</strong> 19 Julio 23:48</button></section></section><section class="main-product-value"><img class="image" src="assets/imgs/batata.svg" alt="batata icon"><div class="main-product-value__title"><h2>Creamos un producto sin comparación.</h2><p>Confiable y diseñado para su uso diario.</p></div><div class="main-producto-value__item"><img src="assets/icons/clock.svg" alt="clock icon"><div class="item__title"><h3>Tiempo real</h3><p>Nuestro API toma información minuto a minuto sobre las tasas que más determinan el comportamiento.</p></div></div><div class="main-producto-value__item"><img src="assets/icons/eye.svg" alt="eye icon"><div class="item__title"><h3>No hay tasas escondidas</h3><p>Ni en la compra o al momento de exit, Batabit siempre te muestra el costo real de lo que estás adquiriendo.</p></div></div><div class="main-producto-value__item"><img src="assets/icons/dollar.svg" alt="dollar icon"><div class="item__title"><h3>Compara monedas</h3><p>No más rumores, con Babtabit sabrás el valor real de cada moneda en el mercado actual.</p></div></div><div class="main-producto-value__item"><img src="assets/icons/check-circle.svg" alt="check circle icon"><div class="item__title"><h3>Información confiable</h3><p>Nuestras fuentes están 100% verificadas y continuamos auditando su contenido mientras se actualizan.</p></div></div></section><section class="main-image-action"><h2>Conócelo hoy.</h2></section><section class="main-plans" id="plans-container"><div class="main-plans__title"><h2>Escoge el plan que mejor se ajuste a ti.</h2><p>Cualquier plan te da acceso completo a nuestra plataforma.</p></div><section class="main-plans-cards"><div class="main-plans-cards__item"><h3>Pago Mensual</h3><div><span>$</span> <span>19</span></div><p>Activación inmediata, *$228 anualmente.</p><a href="#">Escoger este <span></span></a></div><div class="main-plans-cards__item"><button>Recomendado</button><h3>Pago Anual</h3><div><span>$</span> <span>99</span></div><p>*Ahorras $129 comparado al plan mensual.</p><a href="#">Escoger este <span></span></a></div><div class="main-plans-cards__item"><h3>Pago Trimestral</h3><div><span>$</span> <span>46</span></div><p>Activación inmediata, *$184 anualmente.</p><a href="#">Escoger este <span></span></a></div></section></section></main><footer><nav class="footer-main-content"><ul><li><a href="#">Linkedin</a></li><li><a href="#">Crunchbase</a></li><li><a href="#">Hackernews</a></li></ul></nav><img src="assets/imgs/logo-footer.svg" alt="batatabit logo footer"></footer><script src="js/main.js"></script></body></html>