244 lines
10 KiB
PHP
244 lines
10 KiB
PHP
<?php
|
|
$pageTitle = '关于我们 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的关于我们页面';
|
|
$pageKeywords = 'about, 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/about-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 -->
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="about section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row gy-4" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="col-lg-5">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/about.jpg" class="img-fluid" alt="">
|
|
</div>
|
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="content">
|
|
<h3>Voluptatem dignissimos provident quasi</h3>
|
|
<p>
|
|
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
|
|
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident
|
|
</p>
|
|
<ul>
|
|
<li><i class="bi bi-check-circle-fill"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
|
|
<li><i class="bi bi-check-circle-fill"></i> <span>Duis aute irure dolor in reprehenderit in voluptate velit.</span></li>
|
|
<li><i class="bi bi-check-circle-fill"></i> <span>Ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /About Section -->
|
|
|
|
<!-- Why Us Section -->
|
|
<section id="why-us" class="why-us section">
|
|
|
|
<div class="container">
|
|
|
|
<div class="row g-0">
|
|
|
|
<div class="col-xl-5 img-bg" data-aos="fade-up" data-aos-delay="100">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/why-us-bg.jpg" alt="">
|
|
</div>
|
|
|
|
<div class="col-xl-7 slides position-relative" data-aos="fade-up" data-aos-delay="200">
|
|
|
|
<div class="swiper init-swiper">
|
|
<script type="application/json" class="swiper-config">
|
|
{
|
|
"loop": true,
|
|
"speed": 600,
|
|
"autoplay": {
|
|
"delay": 5000
|
|
},
|
|
"slidesPerView": "auto",
|
|
"centeredSlides": true,
|
|
"pagination": {
|
|
"el": ".swiper-pagination",
|
|
"type": "bullets",
|
|
"clickable": true
|
|
},
|
|
"navigation": {
|
|
"nextEl": ".swiper-button-next",
|
|
"prevEl": ".swiper-button-prev"
|
|
}
|
|
}
|
|
</script>
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
<div class="item">
|
|
<h3 class="mb-3">Let's grow your business together</h3>
|
|
<h4 class="mb-3">Optio reiciendis accusantium iusto architecto at quia minima maiores quidem, dolorum.</h4>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus, ipsam perferendis asperiores explicabo vel tempore velit totam, natus nesciunt accusantium dicta quod quibusdam ipsum maiores nobis non, eum. Ullam reiciendis dignissimos laborum aut, magni voluptatem velit doloribus quas sapiente optio.</p>
|
|
</div>
|
|
</div><!-- End slide item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="item">
|
|
<h3 class="mb-3">Unde perspiciatis ut repellat dolorem</h3>
|
|
<h4 class="mb-3">Amet cumque nam sed voluptas doloribus iusto. Dolorem eos aliquam quis.</h4>
|
|
<p>Dolorem quia fuga consectetur voluptatem. Earum consequatur nulla maxime necessitatibus cum accusamus. Voluptatem dolorem ut numquam dolorum delectus autem veritatis facilis. Et ea ut repellat ea. Facere est dolores fugiat dolor.</p>
|
|
</div>
|
|
</div><!-- End slide item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="item">
|
|
<h3 class="mb-3">Aliquid non alias minus</h3>
|
|
<h4 class="mb-3">Necessitatibus voluptatibus explicabo dolores a vitae voluptatum.</h4>
|
|
<p>Neque voluptates aut. Soluta aut perspiciatis porro deserunt. Voluptate ut itaque velit. Aut consectetur voluptatem aspernatur sequi sit laborum. Voluptas enim dolorum fugiat aut.</p>
|
|
</div>
|
|
</div><!-- End slide item -->
|
|
|
|
<div class="swiper-slide">
|
|
<div class="item">
|
|
<h3 class="mb-3">Necessitatibus suscipit non voluptatem quibusdam</h3>
|
|
<h4 class="mb-3">Tempora quos est ut quia adipisci ut voluptas. Deleniti laborum soluta nihil est. Eum similique neque autem ut.</h4>
|
|
<p>Ut rerum et autem vel. Et rerum molestiae aut sit vel incidunt sit at voluptatem. Saepe dolorem et sed voluptate impedit. Ad et qui sint at qui animi animi rerum.</p>
|
|
</div>
|
|
</div><!-- End slide item -->
|
|
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Why Us Section -->
|
|
|
|
<!-- Call To Action Section -->
|
|
<section id="call-to-action" class="call-to-action section dark-background">
|
|
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/cta-bg.jpg" alt="">
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center" data-aos="zoom-in" data-aos-delay="100">
|
|
<div class="col-xl-10">
|
|
<div class="text-center">
|
|
<h3>Call To Action</h3>
|
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
<a class="cta-btn" href="#">Call To Action</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section><!-- /Call To Action Section -->
|
|
|
|
<!-- Team Section -->
|
|
<section id="team" class="team section">
|
|
|
|
<!-- Section Title -->
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Our Team</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-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="team-member">
|
|
<div class="member-img">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/team/team-1.jpg" class="img-fluid" alt="">
|
|
<div class="social">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Walter White</h4>
|
|
<span>Chief Executive Officer</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Team Member -->
|
|
|
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="team-member">
|
|
<div class="member-img">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/team/team-2.jpg" class="img-fluid" alt="">
|
|
<div class="social">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Sarah Jhonson</h4>
|
|
<span>Product Manager</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Team Member -->
|
|
|
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="team-member">
|
|
<div class="member-img">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/team/team-3.jpg" class="img-fluid" alt="">
|
|
<div class="social">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>William Anderson</h4>
|
|
<span>CTO</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Team Member -->
|
|
|
|
<div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="team-member">
|
|
<div class="member-img">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/team/team-4.jpg" class="img-fluid" alt="">
|
|
<div class="social">
|
|
<a href=""><i class="bi bi-twitter-x"></i></a>
|
|
<a href=""><i class="bi bi-facebook"></i></a>
|
|
<a href=""><i class="bi bi-instagram"></i></a>
|
|
<a href=""><i class="bi bi-linkedin"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="member-info">
|
|
<h4>Amanda Jepson</h4>
|
|
<span>Accountant</span>
|
|
</div>
|
|
</div>
|
|
</div><!-- End Team Member -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</section><!-- /Team Section -->
|
|
|
|
</main>
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|