Crafted By: R.Y.U

Shaded Box Example

Note: Want your desired tour page? Fill up the form! 📝 Riot

Spin Bingo Rules

🍓 Welcome to the ROUND SWISS TOUR 🍓

🍓 SPIN BINGO RULES 🍓

Kindly maintain silence 🧀 and reserve good lucks until the "host" announces pairs and wishes everyone good luck.

All participants are required to post scores, including winners and non-winners.

Scores must be posted prior to server posting; failure to do so will result in an automatic loss.

In case of a tie, tied players should report after the first three spins and continue the game.

Utilize the 'Spin' button to generate numbers for marking on your cards.

Gain bonus points upon completing the round's Spin Bingo pattern on your cards.

Game Aids: Game Aids are priced at 50 Strawberries 🍓 for 30 minutes. Reactivation is required every 30 minutes.

Additional Strawberries 🍓 can be obtained by watching ads (1 every hour).

Yellow dashed square: Indicates numbers within the game pattern.

⬜ Solid yellow square: Represents 1TG Number(s) required for the pattern.

White swirl: Highlights grabbable numbers.

Orange Gems: Indicates formation of the game pattern.

There are 6 🃏 The Mega Joker 🃏 (can be placed anywhere on any card) and a Column Joker 🃏 for each letter (must be placed in that letter column but on any card).

💲 Jackpot 💲 - To win the jackpot, your final score must be 3300 or higher, securing the ✨ 1st place ✨ with at least 3 participating players.

Match Disputes 🔥 In the event of any disagreement or dispute between the teams during a tournament match, it must be resolved by the Tournament Director.

Top Image URL

Custom Html Code Here

<html>
   <head>
<style>
  body {
    background-image: url('https://i.imgur.com/KXxrbyE.jpeg');
    background: flex;
  }
    /* Apply transition to smooth the animation */
    a {
        display: inline-block; /* Necessary for animation to work */
        text-decoration: none;
        font-size: 14pt;
        color: gold; /* Set default color to gold */
        position: relative; /* Set position to relative */
    }

/* Fade-in effect */
    a::before {
        content: ''; /* No content for the before pseudo-element */
        position: absolute; /* Position the pseudo-element */
        left: 0; /* Align to left */
        bottom: 0; /* Align to bottom */
        width: 100%; /* Full width */
        height: 2px; /* Underline height */
        background-color: gold; /* Underline color */
        transition: height 0.3s ease; /* Add transition */
        z-index: -1; /* Ensure underline is behind text */
    }

/* Show underline animation on hover */
    a:hover::before {
        height: 100%; /* Expand height to full */
    }

/* Other link styles */
    a:visited {
        /* Style for visited links */
    }
    
    a:active {
        /* Style for active links */
    }
</style>

</center>

<!DOCTYPE html> 
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Crafted By: R.Y.U</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #000000;
            margin: 0;
            padding: 0;
        }

.container {
            width: 60%;
            margin: 50px auto;
            text-align: center;
        }

.profile-box {
            display: inline-block;
            padding: 6px 12px;
            background-color: #FFE5B4; /* Lighter red background */
            border: 2px solid #EF6C00; /* Dark red border */
            border-radius: 5px;
            transition: background-color 0.3s ease;
            font-size: 14px;
            color: white; /* Change text color to white */
            width: auto;
            height: auto;
        }

.profile-box:hover {
            background-color: #FFE5B4; /* Keep the background color as #FF6666 on hover */
        }

.profile-box a {
            text-decoration: none;
            color: black; /* Change text color to white */
            font-weight: bold;
            transition: color 0.3s ease; /* Add transition effect */
        }

