<?php include 'includes/header.php'; ?>
<main>

    <section class="college-rankings">
        <div class="container">
            <div class="head">
                <h2>College D1 Basketball Rankings</h2>
                <p>The consensus rating (far right column) is simply computed as the average of all rankings for each
                    team. Coaches poll not included</p>
            </div>
            <div class="tabs">
                <ul class="nav nav-ul nav-pills" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-home" type="button role=" tab" aria-controls="pills-home"
                            aria-selected="true">Consensus vs Poll</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-profile" type="button role=" tab" aria-controls="pills-profile"
                            aria-selected="false">Consensus rakings</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-contact" type="button role=" tab" aria-controls="pills-contact"
                            aria-selected="false">Consensus SOS</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-probability-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-probability" type="button role=" tab"
                            aria-controls="pills-probability" aria-selected="false">Probability</button>
                    </li>
                </ul>
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                        aria-labelledby="pills-home-tab" tabindex="0">
                        <div class="main-items-wrap">
                            <!-- top BAR -->
                            <div class="top_enter">
                                <div class="showing">
                                    <p>Showing 1 to 10 of 356 entries</p>
                                </div>
                                <div class="div">
                                    <div class="selet_show_page">
                                        <p>Entries Per Page:</p>
                                        <select class="form-select">
                                            <option value="5">5</option>
                                            <option value="10" selected>10</option>
                                            <option value="25">25</option>
                                        </select>
                                    </div>
                                    <div class="input_search">
                                        <input type="text" class="form-control" placeholder="Search">
                                        <span>
                                            <i class="fa fa-search"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!-- TABLE -->
                            <table class="table">
                                <thead class="table-bg">
                                    <tr>
                                        <th scope="col"></th>
                                        <th colspan="2">
                                            <div class="head_list head">
                                                <h4>States</h4>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/poll.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th scope="col">
                                        <th>
                                            <div class="head_list">
                                                <img src="assets/images/rpl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/npl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/laxpower.png" alt="img">
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/s3s.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/pwr.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="head_list img-two">
                                                <img src="assets/images/ave.png" alt="img">
                                                <img src="assets/images/Vector.png" alt="img">
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v1.png" alt="img">
                                                <h6>13- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>1.</h3>
                                                <button>Michigan</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>2.20</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v2.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>2.</h3>
                                                <button class="color2">Arizona</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>4.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v3.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>3.</h3>
                                                <button>Purdue</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>5.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v4.png" alt="img">
                                                <h6>12- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>4.</h3>
                                                <button class="color2">Iowa State</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>20</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>9.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v5.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>5.</h3>
                                                <button>Connecticut</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>10.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v6.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>6.</h3>
                                                <button class="color2">Vanderbilt</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>11.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v7.png" alt="img">
                                                <h6>16- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>7.</h3>
                                                <button>Gonzaga</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>8</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>25</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>15.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v8.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>8.</h3>
                                                <button class="color2">BYU</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>10</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>36</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>32</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>17.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v9.png" alt="img">
                                                <h6>9- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>9.</h3>
                                                <button>Illinois</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>19.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v10.png" alt="img">
                                                <h6>10- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>10.</h3>
                                                <button class="color2">Alabama</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>33</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>23</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>20.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- BOTTOM BAR -->
                            <div class="pagination">
                                <button class="btn-pre"><i class="fa-solid fa-angle-left"></i></button>
                                <ul>
                                    <li class="active">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>....</li>
                                    <li>36</li>
                                </ul>
                                <button class="btn-pre"><i class="fa-solid fa-angle-right"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"
                        tabindex="0">
                        <div class="main-items-wrap">
                            <!-- top BAR -->
                            <div class="top_enter">
                                <div class="showing">
                                    <p>Showing 1 to 10 of 356 entries</p>
                                </div>
                                <div class="div">
                                    <div class="selet_show_page">
                                        <p>Entries Per Page:</p>
                                        <select class="form-select">
                                            <option value="5">5</option>
                                            <option value="10" selected>10</option>
                                            <option value="25">25</option>
                                        </select>
                                    </div>
                                    <div class="input_search">
                                        <input type="text" class="form-control" placeholder="Search">
                                        <span>
                                            <i class="fa fa-search"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!-- TABLE -->
                            <table class="table">
                                <thead class="table-bg">
                                    <tr>
                                        <th scope="col"></th>
                                        <th colspan="2">
                                            <div class="head_list head">
                                                <h4>States</h4>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/poll.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th scope="col">
                                        <th>
                                            <div class="head_list">
                                                <img src="assets/images/rpl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/npl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/laxpower.png" alt="img">
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/s3s.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/pwr.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="head_list img-two">
                                                <img src="assets/images/ave.png" alt="img">
                                                <img src="assets/images/Vector.png" alt="img">
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v1.png" alt="img">
                                                <h6>13- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>1.</h3>
                                                <button>Michigan</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>2.20</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v2.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>2.</h3>
                                                <button class="color2">Arizona</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>4.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v3.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>3.</h3>
                                                <button>Purdue</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>5.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v4.png" alt="img">
                                                <h6>12- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>4.</h3>
                                                <button class="color2">Iowa State</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>20</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>9.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v5.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>5.</h3>
                                                <button>Connecticut</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>10.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v6.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>6.</h3>
                                                <button class="color2">Vanderbilt</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>11.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v7.png" alt="img">
                                                <h6>16- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>7.</h3>
                                                <button>Gonzaga</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>8</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>25</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>15.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v8.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>8.</h3>
                                                <button class="color2">BYU</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>10</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>36</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>32</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>17.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v9.png" alt="img">
                                                <h6>9- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>9.</h3>
                                                <button>Illinois</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>19.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v10.png" alt="img">
                                                <h6>10- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>10.</h3>
                                                <button class="color2">Alabama</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>33</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>23</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>20.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- BOTTOM BAR -->
                            <div class="pagination">
                                <button class="btn-pre"><i class="fa-solid fa-angle-left"></i></button>
                                <ul>
                                    <li class="active">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>....</li>
                                    <li>36</li>
                                </ul>
                                <button class="btn-pre"><i class="fa-solid fa-angle-right"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab"
                        tabindex="0">
                        <div class="main-items-wrap">
                            <!-- top BAR -->
                            <div class="top_enter">
                                <div class="showing">
                                    <p>Showing 1 to 10 of 356 entries</p>
                                </div>
                                <div class="div">
                                    <div class="selet_show_page">
                                        <p>Entries Per Page:</p>
                                        <select class="form-select">
                                            <option value="5">5</option>
                                            <option value="10" selected>10</option>
                                            <option value="25">25</option>
                                        </select>
                                    </div>
                                    <div class="input_search">
                                        <input type="text" class="form-control" placeholder="Search">
                                        <span>
                                            <i class="fa fa-search"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!-- TABLE -->
                            <table class="table">
                                <thead class="table-bg">
                                    <tr>
                                        <th scope="col"></th>
                                        <th colspan="2">
                                            <div class="head_list head">
                                                <h4>States</h4>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/poll.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th scope="col">
                                        <th>
                                            <div class="head_list">
                                                <img src="assets/images/rpl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/npl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/laxpower.png" alt="img">
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/s3s.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/pwr.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="head_list img-two">
                                                <img src="assets/images/ave.png" alt="img">
                                                <img src="assets/images/Vector.png" alt="img">
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v1.png" alt="img">
                                                <h6>13- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>1.</h3>
                                                <button>Michigan</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>2.20</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v2.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>2.</h3>
                                                <button class="color2">Arizona</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>4.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v3.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>3.</h3>
                                                <button>Purdue</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>5.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v4.png" alt="img">
                                                <h6>12- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>4.</h3>
                                                <button class="color2">Iowa State</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>20</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>9.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v5.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>5.</h3>
                                                <button>Connecticut</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>10.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v6.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>6.</h3>
                                                <button class="color2">Vanderbilt</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>11.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v7.png" alt="img">
                                                <h6>16- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>7.</h3>
                                                <button>Gonzaga</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>8</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>25</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>15.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v8.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>8.</h3>
                                                <button class="color2">BYU</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>10</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>36</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>32</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>17.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v9.png" alt="img">
                                                <h6>9- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>9.</h3>
                                                <button>Illinois</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>19.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v10.png" alt="img">
                                                <h6>10- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>10.</h3>
                                                <button class="color2">Alabama</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>33</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>23</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>20.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- BOTTOM BAR -->
                            <div class="pagination">
                                <button class="btn-pre"><i class="fa-solid fa-angle-left"></i></button>
                                <ul>
                                    <li class="active">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>....</li>
                                    <li>36</li>
                                </ul>
                                <button class="btn-pre"><i class="fa-solid fa-angle-right"></i></button>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-probability" role="tabpanel"
                        aria-labelledby="pills-probability-tab" tabindex="0">
                        <div class="main-items-wrap">
                            <!-- top BAR -->
                            <div class="top_enter">
                                <div class="showing">
                                    <p>Showing 1 to 10 of 356 entries</p>
                                </div>
                                <div class="div">
                                    <div class="selet_show_page">
                                        <p>Entries Per Page:</p>
                                        <select class="form-select">
                                            <option value="5">5</option>
                                            <option value="10" selected>10</option>
                                            <option value="25">25</option>
                                        </select>
                                    </div>
                                    <div class="input_search">
                                        <input type="text" class="form-control" placeholder="Search">
                                        <span>
                                            <i class="fa fa-search"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!-- TABLE -->
                            <table class="table">
                                <thead class="table-bg">
                                    <tr>
                                        <th scope="col"></th>
                                        <th colspan="2">
                                            <div class="head_list head">
                                                <h4>States</h4>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/poll.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th scope="col">
                                        <th>
                                            <div class="head_list">
                                                <img src="assets/images/rpl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/npl.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/laxpower.png" alt="img">
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/s3s.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th scope="col">
                                            <div class="head_list">
                                                <img src="assets/images/pwr.png" alt="img">
                                                <p>List</p>
                                            </div>
                                        </th>
                                        <th>
                                            <div class="head_list img-two">
                                                <img src="assets/images/ave.png" alt="img">
                                                <img src="assets/images/Vector.png" alt="img">
                                            </div>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v1.png" alt="img">
                                                <h6>13- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>1.</h3>
                                                <button>Michigan</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>2.20</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v2.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>2.</h3>
                                                <button class="color2">Arizona</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>1</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>4.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v3.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>3.</h3>
                                                <button>Purdue</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>5.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v4.png" alt="img">
                                                <h6>12- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>4.</h3>
                                                <button class="color2">Iowa State</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>20</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>9.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v5.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>5.</h3>
                                                <button>Connecticut</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>5</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>13</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>10.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v6.png" alt="img">
                                                <h6>14- 0</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>6.</h3>
                                                <button class="color2">Vanderbilt</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>11</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>2</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>11.60</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v7.png" alt="img">
                                                <h6>16- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>7.</h3>
                                                <button>Gonzaga</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>7</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>8</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>25</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>24</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>15.80</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v8.png" alt="img">
                                                <h6>13- 1</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>8.</h3>
                                                <button class="color2">BYU</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>10</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>4</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>6</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>36</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>9</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>32</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>17.40</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v9.png" alt="img">
                                                <h6>9- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>9.</h3>
                                                <button>Illinois</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>19</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>22</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>16</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>19.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr class="bg-change">
                                        <th class="extra">
                                            <div class="vector">
                                                <img src="assets/images/v10.png" alt="img">
                                                <h6>10- 3</h6>
                                            </div>
                                        </th>
                                        <td colspan="2">
                                            <div class="btn-num">
                                                <h3>10.</h3>
                                                <button class="color2">Alabama</button>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>3</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>15</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>26</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>33</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="num">
                                                <h4>23</h4>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="para">
                                                <p>20.00</p>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- BOTTOM BAR -->
                            <div class="pagination">
                                <button class="btn-pre"><i class="fa-solid fa-angle-left"></i></button>
                                <ul>
                                    <li class="active">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                    <li>....</li>
                                    <li>36</li>
                                </ul>
                                <button class="btn-pre"><i class="fa-solid fa-angle-right"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</main>
<?php include 'includes/footer.php'; ?>