<div>
    <div class="row">
        <div class="col-md-12"><br>
            <h1 style="color:#fff;text-align:center;font-size: 42px;text-shadow: 2px 2px 2px #888888;">INSTRUCTIVOS DE TRABAJO</h1><br>
        </div>
        <div class="col-md-12">
            <input wire:model="search" class="form-control" type="search" placeholder="Buscar">
        </div>
    </div>
    <br>
    <div class="row">
        <div class="col-md-12">
            @foreach ($rankings as $value)
                <div class="card">
                    <div class="card-header">
                        <h3 align="center">{{ $value->titulo }}</h3>
                    </div>
                    <div class="card-body">
                    <?= $value->ranking ?>
                    </div>
                </div><br>
            @endforeach
        </div>
        <div class="col-md-12">
            {{ $rankings->links() }}
        </div>
    </div>
</div>