@extends('master')


@section('title','Case-Studies-Detail')

@section('meta_description','Explore in-depth case studies showcasing our expertise and successful projects.')


@section('content')


<div class="case-study-page">

<section class="page-header header-style-3">
        <div class="container">
            <div class="title">
                <h2>Case Study</h2>
                <h1>{{$portfolioArr->name}}</h1>
                <p><strong>
                    @if($portfolioArr->cat_id)
                        {{$portfolioArr->getCategories->des}}
                    @endif
                </strong></p>            </div>
            <figure style="background: url('assets/images/portfolios/{{$portfolioArr->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($portfolioArr->content_one)
                	{!! $portfolioArr->content_one !!}
                @endif
                @if($portfolioArr->image_one)
                    <img src="assets/images/portfolios/{{$portfolioArr->image_one}}" class="width-100 margin-top-bottom-50">
                @endif

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

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

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

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


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



            </div>
        </div>


</article>

</div>
@endsection