Simple File Manage Design by index.php

��

@extends('layouts.app')

@section('title','Our Impact - Dusty helmets')

@section('content')

<div class="mb-0 page-header" style="background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url(public/assets/P6/pic2.jpg);background-position: center;
    background-repeat: no-repeat;
    background-size: cover;">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2>Our Impact</h2>
                    </div>
                    <div class="col-12">
                        <a href="{{url('/')}}">Home</a>
                        <a href="{{url('/impact')}}">Our Impact</a>
                    </div>
                </div>
            </div>
        </div>

<div class="about">
            <div class="container">
                <div class="row align-items-center">
                    @foreach($impacts as $impact)
                        <div class="col-lg-7">
                            <div class="about-content">
                                <div class="section-header">
                                    @if($impact->id ===1)
                                    <p>{{$page->title}}</p>
                                    @endif
                                    <h2>{{$impact->title}}</h2>
                                </div>
                                {!! $impact->text !!}
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="mt-5 shadow services services-1 color-2 d-block img" style="background-image: url({{asset('')}}public/storage/{{$impact->image}});">
                                <div class="icon d-flex align-items-center justify-content-center" style="background:transparent !important">
                                    
                                    </div>
                            </div>
                        </div>
                    @endforeach
{{--                    <div class="col-lg-7">--}}
{{--                        <div class="about-content">--}}
{{--                            <div class="section-header">--}}
{{--                                <p>Our Impact</p>--}}
{{--                                <p>{{$page->title}}</p>--}}
{{--                                <h2>Dusty Helmets</h2>--}}
{{--                                <h2>{{$page->title1}}</h2>--}}
{{--                            </div>--}}
{{--                            {!! $page->content1 !!}--}}
{{--                            <div class="about-text">--}}
{{--                                <p>--}}
{{--                                    Dusty Helmets is committed to protecting the communities, wildlife, and environment that it rides in.--}}
{{--                                </p>--}}
{{--                                <p>--}}
{{--                                   The conservancy fees that are charged to the clients are used to support the conservancy areas in which we ride, which sustain the wildlife and communities that live in these areas.--}}
{{--                                </p>--}}
{{--                                <p>We are also able to raise money to fund special projects in these areas. In our Soysambu HQ Conservancy, we have facilitated de-snaring projects.--}}
{{--                                Snares are a major threat to wildlife populations through poaching and these projects we support are critical to protect their wildlife populations. </p>--}}
{{--                                <p>Dusty Helmets in the past has raised money to support the world renowned David Sheldrick Trust who is known for its rescue and rehabilitation programmes for orphaned elephants.</p>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="col-lg-5">--}}
{{--                        <div class="mt-5 shadow services services-1 color-2 d-block img" style="background-image: url({{asset('')}}public/storage/{{$page->image}});">--}}

{{--                            --}}
{{--                            <div class="icon d-flex align-items-center justify-content-center"><span class="fa fa-motorcycle"></span></div>--}}
{{--                            --}}
{{--                        </div>--}}
{{--                    </div>--}}

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

@endsection