Buy crypto at true cost
Buy and sell 250+ cryptocurrencies with 20+ fiat currencies using bank transfers or your credit/debit card.
| Bitcoin BTC | $38,716.43 | -10.82% | $729,729,745,340.82 | |
| Ethereum ETH | $2,818.15 | -13.88% | $333,396,739,452.23 | |
| Cardano ADA | $1.22 | +3.76% | $40,465,663,783.16 | |
| Dogecoin DOGE | $0.153765 | +8.39% | $729,729,745,340.82 | |
| Polkadot DOT | $22.24 | -13.17% | $21,710,483,995.43 |
Sign up now to build your own portfolio for free!
<?php
/**
* Title: Financial trading CTA pattern
* Slug: financial-trading-cta-pattern
* Block types: core/post-content
* Categories: featured
*/
?>
<!-- wp:group {"tagName":"section","metadata":{"name":"Financial trading CTA"},"align":"full","className":"financial-trading-cta","layout":{"type":"constrained"}} -->
<section class="wp-block-group alignfull financial-trading-cta"><!-- wp:group {"className":"financial-trading-cta__container","layout":{"type":"constrained"}} -->
<div class="wp-block-group financial-trading-cta__container"><!-- wp:group {"className":"financial-trading-cta__header","layout":{"type":"constrained"}} -->
<div class="wp-block-group financial-trading-cta__header"><!-- wp:heading {"className":"financial-trading-cta__title"} -->
<h2 class="wp-block-heading financial-trading-cta__title">Buy crypto at true cost</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"financial-trading-cta__description"} -->
<p class="financial-trading-cta__description">Buy and sell 250+ cryptocurrencies with 20+ fiat currencies using bank transfers or your credit/debit card.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"className":"financial-trading-cta__table-section","layout":{"type":"constrained"}} -->
<div class="wp-block-group financial-trading-cta__table-section"><!-- wp:table {"hasFixedLayout":false,"className":"financial-trading-cta__table"} -->
<figure class="wp-block-table financial-trading-cta__table"><table><tbody><tr><td><strong>Bitcoin BTC</strong></td><td><strong>$38,716.43</strong></td><td>-10.82%</td><td>$729,729,745,340.82</td><td>
<div class="wp-block-button financial-trading-cta__trade-wrapper">
<a class="wp-block-button__link has-background wp-element-button financial-trading-cta__trade-button">Trade</a>
</div>
</td></tr><tr><td><strong>Ethereum ETH</strong></td><td><strong>$2,818.15</strong></td><td>-13.88%</td><td>$333,396,739,452.23</td><td>
<div class="wp-block-button financial-trading-cta__trade-wrapper">
<a class="wp-block-button__link has-background wp-element-button financial-trading-cta__trade-button">Trade</a>
</div>
</td></tr><tr><td><strong>Cardano ADA</strong></td><td><strong>$1.22</strong></td><td>+3.76%</td><td>$40,465,663,783.16</td><td>
<div class="wp-block-button financial-trading-cta__trade-wrapper">
<a class="wp-block-button__link has-background wp-element-button financial-trading-cta__trade-button">Trade</a>
</div>
</td></tr><tr><td><strong>Dogecoin DOGE</strong></td><td><strong>$0.153765</strong></td><td>+8.39%</td><td>$729,729,745,340.82</td><td>
<div class="wp-block-button financial-trading-cta__trade-wrapper">
<a class="wp-block-button__link has-background wp-element-button financial-trading-cta__trade-button">Trade</a>
</div>
</td></tr><tr><td><strong>Polkadot DOT</strong></td><td><strong>$22.24</strong></td><td>-13.17%</td><td>$21,710,483,995.43</td><td>
<div class="wp-block-button financial-trading-cta__trade-wrapper">
<a class="wp-block-button__link has-background wp-element-button financial-trading-cta__trade-button">Trade</a>
</div>
</td></tr></tbody></table></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"className":"financial-trading-cta__cta-text"} -->
<p class="financial-trading-cta__cta-text">Sign up now to build your own portfolio for free!</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"className":"financial-trading-cta__cta-buttons","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons financial-trading-cta__cta-buttons"><!-- wp:button {"textAlign":"center","className":"financial-trading-cta__cta-button"} -->
<div class="wp-block-button financial-trading-cta__cta-button"><a class="wp-block-button__link has-text-align-center wp-element-button">Sign Up Now</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></section>
<!-- /wp:group -->
.financial-trading-cta {
@apply bg-white dark:bg-gray-900;
.financial-trading-cta__container {
@apply max-w-screen-xl px-4 py-8 mx-auto text-center sm:py-16 lg:px-6;
.financial-trading-cta__header {
@apply max-w-screen-sm mx-auto;
.financial-trading-cta__title {
@apply mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white;
}
.financial-trading-cta__description {
@apply mb-6 lg:mb-16 font-light text-gray-500 md:text-lg dark:text-gray-400;
}
}
.financial-trading-cta__table-section {
@apply relative mb-8 overflow-x-auto;
.financial-trading-cta__table {
@apply w-full text-sm text-left dark:text-gray-400;
table {
@apply w-full;
border-collapse: collapse;
tbody {
tr {
@apply border-b dark:border-gray-700;
&:last-child {
@apply border-b-0;
}
td {
@apply px-6 py-4 border-0;
vertical-align: middle;
}
td:first-child {
@apply text-lg font-bold text-gray-900 dark:text-white;
strong {
@apply text-gray-900 dark:text-white;
}
& > strong:after {
content: " ";
}
& > :not(strong) {
@apply text-gray-500 dark:text-gray-400 font-normal ml-1;
}
}
td:nth-child(2) {
@apply text-lg font-bold text-gray-900 dark:text-white;
}
td:nth-child(3) {
@apply text-sm font-semibold text-red-500;
}
&:nth-child(3) td:nth-child(3),
&:nth-child(4) td:nth-child(3) {
@apply text-green-500;
}
td:nth-child(4) {
@apply font-semibold text-gray-900 dark:text-white;
}
td:nth-child(5) {
@apply text-right;
.wp-block-button {
@apply inline-block;
}
.wp-block-button__link,
.financial-trading-cta__trade-button {
@apply inline-flex items-center justify-center px-4 py-2 font-medium text-white rounded bg-primary-600 hover:bg-primary-700;
}
}
}
}
}
}
}
.financial-trading-cta__cta-text {
@apply mb-5 sm:text-xl text-center text-gray-500 dark:text-gray-400;
}
.financial-trading-cta__cta-buttons {
@apply flex justify-center;
.financial-trading-cta__cta-button {
a {
@apply text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800;
}
}
}
}
}