@push('styles')
@vite('resources/css/plugins/shshaw/flipster.css')
@endpush
<div class="section_inner" id="ourteam" >
    <div class="container-fluid mt-0" >
        <div class="row">
            <div class="col-12 d-flex justify-content-center">
                <div class="vl">
                    <h1 class="name super-h1">
                        OUR TEAM
                    </h1>
                    <h3 class="dgizmo-text-color">ADVISORY BOARD & FOUNDERS</h3>
                </div>
            </div>
            <div class="col-12 mt-5">
                <div class="flipster flipchar">
                    <ul class="flip-items">
                        <li>
                            <img src="{{Vite::asset('resources/images/dgizmo/ourteam/Aj.wirawan.png')}}">
                            <div class="flip-below">
                                <h1 class="dgizmo-text-color text-center flip-text-header">01</h1>
                                <h3 class="text-center">Wilawan Inchamnan</h3>
                                <p class="dgizmo-text-color text-center flip-expert-text-header">Expertise in:</p>
                                <p class="text-center flip-expert-text">Game Design</p>
                                <p class="text-center flip-expert-text">Gamification Solution</p>
                                <p class="text-center flip-expert-text">UX/UI Design</p>
                                <p class="text-center flip-expert-text">Digital Transformation</p>
                            </div>
                        </li>
                        <li>
                            <img src="{{Vite::asset('resources/images/dgizmo/ourteam/Aj.karuna small.png')}}">
                            <div class="flip-below">
                                <h1 class="dgizmo-text-color text-center flip-text-header">02</h1>
                                <h3 class="text-center">Karuna Yampray</h3>
                                <p class="dgizmo-text-color text-center flip-expert-text-header">Expertise in:</p>
                                <p class="text-center flip-expert-text">Creative Design</p>
                                <p class="text-center flip-expert-text">Service Innovation Design</p>
                                <p class="text-center flip-expert-text">Innovation Management</p>
                                <p class="text-center flip-expert-text">Digital Transformation</p>
                            </div>
                         </li>
                        <li>
                            <img src="{{Vite::asset('resources/images/dgizmo/ourteam/Aj.mhee small.png')}}">
                            <div class="flip-below">
                                <h1 class="dgizmo-text-color text-center flip-text-header">03</h1>
                                <h3 class="text-center">Waraporn Jirapanthong</h3>
                                <p class="dgizmo-text-color text-center flip-expert-text-header">Expertise in:</p>
                                <p class="text-center flip-expert-text">System Analysis</p>
                                <p class="text-center flip-expert-text">Agile Technology</p>
                                <p class="text-center flip-expert-text">Software Engineering</p>
                                <p class="text-center flip-expert-text">Project Management</p>
                            </div>
                        </li>
                        <li>
                            <img src="{{Vite::asset('resources/images/dgizmo/ourteam/Aj.banpon.png')}}">
                            <div class="flip-below">
                                <h1 class="dgizmo-text-color text-center flip-text-header">04</h1>
                                <h3 class="text-center">Banyapon Polsawas</h3>
                                <p class="dgizmo-text-color text-center flip-expert-text-header">Expertise in:</p>
                                <p class="text-center flip-expert-text">Scrum and Agile</p>
                                <p class="text-center flip-expert-text">Business Developement</p>
                                <p class="text-center flip-expert-text">Innovation Design</p>
                                <p class="text-center flip-expert-text">Full Stack Developer</p>
                            </div>
                        </li>
                        <li>
                            <img src="{{Vite::asset('resources/images/dgizmo/ourteam/Aj.winyu small.jpg')}}">
                            <div class="flip-below">
                                <h1 class="dgizmo-text-color text-center flip-text-header">05</h1>
                                <h3 class="text-center">Winyu Niranatlamphong</h3>
                                <p class="dgizmo-text-color text-center flip-expert-text-header">Expertise in:</p>
                                <p class="text-center flip-expert-text">Operation Process</p>
                                <p class="text-center flip-expert-text">Web Application</p>
                                <p class="text-center flip-expert-text">Business Cooperation</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

@push('scripts')
@vite('resources/js/plugins/shshaw/flipster.js')
@endpush