168 lines
11 KiB
PHP
168 lines
11 KiB
PHP
<?php
|
|
$pageTitle = '特色业务 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的特色业务页面';
|
|
$pageKeywords = 'portfolio, nova';
|
|
require_once __DIR__ . '/header.php';
|
|
?>
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title dark-background" data-aos="fade" style="background-image: url(<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio-page-title-bg.jpg);">
|
|
<div class="container">
|
|
<h1>特色业务</h1>
|
|
<nav class="breadcrumbs">
|
|
<ol>
|
|
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
|
<li class="current">特色业务</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div><!-- End Page Title -->
|
|
|
|
<!-- Portfolio Section -->
|
|
<section id="portfolio" class="portfolio section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="isotope-layout" data-default-filter="*" data-layout="masonry" data-sort="original-order">
|
|
|
|
<ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
|
|
<li data-filter="*" class="filter-active">全部</li>
|
|
<li data-filter=".filter-app">应用</li>
|
|
<li data-filter=".filter-product">产品</li>
|
|
<li data-filter=".filter-branding">品牌</li>
|
|
<li data-filter=".filter-books">书籍</li>
|
|
</ul><!-- End Portfolio Filters -->
|
|
|
|
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-1.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>应用 1</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-1.jpg" title="应用 1" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-1.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>产品 1</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-1.jpg" title="产品 1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-1.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>品牌 1</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-1.jpg" title="品牌 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-1.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>书籍 1</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-1.jpg" title="品牌 1" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-2.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>应用 2</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-2.jpg" title="应用 2" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-2.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>产品 2</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-2.jpg" title="产品 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-2.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>品牌 2</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-2.jpg" title="品牌 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-2.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>书籍 2</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-2.jpg" title="品牌 2" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-app">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-3.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>应用 3</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-3.jpg" title="应用 3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-product">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-3.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>产品 3</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-3.jpg" title="产品 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-branding">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-3.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>品牌 3</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-3.jpg" title="品牌 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-books">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-3.jpg" class="img-fluid" alt="">
|
|
<div class="portfolio-info">
|
|
<h4>书籍 3</h4>
|
|
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
|
<a href="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-3.jpg" title="品牌 3" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
|
<a href="<?php echo $baseUrl; ?>/portfolio-details.php" title="更多详情" class="details-link"><i class="bi bi-link-45deg"></i></a>
|
|
</div>
|
|
</div><!-- End Portfolio Item -->
|
|
|
|
</div><!-- End Portfolio Container -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Portfolio Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|