301 lines
14 KiB
PHP
301 lines
14 KiB
PHP
<?php
|
|
$pageTitle = '服务项目 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的服务项目页面';
|
|
$pageKeywords = 'services, 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 -->
|
|
|
|
<!-- Services Section -->
|
|
<section id="services" class="services section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>我们的服务</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-briefcase" style="color: #f57813;"></i></div>
|
|
<div>
|
|
<h4 class="title">Lorem Ipsum</h4>
|
|
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- End Service Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-card-checklist" style="color: #15a04a;"></i></div>
|
|
<div>
|
|
<h4 class="title">Dolor Sitema</h4>
|
|
<p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-bar-chart" style="color: #d90769;"></i></div>
|
|
<div>
|
|
<h4 class="title">Sed ut perspiciatis</h4>
|
|
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-binoculars" style="color: #15bfbc;"></i></div>
|
|
<div>
|
|
<h4 class="title">Magni Dolores</h4>
|
|
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="500">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-brightness-high" style="color: #f5cf13;"></i></div>
|
|
<div>
|
|
<h4 class="title">Nemo Enim</h4>
|
|
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="600">
|
|
<div class="icon flex-shrink-0"><i class="bi bi-calendar4-week" style="color: #1335f5;"></i></div>
|
|
<div>
|
|
<h4 class="title">Eiusmod Tempor</h4>
|
|
<p class="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
|
|
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
</div><!-- End Service Item -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Services Section -->
|
|
|
|
<!-- Service Cards Section -->
|
|
<section id="service-cards" class="service-cards section">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="row gy-4">
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="card-item">
|
|
<div class="row">
|
|
<div class="col-xl-5">
|
|
<div class="card-bg"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/cards-1.jpg" alt=""></div>
|
|
</div>
|
|
<div class="col-xl-7 d-flex align-items-center">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Eligendi omnis sunt veritatis.</h4>
|
|
<p>Fuga in dolorum et iste et culpa. Commodi possimus nesciunt modi voluptatem placeat deleniti adipisci. Cum delectus doloribus non veritatis. Officia temporibus illo magnam. Dolor eos et.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Card Item -->
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="card-item">
|
|
<div class="row">
|
|
<div class="col-xl-5">
|
|
<div class="card-bg"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/cards-5.jpg" alt=""></div>
|
|
</div>
|
|
<div class="col-xl-7 d-flex align-items-center">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Possimus ut sed velit assumenda</h4>
|
|
<p>Sunt deserunt maiores voluptatem autem est rerum perferendis rerum blanditiis. Est laboriosam qui iste numquam laboriosam voluptatem architecto. Est laudantium sunt at quas aut hic. Eum dignissimos.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Card Item -->
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="card-item">
|
|
<div class="row">
|
|
<div class="col-xl-5">
|
|
<div class="card-bg"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/cards-3.jpg" alt=""></div>
|
|
</div>
|
|
<div class="col-xl-7 d-flex align-items-center">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Error beatae dolor inventore aut</h4>
|
|
<p>Dicta porro nobis. Velit cum in. Nesciunt dignissimos enim molestiae facilis numquam quae quaerat ipsam omnis. Neque debitis ipsum at architecto officia laboriosam odit. Ut sunt temporibus nulla culpa.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Card Item -->
|
|
|
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="card-item">
|
|
<div class="row">
|
|
<div class="col-xl-5">
|
|
<div class="card-bg"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/cards-4.jpg" alt=""></div>
|
|
</div>
|
|
<div class="col-xl-7 d-flex align-items-center">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Expedita voluptas ut ut nesciunt</h4>
|
|
<p>Aut est quidem doloremque voluptatem magnam quis excepturi vero quia. Eum eos doloremque architecto illo at beatae dolore. Fugiat suscipit et sint ratione dolores. Aut aliquid ea dolores libero nobis.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Card Item -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Service Cards Section -->
|
|
|
|
<!-- Testimonials Section -->
|
|
<section id="testimonials" class="testimonials section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>客户评价</h2>
|
|
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
|
</div><!-- End Section Title -->
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
|
|
<div class="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
|
|
},
|
|
"breakpoints": {
|
|
"320": {
|
|
"slidesPerView": 1,
|
|
"spaceBetween": 40
|
|
},
|
|
"1200": {
|
|
"slidesPerView": 3,
|
|
"spaceBetween": 1
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-item">
|
|
<div class="stars">
|
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<p>
|
|
Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.
|
|
</p>
|
|
<div class="profile mt-auto">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
|
|
<h3>Saul Goodman</h3>
|
|
<h4>首席执行官</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- End testimonial item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-item">
|
|
<div class="stars">
|
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<p>
|
|
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.
|
|
</p>
|
|
<div class="profile mt-auto">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
|
<h3>Sara Wilsson</h3>
|
|
<h4>设计师</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- End testimonial item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-item">
|
|
<div class="stars">
|
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<p>
|
|
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
|
|
</p>
|
|
<div class="profile mt-auto">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
|
<h3>Jena Karlis</h3>
|
|
<h4>店铺老板</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- End testimonial item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-item">
|
|
<div class="stars">
|
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<p>
|
|
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
|
|
</p>
|
|
<div class="profile mt-auto">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
|
|
<h3>Matt Brandon</h3>
|
|
<h4>自由职业者</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- End testimonial item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="testimonial-item">
|
|
<div class="stars">
|
|
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
|
|
</div>
|
|
<p>
|
|
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.
|
|
</p>
|
|
<div class="profile mt-auto">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
|
|
<h3>John Larson</h3>
|
|
<h4>企业家</h4>
|
|
</div>
|
|
</div>
|
|
</div><!-- End testimonial item -->
|
|
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Testimonials Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|