Edu Force Feature Grid - Copy this Html, Tailwind Component to your project
<div class="flex flex row space y 6 justify center relative"> <div class="flex 2 mr 38"> <img src="{{asset('images/omn1/eduforce/Group.png')}}" alt=""> <h1 class="font medium leading tight text 6xl text custom blue mt 10 uppercase"> Giá trị </h1> <h2 class="font bold leading 47 text 4xl text custom blue text left pl 0.5 uppercase"> EduForce </h2> </div> <div class="absolute left custom line transform translate x 1/2 top 230 bottom 5 w 0.5 bg custom blue opacity 70"></div> <div class=""> <div class="grid grid cols 2 gap 6 pl 16"> <! Item 1 > <div class="bg gradient to t from gradient blue t to gradient blue b rounded item w 335 h 364 p 8 shadow md mr 10 mb 10"> <div class="bg white rounded [calc(2.75rem 0px)] m custom 27 p 42"> <img src="{{asset('images/omn1/eduforce/Tuyensinh.png')}}" alt="Image 1" class="mx auto mb 2"> <h3 class="text lg text custom blue font bold text center mb 2"> Nâng cao hiệu quả <br>tuyển sinh </h3> <p class="text base text custom black text center opacity 80 leading 25 p 1"> Tìm kiếm và thu hút những ứng viên phù hợp, tăng cường hiệu suất tuyển sinh thông qua quy trình tối ưu và hiệu quả. </p> </div> </div> <! Item 2 > <div class="bg gradient to t from gradient lightblue b to gradient lightblue b rounded item w 335 h 364 p 8 shadow md mr 10 mb 10"> <div class="bg white rounded [calc(2.75rem 0px)] m custom 27 p 40"> <img src="{{asset('images/omn1/eduforce/Trainghiem.png')}}" alt="Image 1" class="mx auto mb 2"> <h3 class="text lg text custom blue font bold text center mb 2"> Tự động hoá và cá nhân hoá <br>trải nghiệm </h3> <p class="text base text custom black text center opacity 80 leading 25 p 1"> Mang đến trải nghiệm cá nhân hóa cho phụ huynh và sinh viên trong suốt vòng đời từ tuyển sinh đến tốt nghiệp. </p> </div> </div> <! Item 3 > <div class="bg gradient to t from gradient orange t to gradient orange b rounded item w 335 h 364 p 8 shadow md mr 10 mb 10"> <div class="bg white rounded [calc(2.75rem 0px)] m custom 27 p 57"> <img src="{{asset('images/omn1/eduforce/Giaiphap.png')}}" alt="Image 1" class="mx auto mb 2"> <h3 class="text lg text custom blue font bold text center mb 2"> Giải pháp <br>toàn diện </h3> <p class="text base text custom black text center opacity 80 leading 25 p 1"> Cung cấp đầy đủ công cụ để nhà trường quản lý mọi hoạt động học thuật và vận hành. </p> </div> </div> <! Item 4 > <div class="bg gradient to t from gradient purple t to gradient purple b rounded item w 335 h 364 p 8 shadow md mr 10 mb 10"> <div class="bg white rounded [calc(2.75rem 0px)] m custom 27 p custom 25"> <img src="{{asset('images/omn1/eduforce/AI.png')}}" alt="Image 1" class="mx auto mb 2"> <h3 class="text lg text custom blue font bold text center mb 2"> Hỗ trợ mạnh mẽ <br>từ AI </h3> <p class="text base text custom black text center opacity 80 leading 25 p 1"> Với EduForce, các trường học có thể sử dụng AI để cải thiện tuyển sinh, quản lý học tập và cung cấp trải nghiệm tốt nhất cho mọi đối tượng liên quan trong hệ sinh thái giáo dục. </p> </div> </div> </div> </div> </div> responsive tablet and mobile (max width: 849px)
