@extends('layout_en.master')
@section('content')
@section('itactive','active')
<section id="inner-banner">
<div class="overlay">
<div class="container">
<div class="row"> 
<div class="col-sm-12 mt-6"><h1>
IMPACT AND TESTIMONIALS</h1></div>
<div class="col-sm-12">
  <h6 class="breadcrumb"><a href="index.html">ACCUEL</a> / Impact and Testimonials</h6></div>
</div>
</div>
</div>
</section>

<section id="about-sec">
<div class="container">
  <!-- Latest compiled and minified CSS -->
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->

  <!-- jQuery library -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>

  <!-- Latest compiled JavaScript -->
  <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->

  <style type="text/css">
    .product-grid{
        text-align: center;
        transition: all 0.5s;
    }
    .product-grid:hover{ box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3); }
    .product-grid .product-image{
        position: relative;
        overflow: hidden;
    }
    .product-grid .product-image a.image{ display: block; }
    .product-grid .product-image img{
        width: 100%;
        height: auto;
    }
    .product-image .pic-1{
        opacity: 1;
        backface-visibility: hidden;
        transition: all 0.5s;
    }
    .product-grid:hover .product-image .pic-1{ opacity: 0; }
    .product-image .pic-2{
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.5s;
    }
    .product-grid:hover .product-image .pic-2{ opacity: 1; }
    .product-grid .product-sale-label{
        color: #fff;
        background: red;
        font-size: 14px;
        font-style: italic;
        text-transform: uppercase;
        width: 55px;
        height: 55px;
        line-height: 55px;
        border-radius: 50px;
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .product-grid .social{
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        top: 15px;
        right: 7px;
    }
    .product-grid .social li{
        transform: translateX(60px);
        transition: all 0.3s ease 0.3s;
    }
    .product-grid .social li:nth-child(2){ transition: all 0.3s ease 0.4s; }
    .product-grid:hover .social li{ transform: translateX(0); }
    .product-grid .social li a{
        color: #707070;
        background: #fff;
        font-size: 16px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        margin: 0 0 7px;
        border-radius: 50px;
        display: block;
        transition: all 0.3s ease 0s;
    }
    .product-grid .social li a:hover{ color: #6DA84A; }
    .product-grid .product-rating{
        background: rgba(255,255,255,0.95);
        width: 100%;
        padding: 10px;
        opacity: 0;
        position: absolute;
        bottom: -60px;
        left: 0;
        transition: all .2s ease-in-out 0s;
    }
    .product-grid:hover .product-rating{
        opacity: 1;
        bottom: 0;
    }
    .product-grid .rating{
        padding: 0;
        margin: 0;
        list-style: none;
        float: left;
    }
    .product-grid .rating li{
        color: #6DA84A;
        font-size: 13px;
    }
    .product-grid .rating li.far{ color: #999; }
    .product-grid .add-to-cart{
        color: red;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #6DA84A;
        float:right;
        transition: all .2s ease-in-out 0s;
    }
    .product-grid .add-to-cart:hover{
        color: #000;
        border-color: #000;
    }
    .product-grid .add-to-cart1{
        color: #000;
        font-size: 14px;
        font-weight: 600;
        border-bottom: 1px solid #6DA84A;
        float:right;
        transition: all .2s ease-in-out 0s;
    }
    .product-grid .product-content{
        background: #F5F5F5;
        padding: 15px;
        height: 350px !important;
    }
    .product-grid .title{
        font-size: 18px;
        text-transform: capitalize;
        margin: 0 0 5px;
        height: 50px !important;
    }
    .product-grid .title a{
        color: #111;
        transition: all 500ms;
    }
    .product-grid .title a:hover{ color: #6DA84A; }
    .product-grid .price{
        color: red;
        font-size: 17px;
        text-decoration: underline;
    }
    .product-grid .price span{
        text-decoration: line-through;
        margin-right: 5px;
        display: inline-block;
        opacity: 0.6;
    }
    .product-grid .price1{
        color: #000;
        font-size: 17px;
        text-decoration: underline;
    }

    @media only screen and (max-width:990px){
        .product-grid{ margin-bottom: 40px; }
    }

  </style>

  <div class="row col-md-12">
   
    <div class="col-md-4 col-sm-8" style="margin-bottom: 30px">
        <div class="product-grid">
            {{--
            <div class="product-image">
                <a href="javascript:void(0)" class="image">
                    <img class="pic-1" src="{{asset('template/images/img4.jpg')}}">
                    <img class="pic-2" src="{{asset('template/images/img4.jpg')}}">
                </a>
                <ul class="social">
                    <li><a href="javascript:void(0)" data-tip="Quick View"><i class="fa fa-eye"></i></a></li>
                </ul>
                <!-- <div class="product-rating">
                   
                    
                                        
                    
                </div> -->
            </div>
            --}}
            <div class="product-content">
                
                <p style="text-align: justify; color: black !important; height: 190px !important; font-size: 14px; ">
                 My name is Mrs TOUDJI Martine, reseller of basic necessities, mother of 04 children. I received $800 in funding from DedeFund to expand my business. I would like to say a big thank you to DedeFund who, today, I am able to feed and provide for my children’s basic needs and improve the living conditions of my family. I urge DedeFund to continue to help the poor rise from their vulnerability to their well-being.
                </p>
                

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


@endsection