.profile-box a:hover {
            color: #EF6C00; /* Change text color to dark red on hover */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="profile-box"> <a href="https://www.myleague.com/misfits/profile/Riot"> Crafted by: R.Y.U </a> </div>
    </div>
</body>
</html>

<!DOCTYPE html>
<html>
   <head>
      <title>Shaded Box Example</title>
      <style>
        .shaded-box {
            background-color: #FFE5B4; /* Lighter red background */
            border: 2px solid #EF6C00; /* Dark red border */
            border-radius: 5px; /* Rounded corners */
            padding: 10px; /* Adjusted padding */
            width: 350px; /* Adjusted width */
            height: 7px; /* Decreased height */
            /* Center the content vertically */
            display: flex;
            justify-content: center;
            align-items: center;
        }

.shaded-box p {
            font-size: 12px; /* Decreased font size */
            color: black; /* Change text color to white */
        }

.shaded-box a {
            text-decoration: none;
            color: black; /* Change text color to white */
            transition: color 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover {
            color: #EF6C00; /* Change text color to dark red on hover */
        }

/* Apply effects only to the "Riot" text */
        .shaded-box a span {
            transition: transform 0.3s ease; /* Add transition effect */
        }

.shaded-box a:hover span {
            transform: scale(1.1); /* Scale up on hover */
        }
      </style>
   </head>
   <body>
      <div class="shaded-box">
         <p>Note: Want your desired tour page? Fill up the form! 📝 <a href="https://form.jotform.com/241611913450448"><span>Riot</span></a></p>
      </div>
     <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Spin Bingo Rules</title>
  <style>
    body {
  font-family: Arial, sans-serif;
  background-color: none;
  padding: 20px;
  margin: 0 20px; /* Add margin on the right and left sides */
  display: flex;
  flex-direction: column;
  align-items: center;
}
h2 {
  color: brown;
  margin-bottom: 10px;
  font-size: 30px; /* Increase the font size */
}
p {
  color: #fff;
  line-height: 1.6;
  margin: 10px 0;
  font-size: 20px; /* Increase the font size */
}
.emojis {
  font-size: 26px; /* Increase the font size */
}

ul {
      padding-left: 20px;
      margin-bottom: 20px;
    }
    li {
      margin-bottom: 8px;
    }
    hr {
      border: none;
      border-top: 1px solid #ccc;
      margin: 20px 0;
      width: 80%;
    }
  </style>
</head>
<body>
 <p style="border-bottom: 1px solid rgba(255, 255, 255, 0.5);"><strong><span style="font-size: 24px;">🍓 Welcome to the ROUND SWISS TOUR 🍓</span></strong></p>

<p>🍓 SPIN BINGO RULES 🍓</p>

<p>Kindly maintain silence 🧀 and reserve good lucks until the "host" announces pairs and wishes everyone good luck.</p>
<p>All participants are required to post scores, including winners and non-winners.</p>
<p>Scores must be posted prior to server posting; failure to do so will result in an automatic loss.</p>
<p>In case of a tie, tied players should report after the first three spins and continue the game.</p>

<p>Utilize the 'Spin' button to generate numbers for marking on your cards.</p>

<p>Gain bonus points upon completing the round's Spin Bingo pattern on your cards.</p>

<p>Game Aids: Game Aids are priced at 50 Strawberries 🍓 for 30 minutes. Reactivation is required every 30 minutes.</p>

<p>Additional Strawberries 🍓 can be obtained by watching ads (1 every hour).</p>

<p>Yellow dashed square: Indicates numbers within the game pattern.</p>

<p><span style="background-color: yellow;">⬜</span> Solid yellow square: Represents 1TG Number(s) required for the pattern.</p>

<p>White swirl: Highlights grabbable numbers.</p>

<p>Orange Gems: Indicates formation of the game pattern.</p>

<p>There are 6 🃏 The Mega Joker 🃏 (can be placed anywhere on any card) and a Column Joker 🃏 for each letter (must be placed in that letter column but on any card).</p>

<p>💲 Jackpot 💲 - To win the jackpot, your final score must be 3300 or higher, securing the ✨ 1st place ✨ with at least 3 participating players.</p>

<p>Match Disputes 🔥 In the event of any disagreement or dispute between the teams during a tournament match, it must be resolved by the Tournament Director.</p>

</body>
</html>

</body>
  </html>
<br /><br />

Copy & Paste The Following Into *Background Image