@extends('dashboard.layouts.master')

@section('title')
Opet   dashboard
@endsection
<!-- ======= Header ======= -->

<!-- End Header -->
@section('content')
<div class="wrapper">
    @include('dashboard.layouts.nav')
    @include('dashboard.layouts.aside')
   
    <main role="main" class="main-content">
        <div class="row my-4">
            <div class="col-6 col-lg-3">
                <div class="card shadow mb-4" style="height: 120px">
                <div class="card-body">
                    <div class="row">
                        <div class="col-6">
                            <i class="fe fe-info fe-32 text-primary"></i>
                        </div>
                        <div class="col-6">
                            
                            <a href="{{route('about')}}">
                                <h3 class="h3 mb-1">About</h3>
                            </a>
                        </div>
                    </div>
                   
                </div> <!-- .card-body -->
                </div> <!-- .card -->
            </div> <!-- .col-md-->
            <div class="col-6 col-lg-3" >
                <div class="card shadow mb-4" style="height: 120px">
                <div class="card-body">
                    <div class="row">
                        <div class="col-3">
                            <i class="fe fe-help-circle fe-32 text-success"></i>
                        </div>
                        <div class="col-9">
                            
                            <a href="{{route('achievements')}}">
                                <h3 class="h3 mb-1">Our Achievements</h3>
                            </a>
                        </div> 
                    </div>
                    
                   
                </div> <!-- .card-body -->
                </div> <!-- .card -->
            </div> <!-- .col-md-->
            <div class="col-6 col-lg-3">
                <div class="card shadow mb-4" style="height: 120px">
                <div class="card-body">
                    <div class="row">
                        <div class="col-6">
                            <i class="fe fe-globe fe-32 text-warning"></i>
                            
                        </div>
                        <div class="col-6">
                            <a href="{{route('partners')}}">
                                <h3 class="h3  mb-1">Our Partners</h3>
                            </a>
                            
                        </div>
                    </div>
                   
                   
                </div> <!-- .card-body -->
                </div> <!-- .card -->
            </div> <!-- .col-md-->
            <div class="col-6 col-lg-3">
                <div class="card shadow">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-6">
                                <i class="fe fe-alert-triangle fe-32 text-info"></i>
                                
                            </div>
                            <div class="col-6">
                                <a href="{{route('Contuct_index')}}">
                                    <h3 class="h3  mb-1">Countact Us</h3>
                                </a>
                                
                            </div>
                        </div>
                    
                    
                    </div> <!-- .card-body -->
                </div> <!-- .card -->
            </div> <!-- .col-md-->

            <div class="col-6 col-lg-3">
                <div class="card shadow mb-4" style="height: 120px">
                <div class="card-body">
                    <div class="row">
                        <div class="col-6">
                            <i class="fe fe-globe fe-32 text-warning"></i>
                            
                        </div>
                        <div class="col-6">
                            <a href="{{route('services')}}">
                                <h3 class="h3  mb-1">Our Services</h3>
                            </a>
                            
                        </div>
                    </div>
                   
                   
                </div> <!-- .card-body -->
                </div> <!-- .card -->
            </div> 
        </div> <!-- .row -->
    </main>
       <!-- main -->
</div> <!-- .wrapper -->
@endsection