mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>Premium Benefits</title> | |||
<style> | |||
body { | |||
margin: 0; | |||
padding: 0; | |||
background-color: #040b1f; | |||
font-family: 'Montserrat', sans-serif; | |||
color: #bfbfbf; | |||
text-align: center; | |||
} | |||
h1 { | |||
color: #ffd919; | |||
font-weight: bold; | |||
font-size: 24px; | |||
text-transform: uppercase; | |||
margin: 20px 0; | |||
} | |||
.benefits-table { | |||
width: 80%; /* Adjust width as needed */ | |||
margin: 20px auto; | |||
border-collapse: collapse; | |||
background-color: rgba(4, 11, 31, 0.9); /* Matches site theme */ | |||
border-radius: 8px; | |||
overflow: hidden; | |||
text-align: center; | |||
font-size: 14px; | |||
color: #bfbfbf; /* Text color */ | |||
} | |||
.benefits-table th, .benefits-table td { | |||
padding: 15px; | |||
border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle borders */ | |||
text-align: center; /* Centers text horizontally */ | |||
vertical-align: middle; /* Centers text vertically */ | |||
} | |||
.benefits-table th { | |||
background-color: #6bb2b2; /* Header background color */ | |||
color: #040b1f; /* Text color for header */ | |||
font-weight: 600; | |||
text-transform: uppercase; | |||
} | |||
.benefits-table tr:nth-child(even) { | |||
background-color: rgba(255, 255, 255, 0.05); /* Stripe effect */ | |||
} | |||
.benefits-table tr:nth-child(odd) { | |||
background-color: rgba(255, 255, 255, 0.02); /* Alternate stripe */ | |||
} | |||
.benefits-table tr:hover { | |||
background-color: rgba(255, 255, 255, 0.1); /* Highlight on hover */ | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<h1>Premium Benefits</h1> | |||
<table class="benefits-table"> | |||
<thead> | |||
<tr> | |||
<th>Benefits</th> | |||
<th>Free Account</th> | |||
<th>Premium Account</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
<tr> | |||
<td>Shared Experience in Party</td> | |||
<td>✔️</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Completing Quests & Tasks</td> | |||
<td>✔️</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Travel with Boats and Carpets</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Use All Spells</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Promotion of Vocation</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Buy Houses</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Use Character Bazaar</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Use Market in Depot</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Premium Islands</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
<tr> | |||
<td>Use Item Bazaar</td> | |||
<td>❌</td> | |||
<td>✔️</td> | |||
</tr> | |||
</tbody> | |||
</table> | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 21:29, 28 January 2025
<!DOCTYPE html> <html lang="en"> <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Premium Benefits</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #040b1f;
font-family: 'Montserrat', sans-serif;
color: #bfbfbf;
text-align: center;
}
h1 {
color: #ffd919;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
margin: 20px 0;
}
.benefits-table {
width: 80%; /* Adjust width as needed */
margin: 20px auto;
border-collapse: collapse;
background-color: rgba(4, 11, 31, 0.9); /* Matches site theme */
border-radius: 8px;
overflow: hidden;
text-align: center;
font-size: 14px;
color: #bfbfbf; /* Text color */
}
.benefits-table th, .benefits-table td {
padding: 15px;
border: 1px solid rgba(255, 255, 255, 0.1); /* Subtle borders */
text-align: center; /* Centers text horizontally */
vertical-align: middle; /* Centers text vertically */
}
.benefits-table th {
background-color: #6bb2b2; /* Header background color */
color: #040b1f; /* Text color for header */
font-weight: 600;
text-transform: uppercase;
}
.benefits-table tr:nth-child(even) {
background-color: rgba(255, 255, 255, 0.05); /* Stripe effect */
}
.benefits-table tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.02); /* Alternate stripe */
}
.benefits-table tr:hover {
background-color: rgba(255, 255, 255, 0.1); /* Highlight on hover */
}
</style>
</head> <body>
Premium Benefits
| Benefits | Free Account | Premium Account |
|---|---|---|
| Shared Experience in Party | ✔️ | ✔️ |
| Completing Quests & Tasks | ✔️ | ✔️ |
| Travel with Boats and Carpets | ❌ | ✔️ |
| Use All Spells | ❌ | ✔️ |
| Promotion of Vocation | ❌ | ✔️ |
| Buy Houses | ❌ | ✔️ |
| Use Character Bazaar | ❌ | ✔️ |
| Use Market in Depot | ❌ | ✔️ |
| Premium Islands | ❌ | ✔️ |
| Use Item Bazaar | ❌ | ✔️ |
</body> </html>