@extends('panel.layouts.app')

@push("head")

        <link rel="stylesheet" href="{{asset('css/custom_css_defined.css')}}">

    <style>

        .card{
            margin: 20px;

        }


    </style>

@endpush

@section('body')

    <div class="row col-lg-12">

        <div  class=" card col-lg-4">

            <div class="card-header  ">
                <h4 class="card-title">Hood Check</h4>
            </div>

            <div class="card-body">

                <div  class="widget-media">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox1" required="">
                                    <label class="custom-control-label" for="customCheckBox1"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox2" required="">
                                    <label class="custom-control-label" for="customCheckBox2"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-primary check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox3" required="">
                                    <label class="custom-control-label" for="customCheckBox3"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Don't give up the fight.</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-info check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox4" required="">
                                    <label class="custom-control-label" for="customCheckBox4"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Do something else</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox5" required="">
                                    <label class="custom-control-label" for="customCheckBox5"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox6" required="">
                                    <label class="custom-control-label" for="customCheckBox6"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div  class=" card col-lg-4">

            <div class="card-header  ">
                <h4 class="card-title">Hood Check</h4>
            </div>

            <div class="card-body">

                <div  class="widget-media">
                    <ul class="timeline">

                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox1" required="">
                                    <label class="custom-control-label" for="customCheckBox1"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox2" required="">
                                    <label class="custom-control-label" for="customCheckBox2"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-primary check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox3" required="">
                                    <label class="custom-control-label" for="customCheckBox3"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Don't give up the fight.</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-info check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox4" required="">
                                    <label class="custom-control-label" for="customCheckBox4"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Do something else</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox5" required="">
                                    <label class="custom-control-label" for="customCheckBox5"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox6" required="">
                                    <label class="custom-control-label" for="customCheckBox6"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox1" required="">
                                    <label class="custom-control-label" for="customCheckBox1"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox2" required="">
                                    <label class="custom-control-label" for="customCheckBox2"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-primary check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox3" required="">
                                    <label class="custom-control-label" for="customCheckBox3"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Don't give up the fight.</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-info check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox4" required="">
                                    <label class="custom-control-label" for="customCheckBox4"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Do something else</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox5" required="">
                                    <label class="custom-control-label" for="customCheckBox5"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox6" required="">
                                    <label class="custom-control-label" for="customCheckBox6"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>

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

        </div>

        <div  class=" card col-lg-4">

            <div class="card-header  ">
                <h4 class="card-title">Hood Check</h4>
            </div>

            <div class="card-body">

                <div  class="widget-media">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox1" required="">
                                    <label class="custom-control-label" for="customCheckBox1"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox2" required="">
                                    <label class="custom-control-label" for="customCheckBox2"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-primary check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox3" required="">
                                    <label class="custom-control-label" for="customCheckBox3"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Don't give up the fight.</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-info check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox4" required="">
                                    <label class="custom-control-label" for="customCheckBox4"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Do something else</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-success check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox5" required="">
                                    <label class="custom-control-label" for="customCheckBox5"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Get up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="timeline-panel">
                                <div class="custom-control custom-checkbox checkbox-warning check-lg mr-3">
                                    <input type="checkbox" class="custom-control-input" id="customCheckBox6" required="">
                                    <label class="custom-control-label" for="customCheckBox6"></label>
                                </div>
                                <div class="media-body">
                                    <h5 class="mb-0">Stand up</h5>
                                    <small class="text-muted">29 July 2020 - 02:26 PM</small>
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

    </div>


@endsection