Scribd
Upload
5 views3 pages

Crypto Trading Prices & Updates

The document is an HTML template for a cryptocurrency trading webpage featuring a video background and a table displaying current prices and changes for various cryptocurrencies. It includes a styled container with a title, description, and a call-to-action button for trading. The footer indicates copyright information for the year 2025.

Uploaded by

sumathirasu76
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views3 pages

Crypto Trading Prices & Updates

The document is an HTML template for a cryptocurrency trading webpage featuring a video background and a table displaying current prices and changes for various cryptocurrencies. It includes a styled container with a title, description, and a call-to-action button for trading. The footer indicates copyright information for the year 2025.

Uploaded by

sumathirasu76
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crypto Trading</title>
<style>
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}

/* Video Background */
body {
position: relative;
overflow: hidden;
color: white;
}

video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}

/* Container */
.container {
text-align: center;
padding: 50px;
background: rgba(0, 0, 0, 0.6);
width: 60%;
margin: auto;
border-radius: 10px;
margin-top: 10vh;
}

h1 {
font-size: 40px;
margin-bottom: 20px;
color: #f4a261;
}

p {
font-size: 18px;
margin-bottom: 20px;
}

/* Crypto Table */
.crypto-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background: rgba(255, 255, 255, 0.1);
}

.crypto-table th, .crypto-table td {


padding: 15px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.crypto-table th {
background: rgba(244, 162, 97, 0.8);
}

/* Button */
.btn {
display: inline-block;
padding: 10px 20px;
background: #f4a261;
color: white;
text-decoration: none;
font-size: 18px;
border-radius: 5px;
margin-top: 20px;
transition: 0.3s;
}

.btn:hover {
background: #e76f51;
}

/* Footer */
.footer {
text-align: center;
margin-top: 50px;
font-size: 14px;
opacity: 0.7;
}
</style>
</head>
<body>

<!-- Background Video -->


<video autoplay loop muted>
<source src="trading-video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

<div class="container">
<h1>Crypto Currency Trading</h1>
<p>Stay updated with the latest cryptocurrency prices and trade wisely.</p>

<table class="crypto-table">
<tr>
<th>Cryptocurrency</th>
<th>Price (USD)</th>
<th>Change (24h)</th>
</tr>
<tr>
<td>Bitcoin (BTC)</td>
<td>$42,000</td>
<td style="color: green;">+2.5%</td>
</tr>
<tr>
<td>Ethereum (ETH)</td>
<td>$3,200</td>
<td style="color: red;">-1.3%</td>
</tr>
<tr>
<td>Binance Coin (BNB)</td>
<td>$410</td>
<td style="color: green;">+0.8%</td>
</tr>
<tr>
<td>Solana (SOL)</td>
<td>$95</td>
<td style="color: red;">-0.5%</td>
</tr>
</table>

<a href="#" class="btn">Start Trading</a>


</div>

<div class="footer">
&copy; 2025 Crypto Trading Platform | All Rights Reserved
</div>

</body>
</html>

You might also like