|
|
Line 1: |
Line 1: |
|
| |
| <!DOCTYPE html>
| |
|
| |
| <html>
| |
|
| |
| <head>
| |
| <style>
| |
| body {
| |
| font-family: Arial, sans-serif;
| |
| }
| |
|
| |
| h1, h2, h3 {
| |
| text-align: center;
| |
| }
| |
|
| |
| h1 {
| |
| font-size: 36px;
| |
| }
| |
|
| |
| h2 {
| |
| font-size: 28px;
| |
| }
| |
|
| |
| h3 {
| |
| font-size: 24px;
| |
| }
| |
|
| |
| .container {
| |
| width: 80%;
| |
| margin: 0 auto;
| |
| }
| |
|
| |
| .quest-header {
| |
| background-color: #333;
| |
| color: #fff;
| |
| padding: 20px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .quest-header h2 {
| |
| margin: 0;
| |
| }
| |
|
| |
| .quest-section {
| |
| background-color: #f2f2f2;
| |
| padding: 20px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .quest-section h3 {
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .quest-section p {
| |
| margin: 0;
| |
| padding: 10px 0;
| |
| }
| |
|
| |
| .quest-section ul {
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .tutorial-card {
| |
| display: inline-block;
| |
| width: 300px;
| |
| height: 400px;
| |
| margin: 50px;
| |
| text-align: center;
| |
| vertical-align: top;
| |
| }
| |
| .ToggleButton p {
| |
| background-color: #333;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
|
| | | |
|
| |
| .quest-section li {
| |
| margin-bottom: 10px;
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <div class="container"><div class="quest-header">
| |
| == Dragon Fall ==
| |
| </div> <div class="quest-section">
| |
| === Introduction ===
| |
|
| |
| A new city has been discovered in the world of WeAreTibia and it is full of new unexplored quests with many rewards for the great warriors who want to enjoy new challenges.
| |
| </div> <div class="quest-section">
| |
| === Objectives ===
| |
|
| |
| *'''Defeat :'''
| |
| *
| |
| *Rotworm, Dwarf, Minotaur, Elfs, Hydra, Hero, Hero Highguard / Black Templar, Pirates, Minotaur Empire
| |
| </div> <div class="quest-section">
| |
| === Rewards ===
| |
|
| |
| complete missions to receive lots of gold, items, accesses, experiences, gems and much more
| |
|
| |
| *'''Deliver the missions to Adventurers Guild Master'''
| |
| </div> </div> <div class="ToggleButton">
| |
| <button id="toggleButton">[Expandir]</button>
| |
| <div id="toggleContent" style="display:none;"><div class="tutorial-card">
| |
| <img src="map.jpg" alt="Imagem do Tutorial 1">
| |
| </div> </div>
| |
| </body>
| |
|
| |
| </html>
| |
|
| |
| <script>
| |
|
| |
| const toggleButton = document.getElementById("toggleButton");
| |
| const toggleContent = document.getElementById("toggleContent");
| |
|
| |
| toggleButton.addEventListener("click", function() {
| |
| if (toggleContent.style.display === "none") {
| |
| toggleContent.style.display = "block";
| |
| toggleButton.innerHTML = "[Ocultar]";
| |
| } else {
| |
| toggleContent.style.display = "none";
| |
| toggleButton.innerHTML = "[Expandir]";
| |
| }
| |
| });
| |
| </script>
| |
| </div>
| |