161 lines
3.7 KiB
HTML
161 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="./favicon.ico">
|
|
<title>CounterFire x Bitget</title>
|
|
<style>
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.error-content {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: #17141b;
|
|
overflow: hidden;
|
|
color: #fff;
|
|
}
|
|
.header-ba-logo {
|
|
width: 100%;
|
|
height: 342px;
|
|
margin-top: 20px;
|
|
background: url('./logo_bg.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.header-ba-logo div {
|
|
width: 100%;
|
|
height: 242px;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 20px;
|
|
margin-left: 27px;
|
|
/* align-items: center; */
|
|
/* background: url('./logo_bg.png') no-repeat;
|
|
background-size: 100% 100%; */
|
|
}
|
|
.header-ba-logo img {
|
|
width: 418px;
|
|
height: 94px;
|
|
}
|
|
.tips {
|
|
text-align: center;
|
|
margin-top: 0px;
|
|
}
|
|
.tips p {
|
|
margin: 0 !important;
|
|
padding: 0;
|
|
color: #fff;
|
|
font-family: "Poppins";
|
|
font-size: 24px;
|
|
font-weight: Bold;
|
|
}
|
|
.download {
|
|
width: 424px;
|
|
height: 287px;
|
|
background: #211d26;
|
|
border-radius: 40px;
|
|
margin: 0 auto;
|
|
margin-top: 132px;
|
|
text-align: center;
|
|
padding: 22px 59px 15px 57px;
|
|
box-sizing: border-box;
|
|
}
|
|
.download >p {
|
|
font-size: 18px;
|
|
margin: 0;
|
|
}
|
|
.download .download-content {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-top: 21px;
|
|
}
|
|
.download .download-content div p {
|
|
width: 119px;
|
|
height: 31px;
|
|
line-height: 31px;
|
|
background: #17141B;
|
|
border-radius: 16px 16px 0px 0px;
|
|
font-family: 'Poppins';
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
margin: 0 !important;
|
|
color: #FEFEFE;
|
|
}
|
|
.download .download-content div img {
|
|
width: 119px;
|
|
height: 119px;
|
|
margin-bottom: 11px;
|
|
}
|
|
.download .download-content div div {
|
|
width: 119px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
background: #744BAA;
|
|
border-radius: 16px;
|
|
font-family: 'Poppins';
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
color: #FEFEFE;
|
|
cursor: pointer;
|
|
}
|
|
.download .download-content div div a {
|
|
display: inline-block;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-decoration: none;
|
|
color: #FEFEFE;
|
|
}
|
|
.download .download-btn {
|
|
width: 100%;
|
|
}
|
|
.download .download-btn a {
|
|
display: inline-block;
|
|
width: 308px;
|
|
height: 42px;
|
|
line-height: 42px;
|
|
margin: 0 auto;
|
|
background: #744BAA;
|
|
border-radius: 16px;
|
|
font-family: 'Poppins';
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
color: #FEFEFE;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="error-content">
|
|
<div class="header-ba-logo">
|
|
<div>
|
|
<img src="./logo1.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="tips">
|
|
<p>Open the Bitget Wallet app on your phone to join the campaign.</p>
|
|
</div>
|
|
<div class="download">
|
|
<p>Bitget Wallet App</p>
|
|
<div class="download-content">
|
|
<div class="left">
|
|
<p>App store</p>
|
|
<img src="./download_apple.png" alt="">
|
|
</div>
|
|
<div class="right">
|
|
<p>Google play</p>
|
|
<img src="./download_apple.png" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="download-btn">
|
|
<a href="https://web3.bitget.cloud/en/wallet-download" target="_blank">Download</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |