AutoShell

jkghkghkghkghkghkghkghkkghghkkghkgh hgghkghkghghkghhgkhgkghghkkghkhghkgkghkghkgh hjlhlhjhjlhjlhjlhjlhjlhjlhjhjl AutoShell

?? Editing: brand.php

<?php include 'header.php'; ?>

<section class="page_header_default pg_bg_cover text-center">
    <div class="background_cover" style="background-image:url(assets/images/page-image-1-min.jpg)"></div>
    <div class="page_header_content py-5">
        <div class="container">
            <h1 class="main_tit text-white">Our Brands</h1>
            <ul class="breadcrumb justify-content-center">
                <li><a href="#" class="text-white">Home</a></li>
                <li class="active text-white">Brands</li>
            </ul>
        </div>
    </div>
</section>

<section >
    <div class="container">
        <div class="text-center mb-5">
            <h4 class="sm_title text-primary">Our Brands</h4>
            <h2 class="fw-bold">Trusted by Industry Leaders</h2>
        </div>

<div ">
            <div class="swiper-wrapper">

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-primary bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-1-min.png" alt="Brand 1" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-primary">Brand One</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-success bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-2-min.png" alt="Brand 2" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-success">Brand Two</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-warning bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-3-min.png" alt="Brand 3" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-warning">Brand Three</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-danger bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-4-min.png" alt="Brand 4" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-danger">Brand Four</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-info bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-5-min.png" alt="Brand 5" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-info">Brand Five</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-secondary bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-6-min.png" alt="Brand 6" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-secondary">Brand Six</h6>
                    </div>
                </div>

<div class="swiper-slide">
                    <div class="brand_box text-center p-3 rounded shadow-sm bg-primary bg-opacity-10 hover-scale">
                        <img src="assets/images/about/team-7-min.png" alt="Brand 7" class="img-fluid mb-2">
                        <h6 class="fw-semibold text-primary">Brand Seven</h6>
                    </div>
                </div>

</div>

<div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination mt-3"></div>
        </div>
    </div>
</section>

<?php include 'footer.php'; ?>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<style>
    .hover-scale:hover {
        transform: scale(1.05);
        transition: 0.3s ease-in-out;
    }
    .brand_box img {
        max-height: 100px;
        object-fit: contain;
    }
</style>

Path:

home / dhw4kgxay284 / public_html / vicanenterprises.com /

?? Editing: brand.php

Path:

?? Upload