@extends('user/layouts/main')
@section('title')
    ข่าวสาร |
@endsection
@section('container')
    <div id="about" class="cards-2">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="text-container">
                        <strong class="text-center">
                            <h2><u>บริษัท ยูพีพี อัลทิเมท แพคกิ้ง จำกัด</u></h2>
                            <h2><u>ข่าวสาร</u></h2>
                        </strong>
                        <hr />
                    </div>
                    <!-- end of text-container -->
                </div>
            </div>
            <!-- end of row -->
            <!-- end of row -->
            <div class="row">
                <div class="col-lg-12">

                    <!-- Card -->
                    <div class="card" style="width: 100%;">

                        <div class="card-body">
                            @foreach ($new as $key => $news)
                                <img src="{{ asset('' . $news['news_img'] . '') }}" class="img-fluid">
                                <p class="testimonial-text">
                                    <u>
                                        <h3>{{ $news['news_toppics'] }}</h3>
                                    </u>
                                </p>
                                <br/>
                                <p class="testimonial-text h5 text-dark" style="text-align: left !important;">
                                    {{ $news['news_bodys'] }}
                                </p>
                            @endforeach
                        </div>
                        <div class="gradient-floor red-to-blue"></div>
                    </div>
                    <!-- end of card -->

                </div>

                <!-- end of row -->
            </div>
            <!-- end of container -->
        </div>
        <!-- end of form-1 -->
    </div>
@endsection
