@extends('frontend.layouts-user.app')
@section('title')@endsection
@section('content')
<!--Main container start -->
<main class="ttr-wrapper">
    <div class="container-fluid">
        <div class="db-breadcrumb">
            <h4 class="breadcrumb-title">Resources
            </h4>
            <ul class="db-breadcrumb-list">
                <li><a href="#"><i class="fa fa-home"></i>Home</a></li>
                <li> Resources
                </li>
            </ul>
        </div>
        <!-- Card -->


        <!-- Card END -->
        <div class="row">
            <!-- Your Profile Views Chart -->

            <div class="col-lg-6 m-b30">
                <div class="widget-box1">
                    <div class="wc-title">
                        <h4> Resources</h4>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 m-b30 text-right">
                <div class="widget-box1">
                    <div class="wc-title">
                        <div class="dropdown">
                            <a class="btn btn-secondary dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
                                Filter
                            </a>

                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="#">Class 10</a>
                                <a class="dropdown-item" href="#">Class 12</a>
                                <a class="dropdown-item" href="#">Mathematics </a>
                                <a class="dropdown-item" href="#">Science </a>
                                <a class="dropdown-item" href="#">Social Science </a>

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

        <!-- Card END -->
        <div class="row">
            <!-- Your Profile Views Chart -->

            <div class="col-lg-12 m-b30">
                <div class="widget-box">
                    <div class="wc-title">
                        <h4> Article</h4>
                    </div>
                    <div class="widget-inner">
                        <div class="col-lg-12 m-b30">
                            <div class="row">
                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="assets/images/file-sample.pdf"
                                                    width="100%"
                                                    height="200px">
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="assets/images/file-sample.pdf"
                                                    width="100%"
                                                    height="200px">
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="assets/images/file-sample.pdf"
                                                    width="100%"
                                                    height="200px">
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>


                                <div class="col-lg-12 text-center">
                                    <div class="mt-5">
                                        <a href="#" class="btn-one">Load More</a>
                                    </div>
                                </div>
                            </div>
                        </div>

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

        <!-- Card END -->
        <div class="row">
            <!-- Your Profile Views Chart -->

            <div class="col-lg-12 m-b30">
                <div class="widget-box">
                    <div class="wc-title">
                        <h4> Blogs</h4>
                    </div>
                    <div class="widget-inner">
                        <div class="col-lg-12 m-b30">
                            <div class="row">

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <img src="assets/images/test-paper.jpg" alt="" style="width:400px;height:200px;object-fit:cover">
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <img src="assets/images/test-paper.jpg" alt="" style="width:400px;height:200px;object-fit:cover">
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <img src="assets/images/test-paper.jpg" alt="" style="width:400px;height:200px;object-fit:cover">
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>


                                <div class="col-lg-12 text-center">
                                    <div class="mt-5">
                                        <a href="#" class="btn-one">Load More</a>
                                    </div>
                                </div>




                            </div>
                        </div>

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

        <!-- Card END -->
        <div class="row">
            <!-- Your Profile Views Chart -->

            <div class="col-lg-12 m-b30">
                <div class="widget-box">
                    <div class="wc-title">
                        <h4> Video</h4>
                    </div>
                    <div class="widget-inner">
                        <div class="col-lg-12 m-b30">
                            <div class="row">

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="https://www.youtube.com/embed/5SpULGZGbVw?si=mtfCma7edmwxyVOH"
                                                    title="YouTube video"
                                                    frameborder="0"
                                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" width="100%" height="200px"
                                                    allowfullscreen>
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="https://www.youtube.com/embed/5SpULGZGbVw?si=mtfCma7edmwxyVOH"
                                                    title="YouTube video"
                                                    frameborder="0"
                                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" width="100%" height="200px"
                                                    allowfullscreen>
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-lg-4 col-md-4">
                                    <div class="card-courses-list">
                                        <div class="card-courses-full-dec">

                                            <div class="card-courses-list-bx">
                                                <iframe
                                                    src="https://www.youtube.com/embed/5SpULGZGbVw?si=mtfCma7edmwxyVOH"
                                                    title="YouTube video"
                                                    frameborder="0"
                                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" width="100%" height="200px"
                                                    allowfullscreen>
                                                </iframe>
                                                <ul class="card-courses-view">

                                                    <li class="card-courses-categories">
                                                        <h4>By : Admin</h4>

                                                    </li>
                                                    <li class="card-courses-categories">

                                                        <h4>Date: 10/12/2026</h4>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row card-courses-dec">
                                                <div class="col-md-12">
                                                    <h6 class="m-b10">Lorem ipsum dolor sit amet, est ei idque</h6>
                                                    <p>Lorem ipsum dolor sit amet, est ei idque voluptua copiosae, pro detracto disputando reformidans at, ex vel suas eripuit. </p>
                                                </div>
                                                <div class="col-md-12 text-center">
                                                    <a href="resources-details.php" class="btn">Read More</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>


                                <div class="col-lg-12 text-center">
                                    <div class="mt-5">
                                        <a href="#" class="btn-one">Load More</a>
                                    </div>
                                </div>


                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

@endsection