@extends('frontend.mainlayout')
@section('title', 'Best Practice - RERF Group of Institutions')
@section('banner')
    <section class="color-1 background-10 font-1 py-6 fw-400">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="fs--1 font-1 mb-2">
                        <a class="mr-2" href="/home">Home</a><span class="fa fa-angle-double-right color-6 "></span>
                        <a class="mx-2">Best Practice</a>
                    </div>
                    <h1 class="fs-3 fs-sm-4 fw-400">Best Practice</h1>
                    {{-- <p class="lead color-4">Anything u wanna add..</p> --}}
                </div>
            </div>
            <!--/.row-->
        </div>
        <!--/.container-->
    </section>
@endsection
@section('main')
    <section class="py-5">
        <div class="container">
            {{-- <div class="row border-color-8  align-items-center font-1">
                <div class="col">
                    <div class="flexslider flexslider-simple">
                        <ul class="slides">
                            <li>
                                <section class="color-white pt-9">
                                    <div class="background-holder ">
                                        <img class="radius-primary" src="/frontend/assets/images/scholarship-cell-4.png">
                                    </div>
                                    
                                </section>
                            </li>

                        </ul>
                    </div>
                </div>
            </div> --}}
            {{-- <div class="row  font-1">
                <div class="col">
                    <p class="fs-1 text-justify mb-4">
                       mundu
                    </p>
                </div>
            </div> --}}
            <div class="row align-items-center font-1">
                <div class="col">
                    <h5 class="mb-3">— Best Practice 1</h5>
                </div>
            </div>
            <div class="row  font-1">
                <div class="col">
                    <ul class="no-style">
                        <li><a href="/uploads/best-practice/best practices-1.pdf" target="_blank">View / Download</a></li>
                    </ul>
                </div>
            </div>
            <div class="row align-items-center font-1 pt-5">
                <div class="col">
                    <h5 class="mb-3">— Best Practice 2</h5>
                </div>
            </div>
            <div class="row  font-1">
                <div class="col">
                    <ul class="no-style">
                        <li><a href="/uploads/best-practice/best practices-2.pdf" target="_blank">View / Download</a></li>
                    </ul>
                </div>
            </div>
            <div class="row align-items-center font-1 pt-5">
                <div class="col">
                    <h5 class="mb-3">— Summary</h5>
                </div>
            </div>
            <div class="row  font-1">
                <div class="col">
                    <ul class="no-style">
                        <li><a href="/uploads/best-practice/summary_best_practice.pdf" target="_blank">View / Download</a></li>
                    </ul>
                </div>
            </div>
            <div class="row font-1">
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">

                    {{-- @foreach ($items as $item)
                        <ul>
                            <li>
                                <h6 class="font-1 mb-0 fs-0 color-black fw-400">
                                    <a href="{{ $item->path }}" target="_blank" style="color: #007AFF;"
                                        download>{{ $item->name }} </a>
                                </h6>
                                <hr class="color-9">
                            </li>
                        </ul>
                    @endforeach --}}
                </div>
            </div>
        </div>
    </section>
@endsection