<!------------------------------------------
      Main CSS File
    <------------------------------------------>
    {{-- <script src='https://www.google.com/recaptcha/api.js'></script> --}}

    {{-- <script src="{{asset('front/js/custom.js')}}"></script> --}}
    
    {{-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> --}}
    <!-- Bootstrap CSS -->
    {{-- <link href="{{ asset('css/all.css')}}" rel="stylesheet"> --}}
    {{-- <link rel="stylesheet" href="{{asset('front/css/bootstrap.min.css')}}"> --}}
    {{-- <link rel="stylesheet" href="{{asset('front/css/font-awesome.min.css')}}"> --}}

    {{-- <link rel="stylesheet" href="{{asset('front/css/menu.css')}}"> --}}
    {{-- <link rel="stylesheet" href="{{asset('front/css/custom-animation.css')}}"> --}}
    <!-- Style CSS -->
    {{-- <link rel="stylesheet" href="{{asset('front/css/style.css')}}"> --}}
    <!-- Responsive CSS -->
    {{-- <link rel="stylesheet" href="{{asset('front/css/responsive.css')}}"> --}}
    {{-- <link href="{{ asset('css/toastr.min.css')}}" rel="stylesheet"> --}}
        <style>
        .clss{
            height: 400px;
        }
        </style>
    <link rel="stylesheet" href="{{asset('front/slider/css/style.css')}}">

<!-- testimonials Section Start -->

        <div class="col-md-12">
            @if(count($project->medias)>0)
                <div class="col-md-12 centered  clss" style=" width: 100%;">
                    <article class="slider">
                        @if($project->medias)
                            @foreach ($project->medias as $item)
                                <section class="slide" style="padding-top: 0px; padding-bottom: 10px; ">
                                    <img src="{{asset($item->image)}}" alt="" class="responsive">
                        
                                    <div class="slide-content">
                                        {{-- <p class="slide-title">Slide 1</p> --}}
                                    </div>
                                </section>
                            @endforeach
                        @endif
                        <nav class="slider-nav">
                            <span class="prev-slide"></span>
                            <span class="next-slide"></span>
                        </nav>
                    </article>
                </div>
            @endif
            <div class="col-md-8 pull-left">
                <div class="project-details ">
                    <div class="col-md-12">
                        <div class="details-tag" style="background-color: transparent;">
                            <ul>
                                <li>
                                    <span style="color:#ffff">Contractor : {{$project->contractor}}</span>
                                </li>
                                <li>
                                    <span style="color:#ffff" >consultant: {{$project->consultant}} </span>
                                </li>
                                <li>
                                    <span style="color:#ffff" >year : {{$project->year}}</span>
                                </li>
                                <li>
                                    <span style="color:#ffff" >product supplied : {{$project->product_supplied}}</span>
                                    
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
            <!-- testimonials Section End -->

            <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script>

      <script src="{{asset('front/slider/js/slider.js')}}"></script>

        
            {{-- <script src="{{asset('front/js/jquery-3.2.1.min.js')}}"></script>
            <script src="{{asset('js/all.js')}}"></script>
            <script src="{{asset('front/js/popper.min.js')}}"></script>
            <script src="{{asset('front/js/bootstrap.min.js')}}"></script> --}}
        
        
            <!-- Optional JavaScript -->
            {{-- <script src="{{asset('front/js/bootstrap-dropdownhover.min.js')}}"></script>
            <script src="{{asset('front/js/bootstrap-slider.js')}}"></script>
            <script src="{{asset('front/js/jquery.flexslider-min.js')}}"></script>
            <script src="{{asset('front/js/slick.min.js')}}"></script> --}}
            {{-- <script src="{{asset('front/js/owl.carousel.min.js')}}"></script> --}}
            {{-- <script src="{{asset('front/js/css3-animate-it.js')}}"></script>
            <script src="{{asset('front/js/magnific-popup.min.js')}}"></script>
            <script src="{{asset('front/js/jquery.fancybox.js')}}"></script>
            <script src="{{asset('front/js/player-min.js')}}"></script> --}}
        
            <!-- Custom JavaScript -->
            {{-- <script src="{{asset('front/js/script.js')}}"></script>
            <script src="{{asset('js/toastr.min.js')}}"></script> --}}