@php
    $about = App\About::find(1);
@endphp

<div class="col-md-3">
    <div class="kf_aside_folwer">
        <ul>

            @if(!empty($about->facebook_link))
            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/fb2.png') }}" style="height: 50px;width: 50px;" alt="">
                    {{-- <a href="{{ $about->facebook_link }}" class="facebook"><i class="fa fa-facebook"></i></a> --}}
                </div>

                {{-- <div class="like_amount">
                    <span>facebook</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->facebook_link }}">like page</a>
                </div>
            </li>
            @endif

            @if(!empty($about->whatsapp_link))
            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/wa2.png') }}" style="height: 50px;width: 50px;" alt="">
                </div>
{{--
                <div class="like_amount">
                    <span>Whatsapp</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->whatsapp_link }}">Chat</a>
                </div>
            </li>
            @endif



            @if(!empty($about->twitter_link))

            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/twitter.png') }}" style="height: 50px;width: 50px;" alt="">
                </div>

                {{-- <div class="like_amount">

                    <span>Twitter</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->twitter_link }}">follow us</a>
                </div>
            </li>
            @endif
            @if(!empty($about->youtube_link))

            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/youtube.png') }}" style="height: 50px; width: 50px;" alt="">
                </div>

                {{-- <div class="like_amount">

                    <span>Youtube</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->youtube_link }}">subcribe</a>
                </div>
            </li>
            @endif
            @if(!empty($about->instagram_link))

            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/wa3.png') }}" style="height: 50px; width: 50px;" alt="">
                </div>

                {{-- <div class="like_amount">

                    <span>Instagram</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->instagram_link }}">follow us</a>
                </div>
            </li>
            @endif
            @if(!empty($about->linkedin_link))

            <li style="display:flex;">
                <div class="like_fb">
                    <img src="{{ asset('frontend_assets/icons/linkedin.png') }}" style="height: 50px; width: 50px;" alt="">
                </div>

                {{-- <div class="like_amount">
                    <span>Linkedin</span>
                </div> --}}

                <div class="like_page" style="margin-top:6px;">
                    <a href="{{ $about->linkedin_link }}">follow us</a>
                </div>
            </li>
            @endif
        </ul>
    </div>

</div>