@extends('layouts.data-entry')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">

<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
@endsection
@section('script')
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>

@endsection
@section('content')


<div class="row">
    <div class="col-lg-12">
        <div class="ibox">
            <div class="ibox-head">
                <div class="ibox-title">User Manual</div>

            </div>
            <div class="ibox-body">
                <div class="d-flex justify-content-between ">
                    <div class="p-2 ">
                        <font size="2" color="#e68524"><b>Land</b></font>
                    </div>

                    <div class="p-2 ">
                        <font size="2" color="#e68524"><b>Building</b></font>
                    </div>

                    <div class="p-2 ">
                        <font size="2" color="#e68524"><b>Vehicle</b></font>
                    </div>

                    <div class="p-2 ">
                        <font size="2" color="#e68524"><b>Equipment</b></font>
                    </div>

                    <div class="p-2 ">
                        <font size="2" color="#e68524"><b>Furniture</b></font>
                    </div>

                </div>
                <div class="d-flex justify-content-between ">

                    <div class="p-2 "><i class="fa fa-mountain fa-7x"></i></div>

                    <div class="p-2 "><i class="fa fa-building fa-7x"></i></div>

                    <div class="p-2 "><i class="fa fa-car fa-7x"></i></div>

                    <div class="p-2 "><i class="fa fa-laptop fa-7x"></i></div>

                    <div class="p-2 "><i class="fa fa-chair fa-7x"></i></div>
                </div>
                <div class="d-flex justify-content-between ">

                    <div class="p-2 "><a href=" ../images/Usermanual/Land_User_Manual.pdf " target="_blank">Download & Print</a></div>

                    <div class="p-2 "><a href=" ../images/Usermanual/Building_User_Manual.pdf " target="_blank">Download & Print</a></div>

                    <div class="p-2 "><a href=" ../images/Usermanual/Vehicle_User_Manual.pdf " target="_blank">Download & Print</a></div>

                    <div class="p-2 "><a href=" ../images/Usermanual/Equipment_User_Manual.pdf " target="_blank">Download & Print</a></div>

                    <div class="p-2 "><a href=" ../images/Usermanual/Furniture_User_Manual.pdf " target="_blank">Download & Print</a></div>
                </div>

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




@endsection