@extends('master')
@section('title',$servicesArr->meta_title)

@section('meta_description',$servicesArr->meta_description)



@section('content')

<!-- <a href="{{$servicesArr->slug}}">Link Text</a> -->

<div class="case-study-page">
<section class="page-header header-style-3">
        <div class="container">
            <div class="title">
               
                <h1>{{$servicesArr->service_name}}</h1>
                <p><strong>
                    @if($servicesArr->cat_id)
                        {{$servicesArr->getCategories->des}}
                    @endif
                </strong></p>            </div>
            <figure style="background: url('assets/images/services/{{$servicesArr->cover_image}}') no-repeat center center; background-size: cover"></figure>
            <ul class="social fixed desktop">
    <li>
        <a href="https://fb.me/upbound.studio" target="_blank">
            <i class="fa fa-facebook"></i>
        </a>
    </li>
    <li>
        <a href="#" target="_blank">
            <i class="fa fa-twitter"></i>
        </a>
    </li>
    <li>
        <a href="https://www.instagram.com/upbound.studio/" target="_blank">
            <i class="fa fa-instagram"></i>
        </a>
    </li>
    <li>
        <a href="https://www.behance.net/jackwisley" target="_blank">
            <i class="fa fa-behance"></i>
        </a>
    </li>
    <li>
        <a href="https://www.youtube.com/channel/UCrww2Wj4P2QVWPEfjcFAiow" target="_blank">
            <i class="fa fa-youtube-play"></i>
        </a>
    </li>
    <li>
        <a href="https://www.linkedin.com/company/upbound-studio/" target="_blank">
            <i class="fa fa-linkedin"></i>
        </a>
    </li>
</ul>            <a href="#" class="scroll-down desktop"></a>
        </div>
    </section>



    <article class="case-study scroll-to">
        <div class="intro">
            
            <div class="container dynamic-details">

                @if($servicesArr->content_one)
                	{!! $servicesArr->content_one !!}
                @endif
                @if($servicesArr->image_one)
                    <img src="assets/images/services/{{$servicesArr->image_one}}" class="width-100 margin-top-bottom-50">
                @endif

                @if($servicesArr->content_two)
                    {!! $servicesArr->content_two !!}
                @endif
                @if($servicesArr->image_two)
                    <img src="assets/images/services/{{$servicesArr->image_two}}" class="width-100 margin-top-bottom-50">
                @endif

                @if($servicesArr->content_three)
                    {!! $servicesArr->content_three !!}
                @endif
                @if($servicesArr->image_three)
                    <img src="assets/images/services/{{$servicesArr->image_three}}" class="width-100 margin-top-bottom-50">
                @endif

                <!-- @if($servicesArr->content_four)
                    {!! $servicesArr->content_four !!}
                @endif
                @if($servicesArr->image_four)
                    <img src="assets/images/services/{{$servicesArr->image_four}}" class="width-100 margin-top-bottom-50">
                @endif

                @if($servicesArr->content_five)
                    {!! $servicesArr->content_five !!}
                @endif
                @if($servicesArr->image_five)
                    <img src="assets/images/services/{{$servicesArr->image_five}}" class="width-100 margin-top-bottom-50">
                @endif


                @if($servicesArr->content_six)
                    {!! $servicesArr->content_six !!}
                @endif
                @if($servicesArr->image_six)
                    <img src="assets/images/services/{{$servicesArr->image_six}}" class="width-100 margin-top-bottom-50">
                @endif -->



            </div>
        </div>


</article>

</div>
@endsection