85 lines
4.4 KiB
PHP
85 lines
4.4 KiB
PHP
<?php
|
|
$pageTitle = '服务详情 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的服务详情页面';
|
|
$pageKeywords = 'service, 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/services-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 -->
|
|
|
|
<!-- Service Details Section -->
|
|
<section id="service-details" class="service-details section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row gy-5">
|
|
|
|
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="service-box">
|
|
<h4>服务列表</h4>
|
|
<div class="services-list">
|
|
<a href="#" class="active"><i class="bi bi-arrow-right-circle"></i><span>网站设计</span></a>
|
|
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>网站设计</span></a>
|
|
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>产品管理</span></a>
|
|
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>平面设计</span></a>
|
|
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>市场营销</span></a>
|
|
</div>
|
|
</div><!-- End Services List -->
|
|
|
|
<div class="service-box">
|
|
<h4>下载目录</h4>
|
|
<div class="download-catalog">
|
|
<a href="#"><i class="bi bi-filetype-pdf"></i><span>PDF目录</span></a>
|
|
<a href="#"><i class="bi bi-file-earmark-word"></i><span>Word文档</span></a>
|
|
</div>
|
|
</div><!-- End Services List -->
|
|
|
|
<div class="help-box d-flex flex-column justify-content-center align-items-center">
|
|
<i class="bi bi-headset help-icon"></i>
|
|
<h4>有疑问吗？</h4>
|
|
<p class="d-flex align-items-center mt-2 mb-0"><i class="bi bi-telephone me-2"></i> <span>+1 5589 55488 55</span></p>
|
|
<p class="d-flex align-items-center mt-1 mb-0"><i class="bi bi-envelope me-2"></i> <a href="mailto:contact@example.com">contact@example.com</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-8 ps-lg-5" data-aos="fade-up" data-aos-delay="200">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/services.jpg" alt="" class="img-fluid services-img">
|
|
<h3>Temporibus et in vero dicta aut eius lidero plastis trand lined voluptas dolorem ut voluptas</h3>
|
|
<p>
|
|
Blanditiis voluptate odit ex error ea sed officiis deserunt. Cupiditate non consequatur et doloremque consequuntur. Accusantium labore reprehenderit error temporibus saepe perferendis fuga doloribus vero. Qui omnis quo sit. Dolorem architecto eum et quos deleniti officia qui.
|
|
</p>
|
|
<ul>
|
|
<li><i class="bi bi-check-circle"></i> <span>Aut eum totam accusantium voluptatem.</span></li>
|
|
<li><i class="bi bi-check-circle"></i> <span>Assumenda et porro nisi nihil nesciunt voluptatibus.</span></li>
|
|
<li><i class="bi bi-check-circle"></i> <span>Ullamco laboris nisi ut aliquip ex ea</span></li>
|
|
</ul>
|
|
<p>
|
|
Est reprehenderit voluptatem necessitatibus asperiores neque sed ea illo. Deleniti quam sequi optio iste veniam repellat odit. Aut pariatur itaque nesciunt fuga.
|
|
</p>
|
|
<p>
|
|
Sunt rem odit accusantium omnis perspiciatis officia. Laboriosam aut consequuntur recusandae mollitia doloremque est architecto cupiditate ullam. Quia est ut occaecati fuga. Distinctio ex repellendus eveniet velit sint quia sapiente cumque. Et ipsa perferendis ut nihil. Laboriosam vel voluptates tenetur nostrum. Eaque iusto cupiditate et totam et quia dolorum in. Sunt molestiae ipsum at consequatur vero. Architecto ut pariatur autem ad non cumque nesciunt qui maxime. Sunt eum quia impedit dolore alias explicabo ea.
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Service Details Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|