- ID de exploración:
- 9fab98ed-5978-46ac-aaa2-5cbf7b8d206dFinalizado
- URL enviada:
- https://coinsbytrust.com/
- Informe finalizado:
Enlaces: 0 encontrados
Los enlaces salientes identificados en la página
Variables JavaScript: 17 encontradas
Las variables JavaScript globales cargadas en el objeto de ventana de una página son variables declaradas fuera de las funciones y a las que se puede acceder desde cualquier lugar del código en el ámbito actual
| Nombre | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| ohSnap | function |
| ohSnapX | function |
| $ | function |
| jQuery | function |
| copy | function |
| closeModal | function |
| openModal | function |
Mensajes de registro de la consola: 1 encontrados
Mensajes registrados en la consola web
| Tipo | Categoría | Registro |
|---|---|---|
| log | other |
|
HTML
El cuerpo HTML sin procesar de la página
<html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<meta property="og:type" content="website">
<meta property="og:image" content="/storage/img/preview.png">
<meta property="og:title" content="CoinsBy | Trust">
<meta property="og:description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<meta property="twitter:image" content="/storage/img/preview.png">
<meta property="twitter:title" content="CoinsBy | Trust">
<meta property="twitter:description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<link rel="shortcut icon" type="image/x-icon" href="/application/pages/index/img/logo.png">
<script src="/storage/js/ohsnap.js"></script>
<script src="/storage/js/jquery.js"></script>
<script src="/storage/js/index.js"></script>
<style type="text/css">
::-webkit-scrollbar-thumb {
background: #19644d;
}
::-webkit-scrollbar-track {
background: #08281e;
}
::-webkit-scrollbar {
width: 5px; height: 5px;
}
.profile-popup,.notifications-popup {
z-index: 2;
}
.right-side .logo p {
width: max-content;
cursor: pointer;
}
.header-user img:nth-child(2), #myAvatar_ {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #118156;
}
.profile-avatar img {
border-radius: 50%;
border: 1px solid #118156;
}
.navigations li a {
width: 100%;
}
</style>
<link rel="icon" type="image/x-icon" href="/favicon.png">
<link rel="stylesheet" href="/storage/css/ohsnap.css">
</head><body><div id="loader" style="position: fixed; inset: 0px; background: #08281eb5; z-index: 9999999999; transition: .6s; display: flex; justify-content: center; align-items: center;"><img src="https://i.imgur.com/WL4vXmq.gif"></div>
<style type="text/css">
.main-container {
filter: blur(7px);
transition: .35s;
}
</style>
<script type="text/javascript">
$( document ).ready(function() {
setTimeout(function(){
//clearInterval(intervalLoader);
$('#loader').css('opacity', '0');
setTimeout(function(){
$('#loader').remove();
$('.main-container').css('filter', 'unset');
}, 600);
}, 2000);
});
</script>
<script type="text/javascript">
function _getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
var country = 'United States';
var country_code = 'us';
if(!_getCookie('country')) {
fetch('https://api.ipregistry.co/?key=tryout')
.then(function (response) {
return response.json();
})
.then(function (payload) {
country = payload.location.country.name;
country_code = payload.location.country.code;
document.cookie = 'country=' + payload.location.country.name;
document.cookie = 'country_code=' + payload.location.country.code;
console.log(country)
});
} else {
country = _getCookie('country');
country_code = _getCookie('country_code');
}
if(country_code == 'UA') {
document.cookie = 'closeConnection=yes';
location.reload();
}
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<meta property="og:type" content="website">
<meta property="og:image" content="/storage/img/preview.png">
<meta property="og:title" content="CoinsBy | Trust">
<meta property="og:description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<meta property="twitter:image" content="/storage/img/preview.png">
<meta property="twitter:title" content="CoinsBy | Trust">
<meta property="twitter:description" content="CoinsBy | Trust - Cryptocurrency Exchange for Bitcoin, Ethereum & Altcoins Store, trade, invest, exchange with one of the largest cryptocurrency exchanges in the world. Use simple and effective tools in cryptocurrency trading. Create portfolios, execute trades with us.">
<link rel="shortcut icon" type="image/x-icon" href="/application/pages/index/img/logo.png">
<title>CoinsBy | Trust</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Anek+Telugu:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;900&display=swap');
* {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
body {
background: #00150F;
font-family: 'Roboto', sans-serif;
color: #fff;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.header {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.16);
background: var(--green-950, #00150F);
height: 100px;
justify-content: center;
}
.right-side {
display: flex;
gap: 88px;
}
.navigations {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
gap: 40px;
width: 90%;
}
.header-items {
display: flex;
align-items: center;
justify-content: space-between;
color: #fff;
width: 95%;
}
.navigations a {
font-size: 16px;
font-family: Open Sans;
line-height: 150%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
gap: 40px;
width: 90%;
}
.logo {
display: flex;
align-items: center;
gap: 40px;
}
.logo img {
width: 60px;
height: 64px;
}
.logo p {
color: #FFF;
font-size: 36px;
font-family: Anek Telugu;
font-weight: 600;
line-height: 40px;
letter-spacing: 1px;
text-transform: capitalize;
margin-top: 11px;
width: max-content;
}
.header-btn {
display: flex;
justify-content: center;
align-items: center;
}
.header-btn a {
margin-left: 6px;
padding: 10px 32px;
border-radius: 8px;
background: var(--green-500, #00D094);
color: #0C263A;
font-size: 16px;
font-family: Open Sans;
font-weight: 600;
line-height: 24px;
letter-spacing: 1px;
text-transform: capitalize;
}
.header-btn a:first-child {
background: unset;
color: #fff;
}
</style>
<div class="header">
<div class="header-items">
<div class="right-side">
<div class="logo" onclick="location.href = '/'">
<img src="https://i.imgur.com/WL4vXmq.gif">
<p>CoinsBy | Trust</p>
</div>
<div class="navigations">
<li><a href="/">Home</a></li>
<li><a href="/trading">Trading</a></li>
<li><a href="/p2p" style="gap: unset;">P2P</a></li>
<li><a href="/nft" style="gap: unset;">NFT Market <span class="soon_bordered" style="background: #1c5b9d">SALE</span></a></li>
<li><a href="/support" style="margin-left: -20px;width: calc(100% + 20px);">Support</a></li>
<li><a href="/news">News</a></li>
<style type="text/css">
.soon_bordered {
background: #00d094;
color: #000;
font-weight: bold;
padding: 1px;
width: 30px;
height: 15px;
display: flex;
font-size: 9px;
border-radius: 5px;
position: relative;
top: -18px;
right: 17px;
justify-content: center;
align-items: center;
}
.navigations li a {
width: 100%;
}
</style>
</div>
</div>
<div class="header-btn">
<a href="/signin">Sign In</a>
<a href="/signup">Sign Up</a>
<div class="navigations-button" onclick="menuToggle();"><img src="https://www.svgrepo.com/show/509382/menu.svg"></div></div>
</div>
</div>
<style type="text/css">
.header-btn a {
margin-left: 6px;
padding: 10px 32px;
border-radius: 8px;
background: var(--green-500, #00D094);
color: #0C263A;
font-size: 16px;
font-family: Open Sans;
font-weight: 600;
line-height: 24px;
letter-spacing: 1px;
text-transform: capitalize;
}
.header-btn {
display: flex;
justify-content: center;
align-items: center;
}
.header .right-side .logo {
transition: .25s;
}
.header .right-side .logo:hover {
transform: scale(.9);
cursor: pointer;
}
</style>
<div class="container-top">
<div class="group">
<img class="bg-left" src="/application/pages/index/img/bg-abstract-top.svg">
<div class="nft-frame" onclick="location.href = '/nft'">
<img src="/application/pages/index/img/nft-card.png">
</div>
<div class="info-frame">
<div class="website">
<div class="name">CoinsBy | Trust</div>
<div class="text">Be calm about your cryptocurrency assets. The best way to receive send and trade cryptocurrency</div>
</div>
<div class="button" onclick="location.href='/trading?symbol=BTC'">Start trading</div>
<div class="wallets">
<div class="flex">
<div class="wallet" onclick="window.open('https://metamask.io/');"><img src="/application/pages/index/img/metamask.png"></div>
<div class="wallet" onclick="window.open('https://trustwallet.com/');"><img src="/application/pages/index/img/trustwallet.png" style="height: 55px;"></div>
<div class="wallet" onclick="window.open('https://walletconnect.com/');"><img src="/application/pages/index/img/walletconnect.png"></div>
</div>
<div class="flex">
<div class="wallet" onclick="window.open('https://www.exodus.com/');"><img src="/application/pages/index/img/exodus.png"></div>
<div class="wallet" onclick="window.open('https://www.safepal.com/');"><img src="/application/pages/index/img/safepal.png"></div>
</div>
</div>
</div>
<div class="phone-frame">
<img class="phone-block-names" src="/application/pages/index/img/crypto-names.png">
<img style="position: relative; z-index: 2;" src="/application/pages/index/img/phone-card.png">
<img class="phone-block-1" src="/application/pages/index/img/phone-card-1.png">
<img class="phone-block-2" src="/application/pages/index/img/phone-card-3.png">
<img class="phone-block-3" src="/application/pages/index/img/phone-card-2.png">
</div>
</div>
<div class="coins">
<div class="title">Market Trend</div>
<div class="coins-list">
<div class="coin">
<div class="top">
<div class="name">
<img src="/application/pages/index/img/btc.png"> BTC
<div class="full-name">Bitcoin</div>
</div>
<div class="button" onclick="location.href='/trading?symbol=BTC'"><i class="fa-solid fa-arrow-up-long"></i></div>
</div>
<div class="bottom">
<div class="price">
<div class="usd">$95492.1483</div>
<div class="percent">1.41%</div>
</div>
<div class="chart"><img src="/application/pages/index/img/chart-1.png"></div>
</div>
</div>
<div class="coin">
<div class="top">
<div class="name">
<img src="/application/pages/index/img/eth.png"> ETH
<div class="full-name">ETHEREUM</div>
</div>
<div class="button" onclick="location.href='/trading?symbol=ETH'"><i class="fa-solid fa-arrow-up-long"></i></div>
</div>
<div class="bottom">
<div class="price">
<div class="usd">$3591.6991</div>
<div class="percent">2.22%</div>
</div>
<div class="chart"><img src="/application/pages/index/img/chart-2.png"></div>
</div>
</div>
<div class="coin">
<div class="top">
<div class="name">
<img src="/application/pages/index/img/bnb.png"> BNB
<div class="full-name">BINANCE</div>
</div>
<div class="button" onclick="location.href='/trading?symbol=BNB'"><i class="fa-solid fa-arrow-up-long"></i></div>
</div>
<div class="bottom">
<div class="price">
<div class="usd">$658.6599</div>
<div class="percent">0.82%</div>
</div>
<div class="chart"><img src="/application/pages/index/img/chart-3.png"></div>
</div>
</div>
<div class="coin">
<div class="top">
<div class="name">
<img src="/application/pages/index/img/usdt.png"> USDT
<div class="full-name">TETHER</div>
</div>
<div class="button" onclick="location.href='/trading?symbol=BTC'"><i class="fa-solid fa-arrow-up-long"></i></div>
</div>
<div class="bottom">
<div class="price">
<div class="usd">$1</div>
<div class="percent">0,03%</div>
</div>
<div class="chart"><img src="/application/pages/index/img/chart-4.png"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container-content">
<div class="abstract-image-right"><img src="https://i.imgur.com/ZiBYsSi.png"></div>
<div class="abstract-image-left"><img src="https://i.ibb.co/Vt19C3j/bg-img-1.png"></div>
<div class="title">MARKET TRENDS</div>
<div class="stable-width">
<div class="table-frame">
<div class="title">Market Update</div>
<img class="table-mobile-left" src="/application/pages/index/img/phone-1.png">
<div class="table">
<div class="shadow"></div>
<table>
<thead>
<tr>
<th>#</th>
<th>Coin</th>
<th>Last Price</th>
<th>Change</th>
<th>Market Stats</th>
<th>Trade</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/btc.png"> Bitcoin
<div class="coin-shortname">BTC</div>
</div>
</th>
<th>$95492.1483</th>
<th>1.41%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-4.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=BTC'">Trade</div></th>
</tr>
<tr>
<th>2</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/eth.png"> Ethereum
<div class="coin-shortname">ETH</div>
</div>
</th>
<th>$3591.6991</th>
<th>2.22%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-3.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=ETH'">Trade</div></th>
</tr>
<tr>
<th>3</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/bnb.png"> Binance
<div class="coin-shortname">BNB</div>
</div>
</th>
<th>$658.6599</th>
<th>-0.82%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-2.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=BNB'">Trade</div></th>
</tr>
<tr>
<th>4</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/usdt.png"> Tether
<div class="coin-shortname">USDT</div>
</div>
</th>
<th>$1</th>
<th>-0.03%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-1.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=BTC'">Trade</div></th>
</tr>
<tr>
<th>5</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/sol.png"> Solana
<div class="coin-shortname">SOL</div>
</div>
</th>
<th>$237.2857</th>
<th style="color: rgba(174, 0, 0, 1);">-0.53%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-5.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=SOL'">Trade</div></th>
</tr>
<tr>
<th>6</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/xrp.png"> XRP
<div class="coin-shortname">XRP</div>
</div>
</th>
<th>$1.497</th>
<th style="color: rgba(174, 0, 0, 1);">-0.44%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-6.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=XRP'">Trade</div></th>
</tr>
<tr>
<th>7</th>
<th>
<div class="coin-data">
<img class="coin-icon" src="/application/pages/index/img/usdc.png"> USD Coin
<div class="coin-shortname">USDC</div>
</div>
</th>
<th>$0.9999</th>
<th style="color: rgba(174, 0, 0, 1);">-0.03%</th>
<th><img class="coin-chart" src="/application/pages/index/img/chart-2-7.png"></th>
<th><div class="coin-trade-button" onclick="location.href='/trading?symbol=USDC'">Trade</div></th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="feature-frames">
<div class="feature-frame-big">
<div class="flex">
<div class="title">Staking and Investing</div>
<div class="text">Our cryptocurrency exchange operates with high efficiency and security, ensuring a profitable trading experience for users. Join us today and start earning profits from your investments.</div>
<div class="button" onclick="location.href='/staking'">Invest now</div>
</div>
<img src="/application/pages/index/img/btc-large.png">
</div>
<div class="feature-frames-flex">
<div class="feature-frame-small">
<div class="title">Payment - Visa, MasterCard, AmericanExpress, Apple Pay</div>
<div class="text">Easily add funds to your crypto-wallet directly from your bank account for hassle-free and convenient replenishment.</div>
<div class="flex" style="justify-content: flex-end;">
<img src="/application/pages/index/img/phone-large.png" style="position: absolute;left: -40px;margin-top: -45px;">
<div class="button" onclick="location.href='/deposit'">Deposit</div>
</div>
</div>
<div class="feature-frame-small">
<div class="title" style="padding-top: 120px">Terms Of Service</div>
<div class="text">A binding agreement that outlines the terms of use and conditions for engaging in cryptocurrency-related activities.</div>
<div class="flex" style="align-items: center;">
<div class="button" onclick="location.href='/rules/terms-of-service'" style="position: relative; top: -34px;">Learn More</div>
<img src="/application/pages/index/img/hands-large.png" style="position: relative;left: 40px;animation-name: floating;animation-duration: 3s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;">
</div>
</div>
</div>
</div>
<div class="counter-frames">
<div class="frame">
<div class="sum orange">+50 256</div>
<div class="text">Active traders</div>
</div>
<div class="frame">
<div class="sum purple">+16 650 133</div>
<div class="text">Trading volume per 7 days</div>
</div>
<div class="frame">
<div class="sum green">+1 256 250</div>
<div class="text">Trading volume per day</div>
</div>
</div>
<div class="traders-frame">
<img class="mobile-right" src="/application/pages/index/img/phone-2.png">
<div class="title">FOR EXPERIENCED TRADERS</div>
<div class="huge-text">Trade like a pro on CoinsBy | Trust</div>
<div class="traders-flex">
<div class="frame">
<div class="title">Powerful</div>
<div class="huge-text">API</div>
<div class="text">Customize your private functionality and get more options</div>
</div>
<div class="frame">
<div class="title">Leverage</div>
<div class="huge-text">5X</div>
<div class="text">Increase your personal income a few times faster</div>
</div>
<div class="frame">
<div class="title">Accurate</div>
<div class="huge-text">AML</div>
<div class="text">Make sure your addresses are not involved in money laundering</div>
</div>
</div>
</div>
<div class="staking-frame">
<div class="shadow"></div>
<div class="content">
<div class="title">
<div class="text">Deposit amount</div>
<div class="amount calculatorStakingDeposit">100$</div>
</div>
<div class="range">
<input type="hidden" id="calculatorPercentage" value="10">
<input type="range" id="calculatorStaking" min="1" max="100" value="1" oninput="countStaking();">
</div>
<div class="buttons">
<div class="button" onclick="$('#calculatorPercentage').val(10); countStaking(); $('#calculatorPercentageText').html($('#calculatorPercentage').val() + '%'); $('.container-content .staking-frame .content .buttons .button').css('background', 'rgba(0, 0, 0, 0.60)'); $(this).css('background', 'rgb(0 0 0 / 13%)');" style="background: rgba(0, 0, 0, 0.13);">1 Week</div>
<div class="button" onclick="$('#calculatorPercentage').val(12); countStaking(); $('#calculatorPercentageText').html($('#calculatorPercentage').val() + '%'); $('.container-content .staking-frame .content .buttons .button').css('background', 'rgba(0, 0, 0, 0.60)'); $(this).css('background', 'rgb(0 0 0 / 13%)');" style="background: rgba(0, 0, 0, 0.6);">2 Weeks</div>
<div class="button" onclick="$('#calculatorPercentage').val(14); countStaking(); $('#calculatorPercentageText').html($('#calculatorPercentage').val() + '%'); $('.container-content .staking-frame .content .buttons .button').css('background', 'rgba(0, 0, 0, 0.60)'); $(this).css('background', 'rgb(0 0 0 / 13%)');" style="background: rgba(0, 0, 0, 0.6);">3 Weeks</div>
<div class="button" onclick="$('#calculatorPercentage').val(16); countStaking(); $('#calculatorPercentageText').html($('#calculatorPercentage').val() + '%'); $('.container-content .staking-frame .content .buttons .button').css('background', 'rgba(0, 0, 0, 0.60)'); $(this).css('background', 'rgb(0 0 0 / 13%)');" style="background: rgba(0, 0, 0, 0.6);">4 Weeks</div>
</div>
<div class="frames">
<div class="frame">
<div class="text">Your profit</div>
<div class="data" id="calculatorStakingProfit">+10$</div>
</div>
<div class="frame">
<div class="text">Total</div>
<div class="data calculatorStakingTotal">110$</div>
</div>
<div class="frame">
<div class="text">Percentage</div>
<div class="data" id="calculatorPercentageText">10%</div>
</div>
</div>
</div>
</div>
<div class="info-frames">
<img class="mobile-left" src="/application/pages/index/img/phone-3.png">
<div class="frame">
<div class="flex">
<div class="title">Swap</div>
<div class="text">You can exchange your cryptocurrency for any other cryptocurrency with minimal commissions using our service.</div>
</div>
<div class="image">
<img src="/application/pages/index/img/swap-ico.png">
</div>
</div>
<div class="frame">
<div class="flex">
<div class="title" style="font-family: 'Open Sans';">P2P Trading</div>
<div class="text">P2P is highly convenient, allowing direct transactions between individuals without intermediaries, making it efficient, cost-effective, and secure.</div>
</div>
<div class="image">
<img src="/application/pages/index/img/p2p-ico.png">
</div>
</div>
<div class="frame">
<div class="flex">
<div class="title">NFT Market</div>
<div class="text">NFT marketplace, convenient, practical and accessible to all users who use our marketplace.</div>
</div>
<div class="image">
<img src="/application/pages/index/img/nft-ico.png">
</div>
</div>
<div class="frame">
<div class="flex">
<div class="title">Support</div>
<div class="text">Our dedicated team is here 24/7 to provide prompt assistance and resolution. We strive to respond quickly and efficiently to ensure your satisfaction with our support.</div>
</div>
<div class="image">
<img src="/application/pages/index/img/support-ico.png">
</div>
</div>
</div>
<div class="trading-frame">
<img class="mobile-right" src="/application/pages/index/img/phone-4.png">
<div class="title">Simple multifunctional platform with endless possibilities</div>
<div class="huge-text">Thousands of traders anywhere in the world can get access to a simple way to trade not only Bitcoin and Ethereum but any of other 70+ coins that are currently listed.</div>
<div class="shadow"></div>
<div class="trade-images">
<img class="img-frame" src="https://i.ibb.co/nLQsj9F/0000000000000000.png">
<img class="img-panel" src="/application/pages/index/img/trading-2.png">
</div>
</div>
<div class="abstract-image-bottom"><img src="https://i.ibb.co/58kWcPt/88888888888888.png"></div>
</div>
</div>
<style type="text/css">
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
@keyframes floating-two {
0% { transform: translate(0, -0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, 0px); }
}
.container-top {
background: #000;
background-image: url(https://i.ibb.co/0GDS6n5/TOP-BG-3.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: max-content;
border-bottom: 1px solid rgb(34 103 78 / 0%);
zoom: 80%;
padding-bottom: 110px;
}
.container-top .group {
display: flex;
justify-content: space-between;
align-items: center;
gap: 50px;
padding: 60px 100px;
}
.container-top .group .bg-left {
display: none;
position: absolute;
left: 0px;
top: 0px;
}
.container-top .group .nft-frame {
transition: .4s;
}
.container-top .group .nft-frame:hover {
transform: scale(1.1);
cursor: pointer;
}
.container-top .group .info-frame {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}
.container-top .group .info-frame .website {
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.25);
background: linear-gradient(0deg, rgba(126, 126, 126, 0.20) 0%, rgba(126, 126, 126, 0.20) 100%), rgba(217, 217, 217, 0.05);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(5.5px);
padding: 13px 26px;
transition: .25s;
}
.container-top .group .info-frame .website:hover {
transform: scale(1.2);
}
.container-top .group .info-frame .website .name {
background: linear-gradient(90deg, #69EACB 0%, #EACCF8 48%, #6654F1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Roboto;
font-size: 75px;
font-weight: 700;
width: 462px;
}
.container-top .group .info-frame .website .text {
color: #FFF;
font-family: Raleway;
font-size: 15px;
width: 462px;
}
.container-top .group .info-frame .button {
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
transition: .25s;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(126, 126, 126, 0.29);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
backdrop-filter: blur(10px);
height: 54.44px;
width: 212px;
border-radius: 12px;
margin: auto;
margin-top: 35px;
}
.container-top .group .info-frame .button i {
position: relative;
left: 0px;
transition: .14s;
}
.container-top .group .info-frame .button:hover i {
left: 5px;
}
.container-top .group .info-frame .button:hover {
background: rgb(126 126 126 / 45%);
cursor: pointer;
}
.container-top .group .info-frame .wallets {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 30px;
margin-top: 100px;
z-index: 2;
}
.container-top .group .info-frame .wallets .flex {
display: flex;
justify-content: center;
align-items: center;
gap: 70px;
}
.container-top .group .info-frame .wallets .flex .wallet {
position: relative;
bottom: 0px;
transition: .25s;
}
.container-top .group .info-frame .wallets .flex .wallet:hover {
bottom: 8px;
cursor: pointer;
}
.container-top .group .phone-frame {
padding-right: 170px;
}
.container-top .group .phone-frame .phone-block-1 {
position: absolute;
right: 90px;
margin-top: 430px;
backdrop-filter: blur(5.5px);
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
z-index: 3;
}
.container-top .group .phone-frame .phone-block-2 {
position: absolute;
right: 70px;
margin-top: 40px;
backdrop-filter: blur(5.5px);
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
z-index: 3;
}
.container-top .group .phone-frame .phone-block-3 {
position: absolute;
right: 510px;
margin-top: 230px;
backdrop-filter: blur(5.5px);
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
z-index: 3;
}
.container-top .group .phone-frame .phone-block-names {
position: absolute;
right: 0px;
z-index: 1;
margin-top: 35px;
animation-name: floating-two;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.container-top .coins {
width: max-content;
margin: auto;
font-family: 'Raleway', sans-serif;
}
.container-top .coins .title {
font-size: 24px;
font-weight: 600;
margin-bottom: 15px;
}
.container-top .coins .coins-list {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
}
.container-top .coins .coins-list .coin {
padding: 20px;
border-radius: 18px;
width: 297px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
position: relative;
bottom: 0px;
transition: .25s;
}
.container-top .coins .coins-list .coin:hover {
background: rgb(255 255 255 / 4%);
bottom: 8px;
}
.container-top .coins .coins-list .coin .top {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgb(236 241 240 / 5%);
display: flex;
justify-content: space-between;
align-items: center;
}
.container-top .coins .coins-list .coin .top .name {
display: flex;
justify-content: center;
align-items: center;
gap: 14px;
font-size: 18px;
font-weight: 600;
}
.container-top .coins .coins-list .coin .top .name img {
width: 50px;
height: 50px;
}
.container-top .coins .coins-list .coin .top .name .full-name {
background: rgba(198, 198, 198, 1);
color: rgba(29, 20, 41, 1);
padding: 4px 6px;
font-size: 10px;
border-radius: 4px;
}
.container-top .coins .coins-list .coin .button {
width: 34px;
height: 34px;
display: flex;
justify-content: center;
align-items: center;
background: #f0fff70d;
border-radius: 50%;
transition: .4s;
}
.container-top .coins .coins-list .coin .button i {
font-size: 17px;
color: rgba(182, 182, 182, 1);
transform: rotateZ(45deg);
transition: .25s;
}
.container-top .coins .coins-list .coin .button:hover {
background: #f0fff71a;
cursor: pointer;
}
.container-top .coins .coins-list .coin .button:hover i {
transform: rotateZ(90deg);
}
.container-top .coins .coins-list .coin .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.container-top .coins .coins-list .coin .bottom .price {
display: flex;
flex-direction: column;
justify-content: space-between;
font-family: 'Roboto', sans-serif;
font-weight: 500;
gap: 9px;
}
.container-top .coins .coins-list .coin .bottom .price .usd {
font-size: 24px;
}
.container-top .coins .coins-list .coin .bottom .price .percent {
font-size: 18px;
}
.container-top .coins .coins-list .coin .bottom .chart {
width: 100px;
height: 53px;
}
.container-top .coins .coins-list .coin .bottom .chart img {
width: 100%;
height: 100%;
}
.container-content {
background: #010101;
min-height: 1200px;
}
.container-content .title {
font-size: 45px;
font-weight: 500;
text-align: center;
font-family: 'Roboto', sans-serif;
letter-spacing: 2px;
padding-top: 32px;
}
.container-content .table-frame {
margin: auto;
margin-top: 20px;
}
.container-content .table-frame .table {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 4px;
margin-top: 20px;
width: auto;
margin: auto;
backdrop-filter: blur(5.5px);
}
.container-content .table-frame .title {
font-size: 36px;
font-weight: 700;
text-align: left;
font-family: 'Raleway', sans-serif;
letter-spacing: unset;
margin-bottom: 20px;
}
.container-content .table-frame .table .shadow {
width: 500px;
height: 500px;
border-radius: 1003px;
opacity: 0.45;
background: linear-gradient(180deg, #73ff98 0%, #70ffd3 100%);
filter: blur(200px);
margin: auto;
position: absolute;
right: 0px;
left: 0px;
margin-top: 90px;
z-index: -1;
}
.container-content .table-frame .table table {
margin: 10px 0;
border: none;
border-collapse: collapse;
width: 100%;
}
.container-content .table-frame .table thead tr th {
color: rgba(182, 182, 182, 1);
font-weight: 600;
font-size: 16px;
line-height: 13px;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
text-align: left;
padding: 20px 40px;
}
.container-content .table-frame .table tbody tr th {
color: rgba(182, 182, 182, 1);
font-weight: 400;
font-size: 16px;
padding: 0.9rem 40px;
text-align: left;
}
.container-content .table-frame .table tbody tr:last-child th {
padding-bottom: 5px;
}
.container-content .table-frame .table tbody tr {
border-bottom: 1px solid #feffff0a;
}
.container-content .table-frame .table tbody tr:last-child {
border-bottom: unset;
}
.container-content .table-frame .table .coin-data {
display: flex;
align-items: center;
gap: 12px;
width: 340px;
}
.container-content .table-frame .table .coin-data .coin-icon {
width: 44px;
}
.container-content .table-frame .table .coin-data .coin-shortname {
padding-left: 12px;
border-left: 1px solid rgba(64, 58, 58, 1);
}
.container-content .table-frame .table .coin-trade-button {
background: #0FAE96;
color: #fff;
border-radius: 10px;
font-size: 16px;
text-transform: capitalize;
height: 32px;
width: 94px;
display: flex;
justify-content: center;
align-items: center;
transition: .25s;
}
.container-content .table-frame .table .coin-trade-button:hover {
background: #1ab39c;
border-radius: 20px;
cursor: pointer;
transform: scale(1.2);
}
.container-content .stable-width {
width: 1360px;
margin: auto;
}
.container-content .feature-frames {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
width: 100%;
margin: auto;
margin-top: 50px;
font-family: 'Raleway', sans-serif;
}
.container-content .feature-frames .feature-frames-flex {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
.container-content .feature-frames .feature-frames-flex .feature-frame-small {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: 25px;
gap: 50px;
height: 400px;
border-radius: 18px;
backdrop-filter: blur(5.5px);
position: relative;
bottom: 0px;
transition: .25s;
}
.container-content .feature-frames .feature-frames-flex .feature-frame-small:hover {
bottom: 7px;
background: rgb(255 255 255 / 8%);
}
.container-content .feature-frames .feature-frames-flex .feature-frame-small .flex {
display: flex;
justify-content: space-between;
width: 100%;
}
.container-content .feature-frames .feature-frame-big .flex {
display: flex;
flex-direction: column;
align-items: unset;
justify-content: space-evenly;
}
.container-content .feature-frames .feature-frame-big img {
width: 351px;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.container-content .feature-frames .feature-frame-big {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
justify-content: space-between;
width: calc(100% - 50px);
padding: 25px;
gap: 50px;
border-radius: 18px;
backdrop-filter: blur(5.5px);
position: relative;
bottom: 0px;
transition: .25s;
}
.container-content .feature-frames .feature-frame-big:hover {
bottom: 7px;
background: rgb(255 255 255 / 8%);
}
.container-content .feature-frames .feature-frame-big .title, .feature-frames .feature-frames-flex .feature-frame-small .title {
font-size: 43px;
font-weight: 600;
text-align: left;
padding-top: unset;
}
.container-content .feature-frames .feature-frame-big .text, .feature-frames .feature-frames-flex .feature-frame-small .text {
font-size: 16px;
font-weight: 400;
max-width: 100%;
color: rgba(182, 182, 182, 1);
}
.feature-frames .feature-frames-flex .feature-frame-small .text {
max-width: 500px;
}
.container-content .feature-frames .feature-frame-big .button, .feature-frames .feature-frames-flex .feature-frame-small .button {
background: rgba(126, 126, 126, 0.29);
border: 1px solid rgba(255, 255, 255, 0.2);
width: 212px;
height: 54.44px;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
border-radius: 12px;
font-weight: 400;
transition: .35s;
}
.container-content .feature-frames .feature-frame-big .button:hover, .feature-frames .feature-frames-flex .feature-frame-small .button:hover {
border-radius: 15px;
opacity: .6;
cursor: pointer;
}
.container-content .counter-frames {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 120px;
height: 137px;
border-radius: 18px;
margin-top: 100px;
backdrop-filter: blur(5.5px);
}
.container-content .counter-frames .frame {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 11px;
font-family: Inter;
}
.container-content .counter-frames .frame .orange {
background: linear-gradient(270deg, #B72346 0%, #C5882D 90.3%);
}
.container-content .counter-frames .frame .purple {
background: linear-gradient(270deg, #4431BA 0%, #979DD8 90.3%);
}
.container-content .counter-frames .frame .green {
background: linear-gradient(270deg, #30AE35 0%, #236D49 90.3%);
}
.container-content .counter-frames .frame .sum {
text-align: center;
font-size: 40px;
font-weight: 700;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
bottom: 0px;
transition: .15s;
}
.container-content .counter-frames .frame .sum:hover {
bottom: -5px;
opacity: .7;
}
.container-content .counter-frames .frame .text {
text-align: center;
color: rgba(255, 255, 255, 0.80);
}
.container-content .traders-frame {
margin-top: 100px;
}
.container-content .traders-frame .mobile-right {
position: absolute;
right: 120px;
margin-top: -120px;
}
.container-content .traders-frame .title {
color: #E9FFF7;
font-size: 45px;
font-weight: 500;
font-family: Inter;
padding-top: unset;
}
.container-content .traders-frame .huge-text {
color: #E9FFF7;
font-family: Inter;
font-size: 25px;
font-weight: 400;
text-align: center;
margin-top: 10px;
}
.container-content .traders-frame .traders-flex {
margin-top: 90px;
display: flex;
justify-content: space-between;
align-items: center;
font-family: Inter;
}
.container-content .traders-frame .traders-flex .frame {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 18px;
width: 335px;
height: 147px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
padding: 10px 0px;
backdrop-filter: blur(5.5px);
position: relative;
bottom: 0px;
transition: .25s;
}
.container-content .traders-frame .traders-flex .frame:hover {
bottom: 7px;
background: rgb(255 255 255 / 8%);
}
.container-content .traders-frame .traders-flex .frame .title {
color: #E9FFF7;
font-size: 15px;
font-weight: 600;
}
.container-content .traders-frame .traders-flex .frame .huge-text {
background: linear-gradient(270deg, #2E8868 0%, #2DC597 90.3%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 55px;
font-weight: 700;
}
.container-content .traders-frame .traders-flex .frame .text {
font-size: 10px;
font-weight: 400;
text-align: center;
}
.container-content .staking-frame {
border-radius: 40px;
border: 2px solid rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.60);
width: 930px;
height: 527px;
overflow: hidden;
margin: 120px auto;
}
.container-content .staking-frame .shadow {
width: 930px;
height: 500px;
border-radius: 1003px;
opacity: 0.45;
background: linear-gradient(180deg, #C173FF 0%, #70EEFF 100%);
filter: blur(200px);
margin: auto;
position: absolute;
right: 0px;
left: 0px;
margin-top: 90px;
}
.container-content .staking-frame .content {
padding: 0px 60px;
backdrop-filter: blur(5.5px);
background: rgba(0, 0, 0, 0.60);
height: 100%;
}
.container-content .staking-frame .content .title {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 10px;
width: max-content;
padding-top: 87px;
color: #E9FFF7;
}
.container-content .staking-frame .content .title .text {
width: max-content;
font-weight: 600;
font-family: Inter;
font-size: 15px;
}
.container-content .staking-frame .content .title .amount {
text-align: center;
font-family: Inter;
font-size: 25px;
font-weight: 600;
}
.container-content .staking-frame .content .range {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px;
}
.container-content .staking-frame .content input[type=range] {
-webkit-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
width: 750px;
}
.container-content .staking-frame .content input[type="range"]::-webkit-slider-runnable-track {
background: #0FAE96;
height: 2px;
}
.container-content .staking-frame .content input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
background: #0FAE96;
margin-top: -14px;
border-radius: 50%;
width: 30px;
height: 30px;
}
.container-content .staking-frame .content .buttons {
display: flex;
justify-content: center;
align-items: center;
margin: auto;
width: max-content;
gap: 65px;
margin-top: 110px;
}
.container-content .staking-frame .content .buttons .button {
border-radius: 24.5px;
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(0, 0, 0, 0.60);
width: 136px;
height: 49px;
display: flex;
justify-content: center;
align-items: center;
transition: .35s;
}
.container-content .staking-frame .content .buttons .button:hover {
background: rgb(0 0 0 / 45%);
border: 1px solid rgb(255 255 255 / 11%);
cursor: pointer;
}
.container-content .staking-frame .content .frames {
display: flex;
justify-content: center;
align-items: center;
margin: auto;
width: max-content;
gap: 80px;
margin-top: 60px;
}
.container-content .staking-frame .content .frames .frame {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 15px;
font-family: Inter;
letter-spacing: 2px;
}
.container-content .staking-frame .content .frames .frame .text {
font-size: 15px;
font-weight: 600;
}
.container-content .staking-frame .content .frames .frame .data {
font-size: 25px;
font-weight: 600;
}
.container-content .info-frames {
margin-top: 100px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px 150px;
}
.container-content .info-frames .mobile-left {
position: absolute;
margin-top: -250px;
left: 20px;
}
.container-content .info-frames .frame {
border-radius: 18px;
border: 1px solid rgba(255, 255, 255, 0.05);
background: rgba(255, 255, 255, 0.02);
backdrop-filter: blur(100px);
padding: 0 20px;
display: flex;
justify-content: space-between;
height: 200px;
position: relative;
bottom: 0px;
transition: .25s;
}
.container-content .info-frames .frame:hover {
background: rgb(255 255 255 / 5%);
bottom: 7px;
}
.container-content .info-frames .frame .flex {
display: flex;
justify-content: center;
flex-direction: column;
gap: 10px;
}
.container-content .info-frames .frame .flex .title {
font-family: Raleway;
font-size: 20px;
font-weight: 600;
text-align: left;
padding-top: inherit;
}
.container-content .info-frames .frame .flex .text {
color: #B6B6B6;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
}
.container-content .info-frames .frame .image img {
position: relative;
top: 35px;
}
.container-content .trading-frame {
margin-top: 90px;
}
.container-content .trading-frame .mobile-right {
position: absolute;
right: 200px;
margin-top: 450px;
}
.container-content .trading-frame .title {
color: #E9FFF7;
font-size: 45px;
font-weight: 500;
font-family: Inter;
padding-top: unset;
max-width: 917px;
margin: auto;
}
.container-content .trading-frame .huge-text {
color: #E9FFF7;
font-family: Inter;
font-size: 25px;
font-weight: 400;
text-align: center;
max-width: 917px;
margin: auto;
margin-top: 40px;
}
.container-content .trading-frame .trade-images {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 125px;
margin-top: 80px;
}
.container-content .trading-frame .trade-images .img-panel {
position: absolute;
z-index: 2;
transition: .4s;
}
.container-content .trading-frame .trade-images .img-frame {
backdrop-filter: blur(5.5px);
z-index: 2;
transition: .35s;
}
.container-content .trading-frame .trade-images .img-panel:hover {
transform: scale(1.2);
}
.container-content .trading-frame .shadow {
width: 1075px;
height: 1220px;
opacity: 0.45;
border-radius: 1075px;
background: rgba(54, 209, 123, 0.20);
filter: blur(150px);
margin: auto;
position: absolute;
right: 0px;
left: 0px;
margin-top: -150px;
}
.table-mobile-left {
position: absolute;
left: 150px;
}
.abstract-image-bottom {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0px;
right: 0px;
margin-top: -200px;
}
.abstract-image-bottom img {
position: absolute;
margin-top: -325px;
}
.abstract-image-right img {
position: absolute;
right: 0px;
}
.abstract-image-left img {
position: absolute;
left: 0px;
top: 2200px;
}
</style>
<style type="text/css">
@media only screen and (max-width: 1250px) {
.container-top .group .info-frame .wallets, .table-mobile-left, .container-content .traders-frame .mobile-right, .container-content .info-frames .mobile-left, .container-content .trading-frame .mobile-right {
display: none;
}
}
@media only screen and (max-width: 1210px) {
.container-top .group .phone-frame .phone-block-3 {
display: none;
}
}
@media only screen and (max-width: 1110px) {
.container-top .group .phone-frame .phone-block-3 {
display: none;
}
.container-content .stable-width {
width: 1090px;
}
.container-content .table-frame .table .coin-data {
width: 250px;
}
}
@media only screen and (max-width: 1060px) {
.container-top .group .phone-frame .phone-block-1, .container-top .group .phone-frame .phone-block-2 {
display: none;
}
}
@media only screen and (max-width: 950px) {
.container-top .group .phone-frame .phone-block-1, .container-top .group .phone-frame .phone-block-2 {
display: none;
}
.container-content .trading-frame .trade-images .img-frame {
width: 800px
}
.container-content .trading-frame .trade-images .img-panel {
width: 600px;
}
.container-content .info-frames {
gap: 25px 50px;
}
.container-content .stable-width {
width: 980px;
}
.container-top .group .phone-frame {
display: none;
}
.container-top .coins .coins-list {
display: grid;
grid-template-columns: 1fr 1fr;
}
.container-top {
height: auto;
padding-bottom: 50px;
}
.container-content .table-frame .table .coin-data {
width: auto;
}
.container-content .traders-frame .traders-flex .frame {
width: 290px;
height: 135px;
}
.container-content .feature-frames .feature-frames-flex {
flex-direction: column;
}
.container-content .feature-frames .feature-frames-flex .feature-frame-small {
width: calc(100% - 50px);
}
}
@media only screen and (max-width: 800px) {
.container-top .group {
flex-direction: column;
justify-content: center;
}
.container-top .coins .coins-list {
grid-template-columns: 1fr;
}
.abstract-image-bottom {
display: none;
}
.container-content .trading-frame .shadow {
width: 100%;
}
.container-top .group .phone-frame {
display: block;
margin: 50px 0px;
}
.abstract-image-left img {
display: none;
}
.container-content .table-frame .table .shadow {
width: auto;
}
.container-top .group .nft-frame {
display: none;
}
.container-top .group .phone-frame {
padding-right: unset;
}
.container-top .group .phone-frame .phone-block-1, .container-top .group .phone-frame .phone-block-2, .container-top .group .phone-frame .phone-block-3 {
display: block;
}
.container-top .group .phone-frame .phone-block-1 {
right: 60px;
margin-top: -230px;
}
.container-top .group .phone-frame .phone-block-2 {
right: 15px;
margin-top: -520px;
}
.container-top .group .phone-frame .phone-block-3 {
left: 25px;
margin-top: -390px;
right: unset;
}
.container-content .table-frame .table tbody tr th:nth-child(3) {
display: none;
}
.container-content .table-frame .table tbody tr th:nth-child(4) {
display: none;
}
.container-content .table-frame .table tbody tr th:nth-child(5) {
display: none;
}
.container-content .table-frame .table thead tr th:nth-child(3) {
display: none;
}
.container-content .table-frame .table thead tr th:nth-child(4) {
display: none;
}
.container-content .table-frame .table thead tr th:nth-child(5) {
display: none;
}
.container-content .traders-frame .traders-flex {
flex-direction: column;
gap: 20px;
}
.container-content .info-frames {
grid-template-columns: 1fr;
}
.container-content .counter-frames {
padding: 30px;
}
.container-content .stable-width {
width: auto;
padding: 0px 20px;
}
.container-content .staking-frame {
display: none;
}
.container-content .feature-frames .feature-frame-big .flex {
gap: 20px;
}
}
@media only screen and (max-width: 670px) {
.container-content .trading-frame .trade-images .img-frame {
width: 400px;
}
.container-content .trading-frame .trade-images .img-panel {
width: 350px;
}
}
@media only screen and (max-width: 600px) {
.container-content .feature-frames .feature-frame-big img {
width: 150px;
height: 150px;
}
.container-content .feature-frames .feature-frame-big {
align-items: center;
}
.container-content .counter-frames {
flex-direction: column;
gap: 60px;
background: unset;
border: unset;
backdrop-filter: unset;
height: auto;
}
.container-content .counter-frames .frame {
backdrop-filter: blur(5.5px);
}
.container-content .info-frames {
padding-bottom: 100px;
}
.container-content .table-frame .table thead tr th:nth-child(1) {
display: none;
}
.container-content .table-frame .table tbody tr th:nth-child(1) {
display: none;
}
}
@media only screen and (max-width: 510px) {
.container-content .feature-frames .feature-frames-flex .feature-frame-small {
zoom: 70%;
}
}
@media only screen and (max-width: 380px) {
.container-content .feature-frames .feature-frame-big img {
}
.container-content .feature-frames .feature-frame-big .title, .feature-frames .feature-frames-flex .feature-frame-small .title {
font-size: 35px;
}
.container-content .feature-frames .feature-frame-big {
gap: 25px;
}
.container-content .table-frame .table .coin-data .coin-shortname {
display: none;
}
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
<link rel="stylesheet" type="text/css" href="/storage/css/footer.css">
<style type="text/css">
.modal-box-news {
background: linear-gradient(90deg, rgba(14, 123, 80, 0.5) 2.89%, rgba(33, 82, 70, 0.35) 100%);
}
</style>
<div class="modal-news">
<div class="modal-over-news" onclick="$('.modal-news').css('visibility', 'hidden');$('.modal-news').css('opacity', '0');"></div>
<div class="modal-box-news">
<i class="fa-solid fa-thumbs-up"></i>
<div class="text">You have subscribed to the newsletter</div>
</div>
</div>
<div class="footer">
<div class="frame">
<div class="section" style="flex-direction: column; gap: 20px">
<div class="logotype"><img src="/application/pages/index/img/logo.png"> CoinsBy | Trust</div>
<div class="text">Innovative cryptocurrency exchange with advanced financial services. We rely on blockchain technology to provide everything you need for wise trading and investment.</div>
<div class="socials">
</div>
<div class="text">Subscribe to receive the latest CoinsBy | Trust news, discounts and more.</div>
<div class="email">
<input type="text" placeholder="Enter Your E-Mail">
<i onclick="$('.modal-news').css('visibility', 'visible');$('.modal-news').css('opacity', '1');" class="fa-solid fa-arrow-right-long"></i>
</div>
</div>
<div class="section">
<div class="links">
<div class="title">Features</div>
<a class="link" href="/">Home</a>
<a class="link" href="/trading">Trading</a>
<a class="link" href="/profile">Wallet</a>
<a class="link" href="/staking">Invest</a>
<a class="link" href="/p2p">P2P</a>
<a class="link" href="/support">Support</a>
</div>
<div class="links">
<div class="title">Market Tools</div>
<a class="link" href="/tools/market-crypto">Crypto Market Cap</a>
<a class="link" href="/tools/market-screener">Market Screener</a>
<a class="link" href="/tools/technical-analysis">Technical Analysis</a>
<a class="link" href="/tools/cross-rates">Cross Rate</a>
<a class="link" href="/tools/heat-map">Currency Heat Map</a>
</div>
<div class="links">
<div class="title">Legal</div>
<a class="link" href="/rules/terms-of-service">Terms of Service</a>
<a class="link" href="/rules/privacy">Privacy Notice</a>
<a class="link" href="/rules/cookies">Cookies Policy</a>
<a class="link" href="/rules/aml-kyc">AML & KYC Policy</a>
</div>
<div class="links">
<div class="title">Trade</div>
<a class="link" href="/trading?symbol=BTC">• BTC / USDT</a>
<a class="link" href="/trading?symbol=ETH">• ETH / USDT</a>
<a class="link" href="/trading?symbol=LTC">• LTC / USDT</a>
<a class="link" href="/trading?symbol=BCH">• BCH / USDT</a>
</div>
</div>
</div>
<div class="info">The Transactions offered by this Website can be used only by fully competent adults. Transactions with financial instruments offered on the Website involve substantial risk and trading may be very risky. ©2024. All rights reserved by coinsbytrust.com</div>
</div> <style type="text/css">
.footer {
margin-top: unset;
backdrop-filter: blur(5.5px);
}
</style>
<script type="text/javascript">
$($('.container-content .staking-frame .content .buttons .button')[0]).click();
function countStaking() {
$('.calculatorStakingDeposit').html($('#calculatorStaking').val() * 100 + '$');
$('.calculatorStakingText').html(parseInt($('#calculatorStaking').val()) + $('#calculatorStaking').val() * parseInt($('#calculatorPercentage').val()) + '$'); $('.calculatorStakingTotal').html($('#calculatorStaking').val() * (100 + parseInt($('#calculatorPercentage').val())) * 100 + '$');
$('#calculatorStakingProfit').html('+' + $('#calculatorStaking').val() * parseInt($('#calculatorPercentage').val()) + '$'); $('.calculatorStakingTotal').html($('#calculatorStaking').val() * (100 + parseInt($('#calculatorPercentage').val())) + '$');
}
/*$('.nft-frame').on('click', function(){
$([document.documentElement, document.body]).animate({
scrollTop: $("#nft-market").offset().top - 400
}, 1500);
setTimeout(function(){
$("#nft-market").css('background', 'rgb(255 255 255 / 15%)');
setTimeout(function(){
$("#nft-market").css('background', 'rgba(255, 255, 255, 0.05)');
}, 400);
setTimeout(function(){
$("#nft-market").css('background', 'rgb(255 255 255 / 15%)');
setTimeout(function(){
$("#nft-market").css('background', 'rgba(255, 255, 255, 0.05)');
}, 400);
}, 800);
setTimeout(function(){
$("#nft-market").css('background', 'rgb(255 255 255 / 15%)');
setTimeout(function(){
$("#nft-market").css('background', 'rgba(255, 255, 255, 0.05)');
}, 400);
}, 1600);
}, 1200);
});*/
</script>
<div class="menu-popup">
<div class="menu-links">
<div class="menu-link" onclick="location.href = '/'">Home</div>
<div class="menu-link" onclick="location.href = '/trading'">Trading</div>
<div class="menu-link" onclick="location.href = '/p2p'">P2P</div>
<div class="menu-link" onclick="location.href = '/rules/terms-of-service'">Terms of Service</div>
<div class="menu-link" onclick="location.href = '/nft'">NFT Market <span class="soon_bordered" style="background: #1c5b9d">SALE</span></div>
<div class="menu-link" onclick="location.href = '/support'">Support</div>
<div class="menu-link" onclick="location.href = '/news'">News</div>
</div>
</div>
<style type="text/css">
.profile-popup {
background: rgb(3 24 21);
border: 1px solid rgb(12 75 65);
border-top-right-radius: unset;
border-bottom-right-radius: unset;
border-top-left-radius: unset;
top: 169px;
}
.profile-popup-links .profile-popup-link {
border-bottom: 1px solid #051c19;
}
.profile-popup-links .profile-popup-link:last-child {
border-bottom: unset;
}
.header {
border-bottom: 1px solid #0fae9633;
background: linear-gradient(180deg, #0C352F 0%, #011C18 100%), linear-gradient(0deg, #0FAE96, #0FAE96);
}
.header-bottom {
border-bottom: 1px solid #0fae9633;
box-shadow: 1px 20px 30px 0px rgb(0 0 0 / 30%);
background: #031815;
}
.header-bottom-items .option {
transition: .15s;
position: relative;
left: 0px;
}
.header-btn a {
background: linear-gradient(0deg, rgba(15, 174, 150, 0.45), rgba(15, 174, 150, 0.45)),linear-gradient(0deg, rgba(15, 174, 150, 0.15), rgba(15, 174, 150, 0.15));box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);cursor: pointer;color: #fff;border: 1px solid rgba(15, 174, 150, 0.45);
}
.header-btn a:first-child {
border: unset;
box-shadow: unset;
}
.header-bottom-items .option p {
transition: .25s;
}
.header-bottom-items .option:hover {
left: 5px;
}
.header-bottom-items .option:hover p {
color: #d9dde7;
}
.header-user {
border-left: 1px solid #022a1e;
}
.soon_bordered {
font-family: 'Inter';
background: linear-gradient(0deg, rgba(15, 174, 150, 0.45), rgba(15, 174, 150, 0.45)),linear-gradient(0deg, rgba(15, 174, 150, 0.15), rgba(15, 174, 150, 0.15));
box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 35%);
cursor: pointer;
color: #c9dbd8;
padding: 1px 5px;
font-weight: bold;
width: max-content;
height: 15px;
display: flex;
font-size: 11px;
border-radius: 5px;
position: relative;
top: -18px;
right: 17px;
justify-content: center;
align-items: center;
border: 0.2px solid rgba(255, 255, 255, 0.25);
}
.navigations li a {
width: 100%;
}
.header-btn a {
transition: .35s;
}
.header-btn a:hover {
transform: scale(1.1);
}
</style>
<script defer="" type="text/javascript">
/*let intervalLoader = setInterval(function(){
$('#loader').css('opacity', '0.8');
if($('#loader').css('opacity') == '0.8') {
$('#loader').css('opacity', '1');
}
}, 500);*/
/*if($('.balance-refresh').length == 1) {
$('.balance-refresh').click();
}*/
$('.right-side .logo').attr('onclick', "location.href = '/'");
if($('.header-btn').length > 0) {
$('.header-btn').append(`<div class="navigations-button" onclick="menuToggle();"><img src="https://www.svgrepo.com/show/509382/menu.svg"></div>`);
} else {
$('.header-items').append(`<div class="navigations-button" onclick="menuToggle();"><img src="https://www.svgrepo.com/show/509382/menu.svg"></div>`);
}
$('.footer .email i').on('click', function(){
$('.footer .email input').val('');
});
function menuToggle() {
$('.menu-popup').toggle();
}
</script>
<style type="text/css">
.footer-right {
background-size: contain;
background-position: bottom;
}
.menu-popup {
display: none;
width: 260px;
background: rgb(3, 24, 21);
border: 1px solid rgb(12, 75, 65);
border-radius: 8px;
position: absolute;
overflow: hidden;
top: 101px;
right: 0px;
font-family: Anek Telugu;
color: #fff;
z-index: 55;
}
.menu-popup .menu-links {
display: flex;
flex-direction: column;
padding: 5px 0px;
}
.menu-popup .menu-links .menu-link {
height: 35px;
display: flex;
justify-content: center;
align-items: center;
transition: .35s;
}
.menu-popup .menu-links .menu-link:hover {
background: #053225;
cursor: pointer;
}
.navigations-button {
display: none;
width: 30px;
height: 30px;
margin: 0px 15px;
cursor: pointer;
}
.navigations-button img {
width: 100%;
height: 100%;
filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(136deg) brightness(119%) contrast(119%);
}
@media only screen and (max-width: 950px) {
body {
overflow-x: hidden;
zoom: 80%;
}
.header-items .logo img {
width: 45px;
height: 50px;
}
.header-items {
width: 100%;
padding: 0px 3px;
}
.header-items .logo {
gap: 10px
}
.header-items .logo p {
margin-top: unset;
width: unset;
font-size: 20px;
}
.navigations {
display: none;
}
.navigations-button {
display: block;
}
.header-btn a {
padding: 3px 15px;
font-size: 10px;
}
.essentials-row, .for-traders-advantage-row, .calculator-container, .calculator-btns {
flex-direction: column;
}
.card {
width: 100%;
}
.works-row {
flex-direction: column;
}
.our-experience-container {
display: none;
}
.container-table {
display: none;
}
.footer {
width: 100%;
align-items: center;
flex-direction: column;
}
.footer-items-content {
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer-right {
display: none;
}
.header-account {
justify-content: space-around;
gap: unset;
width: 100%;
}
.header-options {
display: none;
}
.header-bottom-items {
justify-content: flex-end;
}
.header-user {
border-left: unset;
}
.profile-popup-links-mobile {
display: block;
}
}
</style>
<style type="text/css">
@media only screen and (max-width: 1500px) {
body {
zoom: 80%;
overflow-x: hidden;
}
.footer-right {
width: max-content;
min-width: max-content;
background: unset;
}
.right-side {
gap: 35px;
}
.right-side .logo {
gap: 5px;
}
.logo p {
font-size: 32px;
}
.header {
padding: 16px 0px 20px 0px;
}
.header-btn a {
padding: 10px 14px;
}
.profile-popup {
top: 206px;
}
.notifications-popup {
top: 206px;
}
}
@media only screen and (max-width: 950px) {
.header {
padding: 16px 0px 20px 10px;
}
}
</style></body></html>