@extends('layout.master')
@section('title', 'Portfolio Details')
@section('content')
      <!-- portfolio details breadcrumb start -->
      <div class="wrapper-box p-relative">
        <div class="breadcrumb-bg" data-background="{{asset('assets/img/breadcrumb/breadcrumb-bg.png')}}"></div>
        <div class="breadcrumb-area pt-265 pb-265">
          <div class="container">
            <div class="row">
              <div class="col-xl-12">
                <div class="breadcrumb__content text-center">
                  <h1 class="breadcrumb__title">Portfolio Details</h1>
                  <div class="breadcrumb__list">
                    <span><a href="{{ route('index')}}">Home</a></span>
                    <span class="dvdr"><i class="fa-solid fa-colon"></i></span>
                    <span class="underline">portfolio details</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details breadcrumb end -->

      <!-- portfolio details area start -->
      <div class="portfolio-details-area pt-70">
        <div class="container">
          <div class="row">
            <div class="col-xl-6 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="service-section portfolio-section mt-30">
                <h3 class="service-title">Charity Management Degree Apprenticeship Taster Event</h3>
              </div>
            </div>
            <div class="col-xl-6 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="portfolio-details mt-30">
                <span class="portfolio-details-title">Project Overview</span>
                <p>Rebuild a unified visual system for the advertising agency, made of steel which can change the world in a while.</p>
              </div>
              <div class="row">
                <div class="col-3">
                  <div class="portfolio-details-wrapper">
                    <span class="portfolio-details-name">Project:</span>
                    <p>Education</p>
                  </div>
                </div>
                <div class="col-3">
                  <div class="portfolio-details-wrapper portfolio-margin">
                    <span class="portfolio-details-name">Country</span>
                    <p>South Africa</p>
                  </div>
                </div>
                <div class="col-3">
                  <div class="portfolio-details-wrapper portfolio-margin">
                    <span class="portfolio-details-name">Category:</span>
                    <p>Charity</p>
                  </div>
                </div>
                <div class="col-3">
                  <div class="portfolio-details-wrapper portfolio-margin">
                    <span class="portfolio-details-name">Date:</span>
                    <p>Ocober 3, 2021</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details area end -->

      <!-- portfolio details thumb video area start-->
      <div class="portfolio-details-thumb-video wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
        <div class="container">
          <div class="row">
            <div class="col-xl-12">
              <div class="portfolio-details-img p-relative">
                <img src="{{asset('assets/img/portfolio/portfolio-details/details1.jpg')}}" alt="img" />
                <div class="service-play-btn">
                  <a class="popup-video" href="https://www.youtube.com/watch?v=znJRCkmxoIs&amp;ab_channel=SalimRana">
                    <i class="fa-solid fa-play"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details thumb video area  end-->

      <!-- portfolio details details area start -->
      <div class="portfolio-details-area-2 pt-90">
        <div class="container">
          <div class="row">
            <div class="col-xl-6 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="service-section portfolio-section">
                <h3 class="service-title">long journey to end poverty begins with a child.</h3>
              </div>
            </div>
            <div class="col-xl-6 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="service-text portfolio-detail">
                <p>
                  A dedicated product design team can help you achieve your business goals. Whether you need to craft an idea for a completely new product or elevate the quality of
                  an existing solution, we’ll help you to create a product that is laser targeted to your users’ needs and delivers business results.
                </p>
                <p>Design services range from research and product review to ideation, UX design, and user testing.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details area end -->

      <!-- portfolio details thumb area start-->
      <div class="portfolio-details-thumb pt-10 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
        <div class="container">
          <div class="row tp-gx-15">
            <div class="col-lg-4">
              <div class="portfolio-details-thumb">
                <img src="{{asset('assets/img/portfolio/portfolio-details/details-thumb1.jpg')}}" alt="img" />
              </div>
            </div>
            <div class="col-lg-4">
              <div class="portfolio-details-thumb">
                <img src="{{asset('assets/img/portfolio/portfolio-details/details-thumb2.jpg')}}" alt="img" />
                <img src="{{asset('assets/img/portfolio/portfolio-details/details-thumb3.jpg')}}" alt="img" />
              </div>
            </div>
            <div class="col-lg-4">
              <div class="portfolio-details-thumb">
                <img src="{{asset('assets/img/portfolio/portfolio-details/details-thumb4.jpg')}}" alt="img" />
                <img src="{{asset('assets/img/portfolio/portfolio-details/details-thumb5.jpg')}}" alt="img" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details thumb area end-->

      <!-- portfolio details details area start -->
      <div class="portfolio-details-area-2 pt-80 pb-50">
        <div class="container">
          <div class="row">
            <div class="col-xl-6 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="service-section portfolio-section">
                <h3 class="service-title">long journey to end poverty begins with a child.</h3>
              </div>
            </div>
            <div class="col-xl-6 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="service-text portfolio-detail">
                <p>
                  A dedicated product design team can help you achieve your business goals. Whether you need to craft an idea for a completely new product or elevate the quality of
                  an existing solution, we’ll help you to create a product that is laser targeted to your users’ needs and delivers business results.
                </p>
                <p>Design services range from research and product review to ideation, UX design, and user testing.</p>
                <p>
                  A dedicated product design team can help you achieve your business goals. Whether you need to craft an idea for a completely new product or elevate the quality of
                  an existing solution, we’ll help you to create a product that is laser targeted to your users’ needs and delivers business results.
                </p>
                <p>Design services range from research and product review to ideation, UX design, and user testing.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- portfolio details area end -->
@endsection