@extends('layouts.app')
@section('page-title', 'Our Partners')

@section('preloader')
    @include('layouts.partials.preloader')
@endsection

@section('body-content')

    <main class="main__content_wrapper">

        <!-- Start breadcrumb section -->
        <section class="breadcrumb__section breadcrumb__bg"
            style="background-image: url('{{ asset('images/banner/partners-banners.webp') }}');">
            <div class="container">
                <div class="row row-cols-1">
                    <div class="col">
                        <div class="breadcrumb__content">
                            <h1 class="breadcrumb__content--title mb-10">Partners</h1>

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End breadcrumb section -->

        <!-- Start portfolio section -->
        <section class="portfolio__section section--padding">
            <div class="container">
                <div class="section__heading text-center mb-40">
                    <h2 class="section__heading--maintitle text__secondary mb-10 txtuc">Our Partners</h2>
                    <p class="section__heading--desc">Partnering with industry leaders, we offer top-tier technology
                        solutions. Discover innovation with {{ config('constants.COMPANY_NAME') }}.</p>
                </div>
                <div class="portfolio__section--inner mb-40">
                    <div class="row row-cols-lg-3 row-cols-md-3 row-cols-sm-2 row-cols-2 mb--n30">
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/cisco.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/lenovo.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/dell.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/lg.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/samsung.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/hp.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/logitech.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/paloalto.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/ingram.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/ingram-cloud.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="col mb-30">
                            <div class="portfolio__items">
                                <div class="portfolio__items--thumbnail position__relative">
                                    <a class="portfolio__items--thumbnail__link glightbox" href="{{ route('contact') }}"
                                        data-gallery="portfolio">
                                        <img class="portfolio__items--thumbnail__img"
                                            src="{{ asset('images/logo/Brands/redington.webp') }}" alt="portfolio-img">
                                        <span class="portfolio__view--icon"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="39.697" height="27.066" viewBox="0 0 39.697 27.066">
                                                <path
                                                    d="M20.849,4.5A21.341,21.341,0,0,0,1,18.033a21.322,21.322,0,0,0,39.7,0A21.341,21.341,0,0,0,20.849,4.5Zm0,22.555a9.022,9.022,0,1,1,9.022-9.022A9.025,9.025,0,0,1,20.849,27.055Zm0-14.435a5.413,5.413,0,1,0,5.413,5.413A5.406,5.406,0,0,0,20.849,12.62Z"
                                                    transform="translate(-1 -4.5)" fill="currentColor"></path>
                                            </svg>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>

                    </div>



                </div>
            </div>
            </div>
        </section>
        <!-- End portfolio section -->



    </main>


@endsection