@extends('layouts.site')
@section('title', 'Workfolio of Website Development, SEO, Digital Marketing in Rajkot, India')
@section('meta')
<link rel="stylesheet" href="{{ route('site.our-work') }}">
<meta property="keywords" content="Workfolio of Company| Website Development Company| Web Design Company | Digital Marketing | Web Development Company in Rajkot| e-commerce Development|Digital Marketing Company Rajkot Gujarat India |Logo Designing | Live project Training | Social Media Marketing | Application Development| PPC | Software Development Companies| Best IT Services Companies | Application Development Companies | Digital Marketing Agencies | SEO Companies| PPC Companies| Graphics Design Company Rajkot | Website Design | On Page SEO | Website Development | Best Website Design and Website Development Company |  SEO Company Rajkot India">
<meta property="Description" content="Discover our latest work on Website Development, Digital Marketing, SEO, Digital Marketing,Application Development Workfolio in Rajkot, India..">
<meta itemprop="description" content="Devweb Technology Workfolio of Website Development, SEO, Application development companies, Software Development, Digital Marketing Companies in Rajkot, Gujarat, India.">
<meta itemprop="image" content="https://devwebtechnology.com/storage/uploads/media/Web-Application-Development1.jpg">
<meta property="og:title" content="Discover our latest work on Website Development, Digital Marketing, SEO, Digital Marketing,Website Design,Application Development Workfolio in Rajkot, India">
<meta property="og:type" content="website">
<meta property="og:description" content="Devweb Technology Workfolio of Digital Marketing, Search engine Optimization, Digital Marketing , Application Development Company in Rajkot, India.">
<meta property="og:url" content="{{ route('site.our-work') }}">
<meta property="og:site_name" content="Devweb Technology IT Company ">
<meta property="og:image" content="https://devwebtechnology.com/storage/uploads/media/web-and-app-development-services-500x500.webp">
<meta name="twitter:title" content="Workfolio of Devweb Technology Website Development, SEO, Digital Marketing, Application Development Company in Rajkot, India.">
<meta name="twitter:description" content="Devweb Technology is an IT Services Company with focus on Website Development, Digital Marketing, SEO, Ecommerce Development in Rajkot Gujarat India.">
@endsection
@section('site')
    <div class="main">
        <section
            class="page-header-modern custom-page-header bg-color-primary"data-bg-src="{{ asset('assets/img/demos/business-consulting-3/backgrounds/background-5.jpg.jpg') }}"
            style="background-size: cover; background-position: center;">
            <div class="container container-xl-custom py-2">
                <div class="row">
                    <div class="col-md-8 order-2 order-md-1 align-self-center p-static">
                        <h1 class="font-weight-extra-bold text-12 appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200"
                            style="color:white;">Workfolio Website</h1>
                    </div>
                    <div class="col-md-4 order-1 order-md-2 align-self-center">
                        <ul class="breadcrumb d-block text-md-end breadcrumb-light appear-animation"
                            data-appear-animation="fadeInRightShorter" data-appear-animation-delay="400">
                            <li><a href="{{ route('home') }}">Home</a></li>
                            <li class="active">Workfolio Website</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <br>
        <br>
        <div class="container">
            <div class="row pt-0 pb-0">
                <div class="col-md-4">
                    {{-- <h3 class="font-weight-semibold text-9 text-capitalize mb-2">Our Product</h3> --}}
                    <div class="divider divider-small mt-0 mb-4">
                        {{-- <hr class="bg-primary"> --}}
                    </div>
                </div>
                <div class="container">
                    <div class="row pt-0 pb-1 mb-2">
                        <div class="col">
                            <ul class="nav nav-pills-center">
                                <li class="btn scolor text-white border pb-0 pl-0 pr-1 pt-1">
                                    <a class="nav-link btn btn-light btn btn-outline btn-primary rounded-0 mb-2 " href="{{ route('site.our-work') }}">Show all
                                    </a>
                                </li>
                                @foreach ($foliocats as $foliocat)
                                    <li class="btn scolor text-white border pb-0 pl-0 pr-1 pt-1">
                                        <a class="nav-link btn btn-light btn btn-outline btn-primary rounded-0 mb-2 " href="{{ route('site.logo', $foliocat->work_url) }}">{{ $foliocat->category_name }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                        <div class="container mt-2">

                        </div>
                        <div class="container mt-5">
                            <div class="row portfolio-list sort-destination" data-sort-id="portfolio">

                                @foreach ($foliosubs as $foliosub)
                                    <div class="col-sm-6 col-lg-3 isotope-item">
                                        <div class="portfolio-item">
                                            <a href="{{ route('site.logo-detail', $foliosub->work_url) }}">
                                                <span class="thumb-info thumb-info-lighten border-radius-0">
                                                    <span class="thumb-info-wrapper border-radius-0">
                                                        <img src="{{ asset('storage/uploads/foliosub'). '/' .$foliosub->image }}"
                                                            class="img-fluid border-radius-0"
                                                            alt="{{ $foliosub->alt }}">
                                                        <span class="thumb-info-title">
                                                            <span
                                                                class="thumb-info-inner">{{ $foliosub->name }}</span>
                                                            <span class="thumb-info-type"
                                                                style="background-color: #f04c23;">{{ $foliosub->company_name }}</span>
                                                        </span>
                                                        <span class="thumb-info-action">
                                                            <span class="thumb-info-action-icon bg-dark opacity-8"><i
                                                                    class="fas fa-plus"></i></span>
                                                        </span>
                                                    </span>
                                                </span>
                                            </a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
   @endsection