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>