Turnover

 <div class="container mt-3">
     <div class="row">

         <div class="col-md-3">
             <div class="row">
                 <div class="card shadow col-md-12 bg-info">
                     <div class="card-body p-1 text-center">
                         <h5 class="m-1 font-weight-bold text-light mainfont">เทิร์นโอเว่อร์เมื่อวาน</h5>
                     </div>
                 </div>
                 <div class="card shadow col-md-12 col-xs-6 col-sm-6 col-6">
                     <div class="card-body p-1">
                         <div class="row">
                             <div class="col-md-5 col-xs-12 col-sm-12 ggt_r"> <span
                                     class="badge badge-success pb-0 mb-0 w-tu">
                                     <h6 style=" top: 1px; position: relative; ">UFABET</h6>
                                 </span></div>
                             <div class="col-md-7 col-xs-12 col-sm-12 ggt_l"><small>Turnover :</small> <span
                                     class="font-weight-bold">300</span></div>
                         </div>
                     </div>
                 </div>
                 <div class="card shadow col-md-12 col-xs-6 col-sm-6 col-6">
                     <div class="card-body p-1">
                         <div class="row">
                             <div class="col-md-5 col-xs-12 col-sm-12 ggt_r"> <span
                                     class="badge badge-primary pb-0 mb-0 w-tu">
                                     <h6 style=" top: 1px; position: relative; ">Joker</h6>
                                 </span></div>
                             <div class="col-md-7 col-xs-12 col-sm-12 ggt_l"><small>Turnover :</small> <span
                                     class="font-weight-bold">300</span></div>
                         </div>
                     </div>
                 </div>
                 <div class="card shadow col-md-12 col-xs-12 col-sm-12 col-12">
                     <div class="card-body p-1">
                         <div class="row">
                             <div class="col-5 text-right"> <span class="badge badge-danger pb-0 mb-0 w-tu">
                                     <h6 style=" top: 1px; position: relative; ">รวม : </h6>
                                 </span></div>
                             <div class="col-7"><small>Turnover :</small> <span class="font-weight-bold">300</span>
                             </div>
                         </div>
                     </div>
                 </div>
                 <div class="card shadow col-md-12 col-xs-12 col-sm-12 col-12 bg-dark">
                     <div class="card-body p-1">
                         <div class="row">
                             <div class="col-12 text-center"> <span style=" margin-left: -50px; "
                                     class="badge badge-warning pb-0 mb-0">
                                     <h6 style=" top: 1px; position: relative; ">ลูกหิมะของฉัน : </h6>
                                 </span>
                                 <small> <img src="https://www.ufacash.com/member/assets/media/snowball.png"
                                         style="width: 25px; top: -3px; position: relative;" alt=""> </small> <span
                                     class="font-weight-bold text-light" style="position: relative; top: 2px;">25</span>
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
         </div>

         <div class="col-md-5 boxwheel">
             <div class="text-center">
                 <div class="row">
                     <div class="wheelContainer">
                         <svg class="wheelSVG" version="1.1" xmlns="http://www.w3.org/2000/svg"
                             xmlns:xlink="http://www.w3.org/1999/xlink" text-rendering="optimizeSpeed">
                             <defs>
                                 <filter id="shadow" x="-100%" y="-100%" width="550%" height="550%">
                                     <feOffset in="SourceAlpha" dx="0" dy="0" result="offsetOut">
                                     </feOffset>
                                     <feGaussianBlur stdDeviation="9" in="offsetOut" result="drop" />
                                     <feColorMatrix in="drop" result="color-out" type="matrix" values="0 0 0 0   0
                                                                  0 0 0 0   0
                                                                  0 0 0 0   0
                                                                  0 0 0 .3 0" />
                                     <feBlend in="SourceGraphic" in2="color-out" mode="normal" />
                                 </filter>
                             </defs>
                             <g class="mainContainer">
                                 <g class="wheel">

                                 </g>
                             </g>
                             <g class="centerCircle" />
                             <g class="wheelOutline" />
                             <g class="pegContainer" opacity="1">
                                 <path class="peg" fill="#EEEEEE"
                                     d="M22.139,0C5.623,0-1.523,15.572,0.269,27.037c3.392,21.707,21.87,42.232,21.87,42.232 s18.478-20.525,21.87-42.232C45.801,15.572,38.623,0,22.139,0z" />
                             </g>
                             <g class="valueContainer" />
                             <g class="centerCircleImageContainer" />
                         </svg>
                         <div class="toast">
                             <p />
                         </div>
                     </div>
                 </div>

                 <div class="row">
                     <div class="mt-3 w-100" style=" position: absolute; bottom: 0; ">
                         <button class="spinBtn button btn-3d mainfont">หมุน !</button>
                     </div>
                 </div>
             </div>
         </div>
         <div class="col-md-4 mt-3">
             <img src="assets/images/gift-card.png" class="gift-card" alt="">
             <div class="card shadow mt-3 z-top-1">
                 <div class="card-body bg-danger">
                     <h4 class="card-title text-center mb-0 text-light font-weight-bold mainfont"> <i
                             class="fas fa-gift"></i> รางวัลในแต่ละวัน </h4>
                 </div>
                 <table class="table table-hover mb-0">
                     <tbody>
                         <tr>
                             <td style="width: 15px;">
                                 <img src="assets/images/g1.png" alt="" style="
                                                                width: 30px;
                                                            ">
                             </td>
                             <td class="ggt_r text-primary font-weight-bold txtgift"> เงินรางวัล 5,000
                                 บาท
                             </td>
                             <td class="text-primary font-weight-bold text_free">1 รางวัล</td>
                         </tr>
                         <tr>
                             <td style="width: 15px;">
                                 <img src="assets/images/g2.png" alt="" style="
                                                                width: 30px;
                                                            ">
                             </td>
                             <td class="ggt_r text-success font-weight-bold">เงินรางวัล 3,000 บาท
                             </td>
                             <td class="text-success font-weight-bold">2 รางวัล</td>
                         </tr>
                         <tr>
                             <td style="width: 15px;">
                                 <img src="assets/images/g3.png" alt="" style="
                                                                width: 30px;
                                                            ">
                             </td>
                             <td class="ggt_r text-danger font-weight-bold">เงินรางวัล 1,000 บาท
                             </td>
                             <td class="text-danger font-weight-bold">5 รางวัล</td>
                         </tr>
                         <tr>
                             <td style="width: 15px;">
                                 <img src="assets/images/g4.png" alt="" style="
                                                                width: 30px;
                                                            ">
                             </td>
                             <td class="ggt_r text-info font-weight-bold">เงินรางวัล 100 บาท</td>
                             <td class="text-info font-weight-bold">40 รางวัล</td>
                         </tr>
                         <tr class="table-secondary">
                             <td colspan="3" class="text-center">
                                 <span style="white-space: normal !important" class="badge badge-danger">
                                     ลูกหิมะ ไม่จำกัดรางวัล (ครบ 10 ลูกสามารถนำมาแลกเป็นเครดิตได้ 500 บาท
                                     ถอนได้เลย)
                                 </span>
                                 <br>
                                 <small>* หมายเหตุ * เท่ากับว่าแจกวันละ 20,000 บาท
                                     (รางวัลรีเซ็ตใหม่ทุกวัน
                                     คนได้แล้วก็มีสิทธิ์หมุนได้อีก)</small>
                             </td>
                         </tr>
                     </tbody>
                 </table>
             </div>
         </div>
     </div>
 </div>