96 lines
3.5 KiB
PHP
96 lines
3.5 KiB
PHP
<?php
|
|
$pageTitle = '产品详情 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的产品详情页面';
|
|
$pageKeywords = 'portfolio, details, 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 Details Section -->
|
|
<section id="portfolio-details" class="portfolio-details section">
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-8">
|
|
<div class="portfolio-details-slider swiper init-swiper">
|
|
|
|
<script type="application/json" class="swiper-config">
|
|
{
|
|
"loop": true,
|
|
"speed": 600,
|
|
"autoplay": {
|
|
"delay": 5000
|
|
},
|
|
"slidesPerView": "auto",
|
|
"pagination": {
|
|
"el": ".swiper-pagination",
|
|
"type": "bullets",
|
|
"clickable": true
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="swiper-wrapper align-items-center">
|
|
|
|
<div class="swiper-slide">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/app-1.jpg" alt="">
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/product-1.jpg" alt="">
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/branding-1.jpg" alt="">
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/portfolio/books-1.jpg" alt="">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4">
|
|
<div class="portfolio-info" data-aos="fade-up" data-aos-delay="200">
|
|
<h3>项目信息</h3>
|
|
<ul>
|
|
<li><strong>分类</strong>: Web设计</li>
|
|
<li><strong>客户</strong>: ASU公司</li>
|
|
<li><strong>项目日期</strong>: 2020年3月1日</li>
|
|
<li><strong>项目链接</strong>: <a href="#">www.example.com</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="portfolio-description" data-aos="fade-up" data-aos-delay="300">
|
|
<h2>Exercitationem repudiandae officiis neque suscipit</h2>
|
|
<p>
|
|
Autem ipsum nam porro corporis rerum. Quis eos dolorem eos itaque inventore commodi labore quia quia. Exercitationem repudiandae officiis neque suscipit non officia eaque itaque enim. Voluptatem officia accusantium nesciunt est omnis tempora consectetur dignissimos. Sequi nulla at esse enim cum deserunt eius.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Portfolio Details Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|