udpate
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
<section class="landing-section landing-welcome" data-landing-welcome-rewards-module aria-labelledby="">
|
||||
<div class="landing-welcome__glow" aria-hidden="true"></div>
|
||||
<div class="landing-welcome__inner">
|
||||
<h2 class="landing-section__title" data-welcome-title></h2>
|
||||
<div class="landing-promo-card">
|
||||
<div class="landing-promo-card__offer">
|
||||
<p class="landing-promo-card__eyebrow" data-welcome-eyebrow></p>
|
||||
<p class="landing-promo-card__value" data-welcome-value></p>
|
||||
<p class="landing-promo-card__sub" data-welcome-sub></p>
|
||||
</div>
|
||||
<div class="landing-promo-card__right">
|
||||
<div class="landing-promo-card__code-wrap" data-welcome-code-wrap hidden>
|
||||
<p class="landing-promo-card__code-label" data-welcome-code-label></p>
|
||||
<button type="button" class="landing-promo-card__code" data-welcome-code aria-live="polite"></button>
|
||||
</div>
|
||||
<a href="#" class="aifo-btn aifo-btn--primary aifo-btn--sm" data-welcome-cta hidden></a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="landing-note" data-welcome-note hidden></p>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<title>24 Hours Payout Module</title>
|
||||
<link href="../../assets/css/style.css" rel="stylesheet">
|
||||
<link type="text/css" href="../../assets/css/landing-v2-base.css" rel="stylesheet">
|
||||
<link type="text/css" href="../../assets/css/modules/payout-24h.css" rel="stylesheet">
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 48px 16px;
|
||||
background: #070400;
|
||||
color: #f9f9f9;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body id="payout-24h-demo">
|
||||
<div id="payout-24h-container"></div>
|
||||
|
||||
<script src="/js/payout-24h-module.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,159 @@
|
||||
<!-- 24 Hours Payout — reusable floor module -->
|
||||
<section class="payout-24h landing-section" data-payout-24h-module aria-labelledby="payout-24h-title">
|
||||
<h2 class="payout-24h__title" id="payout-24h-title">
|
||||
24 Hours <span class="payout-24h__accent">Payout</span>
|
||||
</h2>
|
||||
<p class="payout-24h__subtitle">Real Payouts. Real Traders. Real Proof.</p>
|
||||
|
||||
<div class="payout-24h__grid">
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$1,250</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-1.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">LTC</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">43 min</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$6,750</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-2.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">USDT</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">Under 2h</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$2,430</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-3.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">BTC</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">7h 12m</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$8,200</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-4.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">Bank Transfer</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">Under 4h</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$3,150</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-5.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">USDT</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">1h ago</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="payout-24h__card">
|
||||
<div class="payout-24h__card-top">
|
||||
<span class="payout-24h__amount">$5,600</span>
|
||||
<span class="payout-24h__badge">PAID</span>
|
||||
</div>
|
||||
<div class="payout-24h__card-bottom">
|
||||
<img
|
||||
class="payout-24h__avatar"
|
||||
src="/assets/images/leading-v2/free1_v1/payout-avatar-6.png"
|
||||
alt=""
|
||||
width="40"
|
||||
height="40"
|
||||
decoding="async"
|
||||
>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Method</span>
|
||||
<span class="payout-24h__value">BTC</span>
|
||||
</div>
|
||||
<div class="payout-24h__col">
|
||||
<span class="payout-24h__label">Time</span>
|
||||
<span class="payout-24h__value">45 min</span>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user