Untitled

<div class="container pt-lg-md" style="background-color: white;padding-bottom: 4rem !important;">

        <div class="row">
            <div class="col-9">

                <div class="wrapper">
                    <section role="main">
                        <div class="page">
                            <h1 class="title"><i class="fas fa-newspaper"></i> NEWS</h1>

                            <div style="overflow: hidden; width: 100%;height: 407px;">
                                <a href=""><img src="https://www.asmonaco.com/wp-content/uploads/2019/01/11012019-fabregas-3711.jpg"
                                        style="width: 100%;" alt="">
                                </a>
                            </div>

                            <table id="tablePreview" class="table table-bordered table-sm table-striped table-hover">
                                <tbody>

                                    <tr>
                                        <td>
                                            <img style="height:26px;width:26px" src="http://icons.iconarchive.com/icons/custom-icon-design/round-world-flags/512/United-kingdom-icon.png"
                                                class="img-fluid rounded-circle">
                                            <a style="" href="" title="">
                                                <p style="display:inline-block; font-size: 20px; font-weight: bold; color: #085F00;">มีจรรยาบรรณ!"น้ามู"ถือหลักไม่วิจารณ์ลูกทีมเก่าหลังลาผีมาแล้ว</p>
                                                <small style="display:inline-block; color: #000;">โจเซ่
                                                    มูรินโญ่อดีตเทรนเนอร์"เดอะ
                                                    เวิร์สต์
                                                    วัน"ของ"ปีศาจแดง"แมนเชสเตอร์
                                                    ยูไนเต็ดประกาศกร้าวไม่คิดวิจารณ์บรรดาลูกทีมเก่าหลังอำลาถิ่นโอลด์
                                                    แทร็ฟฟอร์ดมาแล้ว</small>
                                            </a>
                                        </td>
                                    </tr>
                                    <?php  for($id=1; $id <= 3; $id++) { ?>
                                    <tr>
                                        <td>
                                            <img style="height:26px;width:26px" src="http://icons.iconarchive.com/icons/custom-icon-design/round-world-flags/512/United-kingdom-icon.png"
                                                class="img-fluid rounded-circle ">
                                            <a style="" href="" title=""><small style=" color: #000;">โจเซ่
                                                    มูรินโญ่อดีตเทรนเนอร์"เดอะ เวิร์สต์
                                                    วัน"ของ"ปีศาจแดง"แมนเชสเตอร์
                                                    ยูไนเต็ดประกาศกร้าวไม่คิดวิจารณ์บรรดาลูกทีมเก่าหลังอำลาถิ่นโอลด์
                                                    แทร็ฟฟอร์ดมาแล้ว</small></a>
                                        </td>
                                    </tr>
                                    <?php } ?>
                                </tbody>
                            </table>

                            <?php  for($id=1; $id <= 4; $id++) { ?>
                            <div class="card shadow text-center box_news">
                                <figure class="snip3"><a href=""><img src="https://pbs.twimg.com/media/DwhM6N3V4AA5BUW.jpg"
                                            alt="">
                                        <figcaption>
                                            <h3>ภรรยาบอกสัญญาใหม่"อิคาร์ดี้"ยังอีกไกล-แอบขู่หลายทีมตามจีบ</h3>
                                        </figcaption>
                                    </a><a href="#"></a>
                                </figure>
                            </div>
                            <?php } ?>

                        </div>
                    </section>
                </div>

                <div class="wrapper">
                    <section role="main">
                        <div class="page">
                            <h1 class="title"><i class="fas fa-newspaper"></i> HOT NEWS</h1>

                            <div style="overflow: hidden; width: 100%;height: 407px;">
                                <a href=""><img src="http://postto.me/1x/jb3.jpg" style="width: 100%;" alt="">
                                </a>
                            </div>

                            <table id="tablePreview" class="table table-bordered table-sm table-striped table-success table-hover">
                                <tbody>

                                    <tr>
                                        <td>
                                            <img style="height:26px;width:26px" src="http://icons.iconarchive.com/icons/custom-icon-design/round-world-flags/512/United-kingdom-icon.png"
                                                class="img-fluid rounded-circle">
                                            <a style="" href="" title="">
                                                <p style="display:inline-block; font-size: 20px; font-weight: bold; color: #000;">มีจรรยาบรรณ!"น้ามู"ถือหลักไม่วิจารณ์ลูกทีมเก่าหลังลาผีมาแล้ว</p>
                                            </a>
                                        </td>
                                    </tr>
                                    <?php  for($id=1; $id <= 3; $id++) { ?>
                                    <tr>
                                        <td>
                                            <img style="height:26px;width:26px" src="http://icons.iconarchive.com/icons/custom-icon-design/round-world-flags/512/United-kingdom-icon.png"
                                                class="img-fluid rounded-circle ">
                                            <a style="" href="" title=""><small style=" color: #000;">โจเซ่
                                                    มูรินโญ่อดีตเทรนเนอร์"เดอะ เวิร์สต์
                                                    วัน"ของ"ปีศาจแดง"แมนเชสเตอร์
                                                    ยูไนเต็ดประกาศกร้าวไม่คิดวิจารณ์บรรดาลูกทีมเก่าหลังอำลาถิ่นโอลด์
                                                    แทร็ฟฟอร์ดมาแล้ว</small></a>
                                        </td>
                                    </tr>
                                    <?php } ?>
                                </tbody>
                            </table>

                            <?php  for($id=1; $id <= 3; $id++) { ?>
                            <div class="card shadow text-center box_news_mini">
                                <figure class="snip2"><a href=""><img src="http://postto.me/1x/lk6.jpg" alt="">
                                        <figcaption>
                                            <h3>ภรรยาบอกสัญญาใหม่"อิคาร์ดี้"ยังอีกไกล-แอบขู่หลายทีมตามจีบ</h3>
                                        </figcaption>
                                    </a><a href="#"></a>
                                </figure>
                            </div>
                            <?php } ?>
                        </div>
                    </section>
                </div>

            </div>
            <div class="col-3">
                <img src="https://www.lenraidee.com/img/banner.gif" class="img-fluid shadow" style="margin-top: 30px;"
                    alt="Lenraidee :: เล่นไรดี?">
                <a href="https://line.me/R/ti/p/%40lenraidee" target="_blank"><img style="margin-top: 20px;" class="img-fluid"
                        src="https://www.lenraidee.com/img/@lenraidee.gif" alt="เล่นไรดี lineat @line"></a>
                <div class="card shadow-sm">
                    <div class="card-body">
                        <h5 class="card-title">สมาชิกใหม่เร็วๆนี้</h5>
                        <ul class="list-group">
                            <marquee direction="up" style="height: 200px;" scrollamount="3">
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Num3655">Num3655</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Keem">Keem</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Marquez">Marquez</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Joy">Joy</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Tum IS">Tum IS</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/Modza2537">Modza2537</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/ดดด">ดดด</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/AA9789365">AA9789365</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/profile.jpg"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/มือใหม่01">มือใหม่01</a></li>
                                <li class="list-group-item border-0" style="padding: 5px;"><img src="https://www.lenraidee.com/profile_img/1179541975.png"
                                        style="height: 40px;transform:  translateY(-3px) ;" class="img-fluid rounded-circle"
                                        alt=""> <a href="/profile/jakphet305">jakphet305</a></li>
                            </marquee>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>