@extends('layouts.master')

@section('css')

@endsection

@section('breadcrumb')
<div class="col-sm-6">
    <h4 class="page-title">Directory</h4>
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="javascript:void(0);">Veltrix</a></li>
        <li class="breadcrumb-item"><a href="javascript:void(0);">Extra Pages</a></li>
        <li class="breadcrumb-item active">Directory</li>
    </ol>
</div>
@endsection

@section('content')
                   <div class="row">
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-2.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Jerome A. Hebert</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Jerome@veltrix.com</p>
                                        <div class="clearfix"></div>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-3.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Adam V. Acker</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Adam@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-4.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Stanley M. Dyke</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Stanley@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-5.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Ben J. Mathison</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Ben@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-6.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">John V. Bailey</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">John@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-7.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Antonio J. Thomas</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Antonio@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-8.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Jerome A. Hebert</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Jerome@veltrix.com</p>
                                        <div class="clearfix"></div>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-9.jpg') }}" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Adam V. Acker</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Adam@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                    
                                </div>
                            </div>
                            <!-- end col -->
                            <div class="col-xl-4 col-md-6">
                                <div class="card directory-card">
                                    <div class="card-body">
                                        <div class="float-left mr-4">
                                            <img src="{{ URL::asset('assets/images/users/user-10.jp') }}g" alt="" class="img-fluid img-thumbnail rounded-circle thumb-lg">
                                        </div>
                                        <ul class="list-unstyled social-links float-right">
                                            <li><a href="#" class="btn-primary"><i class="mdi mdi-facebook"></i></a></li>
                                            <li><a href="#" class="btn-info"><i class="mdi mdi-twitter"></i></a></li>
                                        </ul>
                                        <h5 class="text-primary font-18 mt-0 mb-1">Stanley M. Dyke</h5>
                                        <p class="font-12 mb-2">Creative Director</p>
                                        <p class="mb-4">Stanley@veltrix.com</p>
                                        <hr>
                                        <p class="mb-0"><b>Intro : </b>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis atque corrupti quos dolores et... <a href="#" class="text-primary"> Read More</a></p>
                                    </div>
                                </div>
                            </div>
                            <!-- end col -->
                        </div>
                        <!-- end row -->        
@endsection

@section('script')
@endsection