Edit

Editing: /home/goacom/9wickets.princedev.shop/fancybet.php

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>FancyBet - 9Wickets Sports Book</title>
    <meta name="description" content="9Wickets - Live Fancy Bet exchange" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
    <style>
      body { margin: 0; font-family: Arial, sans-serif; background: #fff; color: #333; overflow-x: hidden; }
      a { text-decoration: none; color: inherit; }
      ul { list-style: none; padding: 0; margin: 0; }
      * { box-sizing: border-box; }
      .header-top { background: #ffc107; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; height: 60px; border-bottom: 2px solid #e0a800; }
      .logo { font-style: italic; font-weight: 900; font-size: 26px; color: #111; display: flex; align-items: center; gap: 5px; }
      .search-bar { display: flex; align-items: center; background: #fff; border-radius: 3px; padding: 5px 10px; margin-left: 30px; flex: 1; max-width: 300px; }
      .search-bar input { border: none; outline: none; width: 100%; font-size: 13px; }
      .header-right { display: flex; align-items: center; gap: 20px; font-size: 13px; }
      .nav-bar { background: #262626; color: #fff; height: 40px; display: flex; align-items: center; padding: 0 20px; justify-content: space-between; font-size: 13px; font-weight: bold; }
      .nav-links { display: flex; gap: 25px; }
      .nav-links a:hover, .nav-links a.active { color: #ffc107; }
      .main-container { display: flex; margin: 0 auto; min-height: calc(100vh - 100px); padding: 5px 20px; gap: 15px; }
      .sidebar-left { width: 220px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1); }
      .sidebar-left h3 { background: #37474f; color: #fff; margin: 0; padding: 10px 15px; font-size: 14px; font-weight: 600; }
      .sidebar-left ul li a { display: block; padding: 10px 15px; border-bottom: 1px solid #eee; font-size: 13px; color: #444; }
      .sidebar-left ul li a:hover, .sidebar-left ul li a.active { background: #e3f2fd; color: #1976d2; font-weight: bold; }
      .content-center { flex: 1; }
      .sport-title { background: #e65100; color: #fff; padding: 12px 15px; font-size: 18px; font-weight: bold; border-radius: 4px 4px 0 0; display: flex; align-items: center; gap: 10px; }
      .fancy-table { width: 100%; border-collapse: collapse; margin-top: 10px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
      .fancy-table th { background: #eceff1; padding: 10px; font-size: 13px; text-align: center; border-bottom: 2px solid #cfd8dc; }
      .fancy-table td { padding: 12px 10px; font-size: 13px; border-bottom: 1px solid #eee; text-align: center; }
      .odds-box { display: inline-block; width: 50px; padding: 6px 0; text-align: center; border-radius: 3px; font-weight: bold; cursor: pointer; font-size: 12px; }
      .odds-blue { background: #a6d8ff; color: #004085; margin-right: 4px; }
      .odds-pink { background: #f8d7da; color: #721c24; }
      footer { background: #262626; color: #aaa; text-align: center; padding: 20px; font-size: 12px; margin-top: 30px; }
    </style>
  </head>
  <body>
    
    <header class="header-top">
      <div class="logo">
        <a href="index.php" style="color:inherit; text-decoration:none;">9WICKETS</a>
      </div>
      <div class="search-bar">
        <i class="fa-solid fa-magnifying-glass"></i>
        <input type="text" placeholder="Search events..." />
      </div>
      <div class="header-right">
        <span><i class="fa-solid fa-clock"></i> Live Sports</span>
        <a href="account.php" style="color:inherit;"><i class="fa-solid fa-user"></i> Account</a>
      </div>
    </header>

<nav class="nav-bar">
      <div class="nav-links">
        <a href="index.php">Home</a>
        <a href="in-play.php">In-Play</a>
        <a href="sports.php">Sports</a>
        <a href="cricket.php">Cricket</a>
        <a href="soccer.php">Soccer</a>
        <a href="tennis.php">Tennis</a>
        <a href="fancybet.php" class="active">FancyBet</a>
        <a href="fifa-world-cup.php">FIFA World Cup</a>
        <a href="multi-markets.php">Multi Markets</a>
        <a href="result.php">Result</a>
      </div>
      <div>
        <a href="settings.php" style="color: #fff;"><i class="fa-solid fa-gear"></i> Settings</a>
      </div>
    </nav>

<div class="main-container">
      <aside class="sidebar-left">
        <h3>All Sports</h3>
        <ul>
          <li><a href="cricket.php"><i class="fa-solid fa-baseball"></i> Cricket</a></li>
          <li><a href="soccer.php"><i class="fa-solid fa-futbol"></i> Soccer</a></li>
          <li><a href="tennis.php"><i class="fa-solid fa-table-tennis-paddle-ball"></i> Tennis</a></li>
          <li><a href="fancybet.php" class="active"><i class="fa-solid fa-dice"></i> FancyBet</a></li>
          <li><a href="in-play.php"><i class="fa-solid fa-clock"></i> In-Play All</a></li>
          <li><a href="result.php"><i class="fa-solid fa-square-poll-vertical"></i> Results</a></li>
        </ul>
      </aside>

<main class="content-center">
        <div class="sport-title">
          <i class="fa-solid fa-dice"></i> Live Fancy Bet Markets
        </div>

<table class="fancy-table">
          <thead>
            <tr>
              <th style="text-align: left; padding-left: 15px">Fancy Market / Session</th>
              <th>Status</th>
              <th>No (Lay)</th>
              <th>Yes (Back)</th>
            </tr>
          </thead>
          <tbody id="fancy-table-body">
            <tr>
              <td style="text-align:left; padding-left:15px; font-weight:bold; color:#1976d2;">6 Over Run IND (India v Australia)</td>
              <td><span style="color:#2e7d32; font-weight:bold;">Active</span></td>
              <td><div class="odds-box odds-pink">48</div></td>
              <td><div class="odds-box odds-blue">49</div></td>
            </tr>
            <tr>
              <td style="text-align:left; padding-left:15px; font-weight:bold; color:#1976d2;">10 Over Run IND (India v Australia)</td>
              <td><span style="color:#2e7d32; font-weight:bold;">Active</span></td>
              <td><div class="odds-box odds-pink">84</div></td>
              <td><div class="odds-box odds-blue">86</div></td>
            </tr>
            <tr>
              <td style="text-align:left; padding-left:15px; font-weight:bold; color:#1976d2;">Fall of 1st Wicket IND (India v Australia)</td>
              <td><span style="color:#2e7d32; font-weight:bold;">Active</span></td>
              <td><div class="odds-box odds-pink">32</div></td>
              <td><div class="odds-box odds-blue">34</div></td>
            </tr>
            <tr>
              <td style="text-align:left; padding-left:15px; font-weight:bold; color:#1976d2;">6 Over Run ENG (England v South Africa)</td>
              <td><span style="color:#2e7d32; font-weight:bold;">Active</span></td>
              <td><div class="odds-box odds-pink">52</div></td>
              <td><div class="odds-box odds-blue">53</div></td>
            </tr>
            <tr>
              <td style="text-align:left; padding-left:15px; font-weight:bold; color:#1976d2;">Over 2.5 Goals (Real Madrid v Barcelona)</td>
              <td><span style="color:#2e7d32; font-weight:bold;">Active</span></td>
              <td><div class="odds-box odds-pink">1.80</div></td>
              <td><div class="odds-box odds-blue">1.85</div></td>
            </tr>
          </tbody>
        </table>
      </main>
    </div>