@extends('backend.layouts.app')

@section('title', 'Home')
@section('page-title', 'Home')
@section('page-breadcrumb', 'Home')


@section('content')

<style type="text/css">
img {
	vertical-align: middle;
border-style: none;
width: 80px;
text-align: left;
padding: 15px;
}
.col{
	font-size: 12px;
text-align: center;
font-weight: bold;
}
.content{
  font-size: 18px
}
</style>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<div class="content">

  <div class="col-lg-4 col-md-6" style="min-height:550px">
    <div class="card">
        <div class="card-header">
            <strong class="card-title mb-3" style="font-size:22px">Contact</strong>
        </div>


        <div class="card-body">
          <div class="mx-auto d-block">
                      <img style="width:100%" src="{{ asset('assets/app/images/contact.png') }}" alt="Card image cap">

                  </div>

            <div class="mx-auto d-block">

                <h5 class="text-sm-center mt-2 mb-1" style="font-size:20px">AS Digital<br/><br/></h5>
                <div class="location text-sm-center"><i class="fa fa-phone"></i> Support : +91 84484 40870<br/><br/></div>


                <div class="location text-sm-center"><i class="fa fa-map-marker"></i> Patna , Bihar</div>
            </div>
            <hr>
            <div class="card-text text-sm-center">
                <a href="#"><i class="fa fa-facebook pr-1"></i></a>
                <a href="#"><i class="fa fa-twitter pr-1"></i></a>
                <a href="#"><i class="fa fa-instagram pr-1"></i></a>

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




</div>

@endsection

@section('self_script')



@endsection