@extends('front')
@section('content')
<section class="schemes-bg-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="table-responsive">
                    <table class="table tg">
                        <tbody>
                            <tr>
                                <th class="tg-yw4l">
                                    <center>DERBY GOLD, DERBY SILVER, DERBY PLATINUM,<br> DERBY MERCURY, DERBY SODIUM, DERBY COPPER,<br> DERBY KING, DERBY QUEEN, DERBY MASTER</center>
                                </th>
                                <th class="tg-yw4l">
                                    <center>PRIZE</center>
                                </th>
                                <th class="tg-yw4l">
                                    <center>STOCKIST</center>
                                </th>
                                <th class="tg-yw4l">
                                    <center>RATE</center>
                                </th>
                            </tr>
                            <tr>
                                <td class="tg-eklo" colspan="4"><span style="font-weight:bold">3 DIGIT</span></td>
                            </tr>
                            <tr>
                                <td class="tg-yw4l">FIRST</td>
                                <td class="tg-qjv7">
                                    <h4>27000</h4>
                                </td>
                                <td class="tg-2ktp">
                                    <center>XXX</center>
                                </td>
                                <td class="tg-qjv7">60</td>
                            </tr>
                            <tr>
                                <td class="tg-yw4l">SECOND</td>
                                <td class="tg-6k2t">
                                    <h4>1000</h4>
                                </td>
                                <td class="tg-yw4l">
                                    <center>XX</center>
                                </td>
                                <td class="tg-6k2t"></td>
                            </tr>
                            <tr>
                                <td class="tg-yw4l">THIRD</td>
                                <td class="tg-6k2t">
                                    <h4>100</h4>
                                </td>
                                <td class="tg-yw4l">
                                    <center>X</center>
                                </td>
                                <td class="tg-6k2t"></td>
                            </tr>
                            <tr>
                                <td class="tg-qsvf" colspan="4"><span style="font-weight:bold">2 DIGIT</span></td>
                            </tr>
                            <tr>
                                <td class="tg-yw4l">AB,BC,AC</td>
                                <td class="tg-qjv7">
                                    <h4>1000</h4>
                                </td>
                                <td class="tg-2ktp"></td>
                                <td class="tg-qjv7">12</td>
                            </tr>
                            <tr>
                                <td class="tg-eklo" colspan="4"><span style="font-weight:bold">SINGLE DIGIT</span></td>
                            </tr>
                            <tr>
                                <td class="tg-yw4l">A,B,C</td>
                                <td class="tg-qjv7">
                                    <h4>100</h4>
                                </td>
                                <td class="tg-2ktp"></td>
                                <td class="tg-qjv7">12</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <tr>
                    
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            

    </div>
</section>

<footer id="footer" class="footer solid-bg empty-footer">
    <div id="bottom-bar" class="full-width-line logo-left" role="contentinfo">
        <div class="wf-wrap">
            <div class="wf-container-bottom">
            </div>
        </div>
    </div>
</footer>


<a id="button" class="hvr-float-shadow" href=""><i class="fas fa-arrow-up"></i></i></a>

  
@endsection
@section('js')
<script>
var btn = $('#button');
		$(window).scroll(function() {
			if ($(window).scrollTop() > 300) {
				btn.addClass('show');
			} else {
				btn.removeClass('show');
			}
		}); 
</script>
@endsection