新增模板，修复模板选择bug
This commit is contained in:
parent
bf21006d4e
commit
a7908e0677
@ -7,6 +7,7 @@ namespace app\admin\controller\Cms\Theme;
|
||||
use app\admin\BaseController;
|
||||
use app\service\ThemeService;
|
||||
use think\facade\Request;
|
||||
use app\model\Cms\TemplateSiteConfig;
|
||||
|
||||
|
||||
/**
|
||||
@ -30,11 +31,15 @@ class ThemeController extends BaseController
|
||||
*/
|
||||
public function index()
|
||||
{
|
||||
$tid = Request::get('tid', 0, 'int');
|
||||
$tid = $this->getTenantId();
|
||||
|
||||
$themes = $this->themeService->getThemeList();
|
||||
$currentTheme = $this->themeService->getCurrentTheme($tid);
|
||||
|
||||
$theme_useing = TemplateSiteConfig::where('tid', $tid)
|
||||
->where('key', 'current_theme')
|
||||
->value('value');
|
||||
|
||||
return json([
|
||||
'code' => 200,
|
||||
'msg' => 'success',
|
||||
@ -51,14 +56,13 @@ class ThemeController extends BaseController
|
||||
*/
|
||||
public function switch()
|
||||
{
|
||||
// 从当前登录用户获取tid，而不是从前端参数
|
||||
$tid = $this->getTenantId();
|
||||
$tid = Request::post('tid', 0, 'int');
|
||||
$themeKey = Request::post('theme_key', '');
|
||||
|
||||
if (empty($tid) || $tid == 0) {
|
||||
return json([
|
||||
'code' => 401,
|
||||
'msg' => '未获取到租户ID，请重新登录'
|
||||
'msg' => '未获取到租户ID，请先选择租户'
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
@ -74,6 +74,121 @@ class Index extends BaseController
|
||||
return view('index/index');
|
||||
}
|
||||
|
||||
/**
|
||||
* 通用页面渲染
|
||||
* 根据页面名称（如 about, blog, portfolio 等）渲染对应模板
|
||||
* @param string $page 页面名称
|
||||
* @return \think\response|\think\response\View
|
||||
*/
|
||||
public function page(string $page = 'index')
|
||||
{
|
||||
$request = $this->request ?? Request::instance();
|
||||
|
||||
// 获取租户ID
|
||||
$tid = $request->tenantId ?? 0;
|
||||
if ($tid == 0) {
|
||||
$headerTid = $request->header('X-Tenant-Id');
|
||||
$tid = $headerTid ? (int) $headerTid : 0;
|
||||
}
|
||||
|
||||
if ($tid === 0) {
|
||||
die('tenantId未获取到，请检查域名解析');
|
||||
}
|
||||
|
||||
// 获取租户选择的模板
|
||||
$themeKey = 'default';
|
||||
if ($tid > 0) {
|
||||
$config = TemplateSiteConfig::where('tid', $tid)
|
||||
->where('key', 'current_theme')
|
||||
->withoutField('delete_time')
|
||||
->find();
|
||||
$themeKey = $config['value'] ?? 'default';
|
||||
}
|
||||
|
||||
// 模板路径
|
||||
$themeBasePath = root_path() . 'public' . DIRECTORY_SEPARATOR . 'themes' . DIRECTORY_SEPARATOR . $themeKey;
|
||||
$themeUrlPath = '/themes/' . $themeKey . '/';
|
||||
|
||||
// 安全检查：只允许字母、数字、中划线
|
||||
$page = preg_replace('/[^a-zA-Z0-9\-]/', '', $page);
|
||||
if (empty($page)) {
|
||||
$page = 'index';
|
||||
}
|
||||
|
||||
// 查找 PHP 模板（优先）或 HTML 模板
|
||||
$templateFile = $themeBasePath . DIRECTORY_SEPARATOR . $page . '.php';
|
||||
$templateHtmlFile = $themeBasePath . DIRECTORY_SEPARATOR . $page . '.html';
|
||||
|
||||
if (is_file($templateFile)) {
|
||||
return $this->renderPhpTemplate($templateFile, $themeUrlPath);
|
||||
} elseif (is_file($templateHtmlFile)) {
|
||||
$content = file_get_contents($templateHtmlFile);
|
||||
$content = $this->fixTemplateAssets($content, $themeUrlPath);
|
||||
return response($content, 200, ['Content-Type' => 'text/html; charset=utf-8']);
|
||||
}
|
||||
|
||||
// 模板不存在
|
||||
return response('页面不存在', 404, ['Content-Type' => 'text/html; charset=utf-8']);
|
||||
}
|
||||
|
||||
/**
|
||||
* 文章详情页
|
||||
* @param int $id 文章ID
|
||||
* @return \think\response
|
||||
*/
|
||||
public function articleDetail(int $id = 0)
|
||||
{
|
||||
$request = $this->request ?? Request::instance();
|
||||
|
||||
// 获取租户ID
|
||||
$tid = $request->tenantId ?? 0;
|
||||
if ($tid == 0) {
|
||||
$headerTid = $request->header('X-Tenant-Id');
|
||||
$tid = $headerTid ? (int) $headerTid : 0;
|
||||
}
|
||||
|
||||
if ($tid === 0) {
|
||||
die('tenantId未获取到，请检查域名解析');
|
||||
}
|
||||
|
||||
// 获取租户选择的模板
|
||||
$themeKey = 'default';
|
||||
if ($tid > 0) {
|
||||
$config = TemplateSiteConfig::where('tid', $tid)
|
||||
->where('key', 'current_theme')
|
||||
->withoutField('delete_time')
|
||||
->find();
|
||||
$themeKey = $config['value'] ?? 'default';
|
||||
}
|
||||
|
||||
// 模板路径
|
||||
$themeBasePath = root_path() . 'public' . DIRECTORY_SEPARATOR . 'themes' . DIRECTORY_SEPARATOR . $themeKey;
|
||||
$themeUrlPath = '/themes/' . $themeKey . '/';
|
||||
|
||||
// 查找文章详情模板
|
||||
$templateFile = $themeBasePath . DIRECTORY_SEPARATOR . 'article_detail.php';
|
||||
$templateHtmlFile = $themeBasePath . DIRECTORY_SEPARATOR . 'article_detail.html';
|
||||
$blogDetailsFile = $themeBasePath . DIRECTORY_SEPARATOR . 'blog-details.php';
|
||||
$blogDetailsHtmlFile = $themeBasePath . DIRECTORY_SEPARATOR . 'blog-details.html';
|
||||
|
||||
// 优先使用 article_detail 模板
|
||||
if (is_file($templateFile)) {
|
||||
return $this->renderPhpTemplate($templateFile, $themeUrlPath);
|
||||
} elseif (is_file($templateHtmlFile)) {
|
||||
$content = file_get_contents($templateHtmlFile);
|
||||
$content = $this->fixTemplateAssets($content, $themeUrlPath);
|
||||
return response($content, 200, ['Content-Type' => 'text/html; charset=utf-8']);
|
||||
} elseif (is_file($blogDetailsFile)) {
|
||||
return $this->renderPhpTemplate($blogDetailsFile, $themeUrlPath);
|
||||
} elseif (is_file($blogDetailsHtmlFile)) {
|
||||
$content = file_get_contents($blogDetailsHtmlFile);
|
||||
$content = $this->fixTemplateAssets($content, $themeUrlPath);
|
||||
return response($content, 200, ['Content-Type' => 'text/html; charset=utf-8']);
|
||||
}
|
||||
|
||||
return response('文章不存在', 404, ['Content-Type' => 'text/html; charset=utf-8']);
|
||||
}
|
||||
|
||||
/**
|
||||
* 修复模板中的资源路径
|
||||
* 将相对路径 (assets/, css/, js/, images/) 转换为绝对路径 (/themes/xxx/)
|
||||
|
||||
@ -5,6 +5,11 @@ use think\facade\Route;
|
||||
Route::get('/', 'app\index\controller\Index@index');
|
||||
Route::get('index/index', 'app\index\controller\Index@index');
|
||||
|
||||
// --- 模板通用页面路由 ---
|
||||
Route::get('article_detail/:id', 'app\index\controller\Index@articleDetail');
|
||||
Route::get(':page', 'app\index\controller\Index@page')
|
||||
->pattern(['page' => 'about|blog|blog-details|contact|portfolio|portfolio-details|service-details|services|team|articles']);
|
||||
|
||||
// --- 模板初始化接口 ---
|
||||
Route::get('init', 'app\index\controller\Index@init');
|
||||
|
||||
|
||||
@ -7,7 +7,6 @@ namespace app\service;
|
||||
use think\facade\Db;
|
||||
use think\facade\Config;
|
||||
use app\model\Cms\TemplateSiteConfig;
|
||||
use app\model\Cms\TemplateThemeData;
|
||||
|
||||
/**
|
||||
* 模板服务类
|
||||
@ -120,19 +119,12 @@ class ThemeService
|
||||
* @param int $tid 租户ID
|
||||
* @return string
|
||||
*/
|
||||
public function getCurrentTheme(int $tid = 0): string
|
||||
public function getCurrentTheme(int $tid)
|
||||
{
|
||||
try {
|
||||
$where = [['key', '=', 'current_theme'], ['delete_time', '=', null]];
|
||||
if ($tid > 0) {
|
||||
$where[] = ['tid', '=', $tid];
|
||||
}
|
||||
$config = TemplateSiteConfig::where($where)
|
||||
->find();
|
||||
return $config['value'] ?? 'default';
|
||||
} catch (\Exception $e) {
|
||||
return 'default';
|
||||
}
|
||||
// 直接通过 tid 查询对应的 value
|
||||
$value = TemplateSiteConfig::where('tid', $tid)->value('value');
|
||||
|
||||
return $value;
|
||||
}
|
||||
|
||||
/**
|
||||
@ -175,6 +167,7 @@ class ThemeService
|
||||
]);
|
||||
} else {
|
||||
TemplateSiteConfig::insert([
|
||||
'tid' => $tid,
|
||||
'key' => 'current_theme',
|
||||
'value' => $themeKey,
|
||||
'create_time' => $now,
|
||||
@ -199,17 +192,18 @@ class ThemeService
|
||||
$themeKey = $themeKey ?? $this->getCurrentTheme($tid);
|
||||
|
||||
try {
|
||||
$where = [['theme_key', '=', $themeKey], ['delete_time', '=', null]];
|
||||
if ($tid > 0) {
|
||||
$where[] = ['tid', '=', $tid];
|
||||
}
|
||||
$themeData = TemplateThemeData::where($where)
|
||||
$configData = TemplateSiteConfig::where($where)
|
||||
->select()
|
||||
->toArray();
|
||||
|
||||
$data = [];
|
||||
foreach ($themeData as $item) {
|
||||
$data[$item['field_key']] = $item['field_value'];
|
||||
foreach ($configData as $item) {
|
||||
// 去掉 field_ 前缀
|
||||
$fieldKey = substr($item['key'], 6);
|
||||
$data[$fieldKey] = $item['value'];
|
||||
}
|
||||
|
||||
return [
|
||||
@ -237,32 +231,32 @@ class ThemeService
|
||||
public function saveThemeField(int $tid, string $themeKey, string $fieldKey, $fieldValue): bool
|
||||
{
|
||||
try {
|
||||
// 使用 TemplateSiteConfig 表，key 格式为 field_xxx
|
||||
$configKey = 'field_' . $fieldKey;
|
||||
$where = [
|
||||
['theme_key', '=', $themeKey],
|
||||
['field_key', '=', $fieldKey],
|
||||
['key', '=', $configKey],
|
||||
['delete_time', '=', null]
|
||||
];
|
||||
if ($tid > 0) {
|
||||
$where[] = ['tid', '=', $tid];
|
||||
}
|
||||
$existing = TemplateThemeData::where($where)
|
||||
$existing = TemplateSiteConfig::where($where)
|
||||
->find();
|
||||
|
||||
$value = is_array($fieldValue) ? json_encode($fieldValue, JSON_UNESCAPED_UNICODE) : $fieldValue;
|
||||
$now = date('Y-m-d H:i:s');
|
||||
|
||||
if ($existing) {
|
||||
TemplateThemeData::where('id', $existing['id'])
|
||||
TemplateSiteConfig::where('id', $existing['id'])
|
||||
->update([
|
||||
'field_value' => $value,
|
||||
'value' => $value,
|
||||
'update_time' => $now
|
||||
]);
|
||||
} else {
|
||||
TemplateThemeData::insert([
|
||||
TemplateSiteConfig::insert([
|
||||
'tid' => $tid,
|
||||
'theme_key' => $themeKey,
|
||||
'field_key' => $fieldKey,
|
||||
'field_value' => $value,
|
||||
'key' => $configKey,
|
||||
'value' => $value,
|
||||
'create_time' => $now,
|
||||
'update_time' => $now
|
||||
]);
|
||||
|
||||
@ -1,91 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>About - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="about-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<?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(assets/img/about-page-title-bg.jpg);">
|
||||
<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>About</h1>
|
||||
<h1>关于我们</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">About</li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
||||
<li class="current">关于我们</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -98,7 +25,7 @@
|
||||
|
||||
<div class="row gy-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="col-lg-5">
|
||||
<img src="assets/img/about.jpg" class="img-fluid" alt="">
|
||||
<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">
|
||||
@ -128,7 +55,7 @@
|
||||
<div class="row g-0">
|
||||
|
||||
<div class="col-xl-5 img-bg" data-aos="fade-up" data-aos-delay="100">
|
||||
<img src="assets/img/why-us-bg.jpg" alt="">
|
||||
<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">
|
||||
@ -205,7 +132,7 @@
|
||||
<!-- Call To Action Section -->
|
||||
<section id="call-to-action" class="call-to-action section dark-background">
|
||||
|
||||
<img src="assets/img/cta-bg.jpg" alt="">
|
||||
<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">
|
||||
@ -237,7 +164,7 @@
|
||||
<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="assets/img/team/team-1.jpg" class="img-fluid" alt="">
|
||||
<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>
|
||||
@ -255,7 +182,7 @@
|
||||
<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="assets/img/team/team-2.jpg" class="img-fluid" alt="">
|
||||
<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>
|
||||
@ -273,7 +200,7 @@
|
||||
<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="assets/img/team/team-3.jpg" class="img-fluid" alt="">
|
||||
<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>
|
||||
@ -291,7 +218,7 @@
|
||||
<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="assets/img/team/team-4.jpg" class="img-fluid" alt="">
|
||||
<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>
|
||||
@ -314,90 +241,4 @@
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
@ -1,91 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Blog Details - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="blog-details-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<?php
|
||||
$pageTitle = '新闻中心详情 - Nova';
|
||||
$pageDescription = 'Nova Bootstrap Template 的新闻中心详情页面';
|
||||
$pageKeywords = 'blog, details, nova';
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/blog-page-title-bg.jpg);">
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(<?php echo $baseUrl; ?>/themes/template3/assets/img/blog-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Blog Details</h1>
|
||||
<h1>博客详情</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Blog Details</li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
||||
<li class="current">博客详情</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -103,16 +30,16 @@
|
||||
<article class="article">
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<h2 class="title">Dolorum optio tempore voluptas dignissimos cumque fuga qui quibusdam quia</h2>
|
||||
|
||||
<div class="meta-top">
|
||||
<ul>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="blog-details.html">John Doe</a></li>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="blog-details.html"><time datetime="2020-01-01">Jan 1, 2022</time></a></li>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="blog-details.html">12 Comments</a></li>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-person"></i> <a href="<?php echo $baseUrl; ?>/blog-details.php">John Doe</a></li>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-clock"></i> <a href="<?php echo $baseUrl; ?>/blog-details.php"><time datetime="2020-01-01">Jan 1, 2022</time></a></li>
|
||||
<li class="d-flex align-items-center"><i class="bi bi-chat-dots"></i> <a href="<?php echo $baseUrl; ?>/blog-details.php">12 Comments</a></li>
|
||||
</ul>
|
||||
</div><!-- End meta top -->
|
||||
|
||||
@ -144,7 +71,7 @@
|
||||
Quia et suscipit non sequi. Maxime sed odit. Beatae nesciunt nesciunt accusamus quia aut ratione aspernatur dolor. Sint harum eveniet dicta exercitationem minima. Exercitationem omnis asperiores natus aperiam dolor consequatur id ex sed. Quibusdam rerum dolores sint consequatur quidem ea.
|
||||
Beatae minima sunt libero soluta sapiente in rem assumenda. Et qui odit voluptatem. Cum quibusdam voluptatem voluptatem accusamus mollitia aut atque aut.
|
||||
</p>
|
||||
<img src="assets/img/blog/blog-inside-post.jpg" class="img-fluid" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-inside-post.jpg" class="img-fluid" alt="">
|
||||
|
||||
<h3>Ut repellat blanditiis est dolore sunt dolorum quae.</h3>
|
||||
<p>
|
||||
@ -181,13 +108,13 @@
|
||||
|
||||
<div class="container">
|
||||
<div class="author-container d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author.jpg" class="rounded-circle flex-shrink-0" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author.jpg" class="rounded-circle flex-shrink-0" alt="">
|
||||
<div>
|
||||
<h4>Jane Smith</h4>
|
||||
<div class="social-links">
|
||||
<a href="https://x.com/#"><i class="bi bi-twitter-x"></i></a>
|
||||
<a href="https://facebook.com/#"><i class="bi bi-facebook"></i></a>
|
||||
<a href="https://instagram.com/#"><i class="biu bi-instagram"></i></a>
|
||||
<a href="https://instagram.com/#"><i class="bi bi-instagram"></i></a>
|
||||
</div>
|
||||
<p>
|
||||
Itaque quidem optio quia voluptatibus dolorem dolor. Modi eum sed possimus accusantium. Quas repellat voluptatem officia numquam sint aspernatur voluptas. Esse et accusantium ut unde voluptas.
|
||||
@ -207,7 +134,7 @@
|
||||
|
||||
<div id="comment-1" class="comment">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-1.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-1.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Georgia Reader</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -221,7 +148,7 @@
|
||||
|
||||
<div id="comment-2" class="comment">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-2.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-2.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Aron Alvarado</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -233,7 +160,7 @@
|
||||
|
||||
<div id="comment-reply-1" class="comment comment-reply">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-3.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-3.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Lynda Small</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -249,7 +176,7 @@
|
||||
|
||||
<div id="comment-reply-2" class="comment comment-reply">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-4.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-4.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Sianna Ramsay</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -267,7 +194,7 @@
|
||||
|
||||
<div id="comment-3" class="comment">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-5.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-5.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Nolan Davidson</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -282,7 +209,7 @@
|
||||
|
||||
<div id="comment-4" class="comment">
|
||||
<div class="d-flex">
|
||||
<div class="comment-img"><img src="assets/img/blog/comments-6.jpg" alt=""></div>
|
||||
<div class="comment-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/comments-6.jpg" alt=""></div>
|
||||
<div>
|
||||
<h5><a href="">Kay Duggan</a> <a href="#" class="reply"><i class="bi bi-reply-fill"></i> Reply</a></h5>
|
||||
<time datetime="2020-01-01">01 Jan,2022</time>
|
||||
@ -304,29 +231,29 @@
|
||||
|
||||
<form action="">
|
||||
|
||||
<h4>Post Comment</h4>
|
||||
<p>Your email address will not be published. Required fields are marked * </p>
|
||||
<h4>发表评论</h4>
|
||||
<p>您的邮箱地址不会被公开。必填项已标记 * </p>
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<input name="name" type="text" class="form-control" placeholder="Your Name*">
|
||||
<input name="name" type="text" class="form-control" placeholder="您的姓名 *">
|
||||
</div>
|
||||
<div class="col-md-6 form-group">
|
||||
<input name="email" type="text" class="form-control" placeholder="Your Email*">
|
||||
<input name="email" type="text" class="form-control" placeholder="您的邮箱 *">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col form-group">
|
||||
<input name="website" type="text" class="form-control" placeholder="Your Website">
|
||||
<input name="website" type="text" class="form-control" placeholder="您的网站">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col form-group">
|
||||
<textarea name="comment" class="form-control" placeholder="Your Comment*"></textarea>
|
||||
<textarea name="comment" class="form-control" placeholder="您的评论 *"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<button type="submit" class="btn btn-primary">Post Comment</button>
|
||||
<button type="submit" class="btn btn-primary">发表评论</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
@ -343,7 +270,7 @@
|
||||
<!-- Search Widget -->
|
||||
<div class="search-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Search</h3>
|
||||
<h3 class="widget-title">搜索</h3>
|
||||
<form action="">
|
||||
<input type="text">
|
||||
<button type="submit" title="Search"><i class="bi bi-search"></i></button>
|
||||
@ -354,14 +281,14 @@
|
||||
<!-- Categories Widget -->
|
||||
<div class="categories-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<h3 class="widget-title">分类</h3>
|
||||
<ul class="mt-3">
|
||||
<li><a href="#">General <span>(25)</span></a></li>
|
||||
<li><a href="#">Lifestyle <span>(12)</span></a></li>
|
||||
<li><a href="#">Travel <span>(5)</span></a></li>
|
||||
<li><a href="#">Design <span>(22)</span></a></li>
|
||||
<li><a href="#">Creative <span>(8)</span></a></li>
|
||||
<li><a href="#">Educaion <span>(14)</span></a></li>
|
||||
<li><a href="#">综合 <span>(25)</span></a></li>
|
||||
<li><a href="#">生活方式 <span>(12)</span></a></li>
|
||||
<li><a href="#">旅行 <span>(5)</span></a></li>
|
||||
<li><a href="#">设计 <span>(22)</span></a></li>
|
||||
<li><a href="#">创意 <span>(8)</span></a></li>
|
||||
<li><a href="#">教育 <span>(14)</span></a></li>
|
||||
</ul>
|
||||
|
||||
</div><!--/Categories Widget -->
|
||||
@ -369,44 +296,44 @@
|
||||
<!-- Recent Posts Widget -->
|
||||
<div class="recent-posts-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Recent Posts</h3>
|
||||
<h3 class="widget-title">最新文章</h3>
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-1.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-1.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Nihil blanditiis at in nihil autem</a></h4>
|
||||
<h4><a href="<?php echo $baseUrl; ?>/blog-details.php">Nihil blanditiis at in nihil autem</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-2.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-2.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Quidem autem et impedit</a></h4>
|
||||
<h4><a href="<?php echo $baseUrl; ?>/blog-details.php">Quidem autem et impedit</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-3.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-3.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Id quia et et ut maxime similique occaecati ut</a></h4>
|
||||
<h4><a href="<?php echo $baseUrl; ?>/blog-details.php">Id quia et et ut maxime similique occaecati ut</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-4.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-4.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Laborum corporis quo dara net para</a></h4>
|
||||
<h4><a href="<?php echo $baseUrl; ?>/blog-details.php">Laborum corporis quo dara net para</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-5.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-5.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Et dolores corrupti quae illo quod dolor</a></h4>
|
||||
<h4><a href="<?php echo $baseUrl; ?>/blog-details.php">Et dolores corrupti quae illo quod dolor</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
@ -416,7 +343,7 @@
|
||||
<!-- Tags Widget -->
|
||||
<div class="tags-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Tags</h3>
|
||||
<h3 class="widget-title">标签</h3>
|
||||
<ul>
|
||||
<li><a href="#">App</a></li>
|
||||
<li><a href="#">IT</a></li>
|
||||
@ -442,90 +369,4 @@
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
@ -1,91 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Blog - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="blog-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<?php
|
||||
$pageTitle = '新闻中心 - Nova';
|
||||
$pageDescription = 'Nova Bootstrap Template 的新闻中心页面';
|
||||
$pageKeywords = 'blog, news, nova';
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/blog-page-title-bg.jpg);">
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(<?php echo $baseUrl; ?>/themes/template3/assets/img/blog-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Blog</h1>
|
||||
<h1>新闻中心</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Blog</li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
||||
<li class="current">新闻中心</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -106,17 +33,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-1.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Politics</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Dolorum optio tempore voluptas dignissimos</a>
|
||||
<a href="blog-details.php">Dolorum optio tempore voluptas dignissimos</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Maria Doe</p>
|
||||
<p class="post-date">
|
||||
@ -132,17 +59,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-2.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-2.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Sports</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Nisi magni odit consequatur autem nulla dolorem</a>
|
||||
<a href="blog-details.php">Nisi magni odit consequatur autem nulla dolorem</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author-2.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author-2.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Allisa Mayer</p>
|
||||
<p class="post-date">
|
||||
@ -158,17 +85,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-3.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-3.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Entertainment</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Possimus soluta ut id suscipit ea ut in quo quia et soluta</a>
|
||||
<a href="blog-details.php">Possimus soluta ut id suscipit ea ut in quo quia et soluta</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author-3.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author-3.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Mark Dower</p>
|
||||
<p class="post-date">
|
||||
@ -184,17 +111,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-4.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-4.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Sports</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Non rem rerum nam cum quo minus olor distincti</a>
|
||||
<a href="blog-details.php">Non rem rerum nam cum quo minus olor distincti</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author-4.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author-4.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Lisa Neymar</p>
|
||||
<p class="post-date">
|
||||
@ -210,17 +137,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-5.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-5.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Politics</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Accusamus quaerat aliquam qui debitis facilis consequatur</a>
|
||||
<a href="blog-details.php">Accusamus quaerat aliquam qui debitis facilis consequatur</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author-5.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author-5.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Denis Peterson</p>
|
||||
<p class="post-date">
|
||||
@ -236,17 +163,17 @@
|
||||
<article>
|
||||
|
||||
<div class="post-img">
|
||||
<img src="assets/img/blog/blog-6.jpg" alt="" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-6.jpg" alt="" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<p class="post-category">Entertainment</p>
|
||||
|
||||
<h2 class="title">
|
||||
<a href="blog-details.html">Distinctio provident quibusdam numquam aperiam aut</a>
|
||||
<a href="blog-details.php">Distinctio provident quibusdam numquam aperiam aut</a>
|
||||
</h2>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<img src="assets/img/blog/blog-author-6.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author-6.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
||||
<div class="post-meta">
|
||||
<p class="post-author">Mika Lendon</p>
|
||||
<p class="post-date">
|
||||
@ -292,7 +219,7 @@
|
||||
<!-- Search Widget -->
|
||||
<div class="search-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Search</h3>
|
||||
<h3 class="widget-title">搜索</h3>
|
||||
<form action="">
|
||||
<input type="text">
|
||||
<button type="submit" title="Search"><i class="bi bi-search"></i></button>
|
||||
@ -303,7 +230,7 @@
|
||||
<!-- Categories Widget -->
|
||||
<div class="categories-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Categories</h3>
|
||||
<h3 class="widget-title">分类</h3>
|
||||
<ul class="mt-3">
|
||||
<li><a href="#">General <span>(25)</span></a></li>
|
||||
<li><a href="#">Lifestyle <span>(12)</span></a></li>
|
||||
@ -318,44 +245,44 @@
|
||||
<!-- Recent Posts Widget -->
|
||||
<div class="recent-posts-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Recent Posts</h3>
|
||||
<h3 class="widget-title">最新文章</h3>
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-1.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-1.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Nihil blanditiis at in nihil autem</a></h4>
|
||||
<h4><a href="blog-details.php">Nihil blanditiis at in nihil autem</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-2.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-2.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Quidem autem et impedit</a></h4>
|
||||
<h4><a href="blog-details.php">Quidem autem et impedit</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-3.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-3.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Id quia et et ut maxime similique occaecati ut</a></h4>
|
||||
<h4><a href="blog-details.php">Id quia et et ut maxime similique occaecati ut</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-4.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-4.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Laborum corporis quo dara net para</a></h4>
|
||||
<h4><a href="blog-details.php">Laborum corporis quo dara net para</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
|
||||
<div class="post-item">
|
||||
<img src="assets/img/blog/blog-recent-5.jpg" alt="" class="flex-shrink-0">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-5.jpg" alt="" class="flex-shrink-0">
|
||||
<div>
|
||||
<h4><a href="blog-details.html">Et dolores corrupti quae illo quod dolor</a></h4>
|
||||
<h4><a href="blog-details.php">Et dolores corrupti quae illo quod dolor</a></h4>
|
||||
<time datetime="2020-01-01">Jan 1, 2020</time>
|
||||
</div>
|
||||
</div><!-- End recent post item-->
|
||||
@ -365,7 +292,7 @@
|
||||
<!-- Tags Widget -->
|
||||
<div class="tags-widget widget-item">
|
||||
|
||||
<h3 class="widget-title">Tags</h3>
|
||||
<h3 class="widget-title">标签</h3>
|
||||
<ul>
|
||||
<li><a href="#">App</a></li>
|
||||
<li><a href="#">IT</a></li>
|
||||
@ -397,7 +324,7 @@
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<a href="<?php echo $baseUrl; ?>/" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
@ -410,29 +337,29 @@
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<h4>有用链接</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/">Home</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/about.php">About us</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/services.php">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<h4>特色业务</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/portfolio.php">Web Design</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/portfolio.php">Web Development</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/services.php">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<h4>联系我们</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
@ -447,34 +374,10 @@
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
@ -1,254 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Contact - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="contact-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/contact-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Contact</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Contact</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div><!-- End Page Title -->
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="contact section">
|
||||
|
||||
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
||||
|
||||
<div class="row gy-4">
|
||||
|
||||
<div class="col-lg-5">
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
|
||||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>Address</h3>
|
||||
<p>A108 Adam Street, New York, NY 535022</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
|
||||
<i class="bi bi-telephone flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>Call Us</h3>
|
||||
<p>+1 5589 55488 55</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
|
||||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>Email Us</h3>
|
||||
<p>info@example.com</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-7">
|
||||
<form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="500">
|
||||
<div class="row gy-4">
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" name="name" class="form-control" placeholder="Your Name" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 ">
|
||||
<input type="email" class="form-control" name="email" placeholder="Your Email" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<input type="text" class="form-control" name="subject" placeholder="Subject" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="loading">Loading</div>
|
||||
<div class="error-message"></div>
|
||||
<div class="sent-message">Your message has been sent. Thank you!</div>
|
||||
|
||||
<button type="submit">Send Message</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- End Contact Form -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- /Contact Section -->
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
95
public/themes/template3/contact.php
Normal file
95
public/themes/template3/contact.php
Normal file
@ -0,0 +1,95 @@
|
||||
<?php
|
||||
$pageTitle = '联系我们 - Nova';
|
||||
$pageDescription = 'Nova Bootstrap Template 的联系我们页面';
|
||||
$pageKeywords = 'contact, 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/contact-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 -->
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="contact section">
|
||||
|
||||
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
||||
|
||||
<div class="row gy-4">
|
||||
|
||||
<div class="col-lg-5">
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="200">
|
||||
<i class="bi bi-geo-alt flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>地址</h3>
|
||||
<p>A108 Adam Street, New York, NY 535022</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="300">
|
||||
<i class="bi bi-telephone flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>联系电话</h3>
|
||||
<p>+1 5589 55488 55</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
<div class="info-item d-flex" data-aos="fade-up" data-aos-delay="400">
|
||||
<i class="bi bi-envelope flex-shrink-0"></i>
|
||||
<div>
|
||||
<h3>电子邮箱</h3>
|
||||
<p>info@example.com</p>
|
||||
</div>
|
||||
</div><!-- End Info Item -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-lg-7">
|
||||
<form action="<?php echo $baseUrl; ?>/themes/template3/forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="500">
|
||||
<div class="row gy-4">
|
||||
|
||||
<div class="col-md-6">
|
||||
<input type="text" name="name" class="form-control" placeholder="您的姓名" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 ">
|
||||
<input type="email" class="form-control" name="email" placeholder="您的邮箱" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<input type="text" class="form-control" name="subject" placeholder="主题" required="">
|
||||
</div>
|
||||
|
||||
<div class="col-md-12">
|
||||
<textarea class="form-control" name="message" rows="6" placeholder="留言内容" required=""></textarea>
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="loading">加载中</div>
|
||||
<div class="error-message"></div>
|
||||
<div class="sent-message">您的留言已发送，感谢！</div>
|
||||
|
||||
<button type="submit">发送留言</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div><!-- End Contact Form -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- /Contact Section -->
|
||||
|
||||
</main>
|
||||
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
21
public/themes/template3/footer.php
Normal file
21
public/themes/template3/footer.php
Normal file
@ -0,0 +1,21 @@
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/aos/aos.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="<?php echo $baseUrl; ?>/themes/template3/assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
52
public/themes/template3/header.php
Normal file
52
public/themes/template3/header.php
Normal file
@ -0,0 +1,52 @@
|
||||
<?php
|
||||
$host = $_SERVER['HTTP_HOST'] ?? '';
|
||||
$scheme = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on') ? 'https' : 'http';
|
||||
$baseUrl = $scheme . '://' . $host;
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title><?php echo isset($pageTitle) ? $pageTitle : 'Nova'; ?></title>
|
||||
<meta name="description" content="<?php echo isset($pageDescription) ? $pageDescription : ''; ?>">
|
||||
<meta name="keywords" content="<?php echo isset($pageKeywords) ? $pageKeywords : ''; ?>">
|
||||
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/img/favicon.png" rel="icon">
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<link href="<?php echo $baseUrl; ?>/themes/template3/assets/css/main.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="blog-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="<?php echo $baseUrl; ?>/" class="logo d-flex align-items-center">
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="<?php echo $baseUrl; ?>/" class="active">主页</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/blog.php">新闻中心</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/portfolio.php">特色业务</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/contact.php">联系我们</a></li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/about.php">关于我们</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
@ -1,98 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Index - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="index-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<?php
|
||||
$pageTitle = '首页 - Nova';
|
||||
$pageDescription = 'Nova Bootstrap Template 的首页';
|
||||
$pageKeywords = 'home, nova';
|
||||
require_once __DIR__ . '/header.php';
|
||||
?>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section id="hero" class="hero section dark-background">
|
||||
|
||||
<img src="assets/img/hero-bg.jpg" alt="" data-aos="fade-in">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/hero-bg.jpg" alt="" data-aos="fade-in">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-4">
|
||||
<h1 data-aos="fade-up">Focus On What Matters</h1>
|
||||
<h1 data-aos="fade-up">专注于重要的事情</h1>
|
||||
<blockquote data-aos="fade-up" data-aos-delay="100">
|
||||
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perspiciatis cum recusandae eum laboriosam voluptatem repudiandae odio, vel exercitationem officiis provident minima. </p>
|
||||
</blockquote>
|
||||
<div class="d-flex" data-aos="fade-up" data-aos-delay="200">
|
||||
<a href="#about" class="btn-get-started">Get Started</a>
|
||||
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>Watch Video</span></a>
|
||||
<a href="#about" class="btn-get-started">开始使用</a>
|
||||
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>观看视频</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -108,7 +35,7 @@
|
||||
<div class="row g-0">
|
||||
|
||||
<div class="col-xl-5 img-bg" data-aos="fade-up" data-aos-delay="100">
|
||||
<img src="assets/img/why-us-bg.jpg" alt="">
|
||||
<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">
|
||||
@ -138,7 +65,7 @@
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="item">
|
||||
<h3 class="mb-3">Let's grow your business together</h3>
|
||||
<h3 class="mb-3">让我们一起成长</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>
|
||||
@ -187,7 +114,7 @@
|
||||
|
||||
<!-- Section Title -->
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Our Services</h2>
|
||||
<h2>我们的服务</h2>
|
||||
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
@ -200,7 +127,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Service Item -->
|
||||
@ -210,7 +137,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -219,7 +146,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -228,7 +155,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -237,7 +164,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -246,7 +173,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -259,15 +186,15 @@
|
||||
<!-- Call To Action Section -->
|
||||
<section id="call-to-action" class="call-to-action section dark-background">
|
||||
|
||||
<img src="assets/img/cta-bg.jpg" alt="">
|
||||
<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>
|
||||
<h3>联系我们</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>
|
||||
<a class="cta-btn" href="#">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -281,8 +208,8 @@
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="100">
|
||||
<h3 class="mb-0">Powerful Features for</h3>
|
||||
<h3>Your Business</h3>
|
||||
<h3 class="mb-0">强大的功能</h3>
|
||||
<h3>为您的企业</h3>
|
||||
|
||||
<div class="row gy-4">
|
||||
|
||||
@ -345,7 +272,7 @@
|
||||
</div>
|
||||
<div class="col-lg-5 position-relative" data-aos="zoom-out" data-aos-delay="200">
|
||||
<div class="phone-wrap">
|
||||
<img src="assets/img/iphone.png" alt="Image" class="img-fluid">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/iphone.png" alt="Image" class="img-fluid">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -358,7 +285,7 @@
|
||||
<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||||
<h4>Labore Sdio Lidui<br>Bonde Naruto</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam nostrum molestias doloremque quae delectus odit minima corrupti blanditiis quo animi!</p>
|
||||
<a href="#about" class="btn-get-started">Get Started</a>
|
||||
<a href="#about" class="btn-get-started">开始使用</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -371,7 +298,7 @@
|
||||
|
||||
<!-- Section Title -->
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Recent Blog Posts</h2>
|
||||
<h2>最新博客文章</h2>
|
||||
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
@ -381,53 +308,53 @@
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="post-box">
|
||||
<div class="post-img"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="post-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="meta">
|
||||
<span class="post-date">Tue, December 12</span>
|
||||
<span class="post-author"> / Julia Parker</span>
|
||||
</div>
|
||||
<h3 class="post-title">Eum ad dolor et. Autem aut fugiat debitis</h3>
|
||||
<p>Illum voluptas ab enim placeat. Adipisci enim velit nulla. Vel omnis laudantium. Asperiores eum ipsa est officiis. Modi qui magni est...</p>
|
||||
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="<?php echo $baseUrl; ?>/blog-details.php" class="readmore stretched-link"><span>阅读更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="post-box">
|
||||
<div class="post-img"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="post-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="meta">
|
||||
<span class="post-date">Fri, September 05</span>
|
||||
<span class="post-author"> / Mario Douglas</span>
|
||||
</div>
|
||||
<h3 class="post-title">Et repellendus molestiae qui est sed omnis</h3>
|
||||
<p>Voluptatem nesciunt omnis libero autem tempora enim ut ipsam id. Odit quia ab eum assumenda. Quisquam omnis doloribus...</p>
|
||||
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="<?php echo $baseUrl; ?>/blog-details.php" class="readmore stretched-link"><span>阅读更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="fade-up" data-aos-delay="600">
|
||||
<div class="post-box">
|
||||
<div class="post-img"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="post-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="meta">
|
||||
<span class="post-date">Tue, July 27</span>
|
||||
<span class="post-author"> / Lisa Hunter</span>
|
||||
</div>
|
||||
<h3 class="post-title">Quia assumenda est et veritati</h3>
|
||||
<p>Quia nam eaque omnis explicabo similique eum quaerat similique laboriosam. Quis omnis repellat sed quae consectetur magnam...</p>
|
||||
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="<?php echo $baseUrl; ?>/blog-details.php" class="readmore stretched-link"><span>阅读更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3 col-md-6" data-aos="fade-up" data-aos-delay="600">
|
||||
<div class="post-box">
|
||||
<div class="post-img"><img src="assets/img/blog/blog-4.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="post-img"><img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-4.jpg" class="img-fluid" alt=""></div>
|
||||
<div class="meta">
|
||||
<span class="post-date">Tue, Sep 16</span>
|
||||
<span class="post-author"> / Mario Douglas</span>
|
||||
</div>
|
||||
<h3 class="post-title">Pariatur quia facilis similique deleniti</h3>
|
||||
<p>Et consequatur eveniet nam voluptas commodi cumque ea est ex. Aut quis omnis sint ipsum earum quia eligendi...</p>
|
||||
<a href="blog-details.html" class="readmore stretched-link"><span>Read More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="<?php echo $baseUrl; ?>/blog-details.php" class="readmore stretched-link"><span>阅读更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -439,90 +366,4 @@
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
@ -1,255 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Portfolio Details - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="portfolio-details-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/portfolio-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Portfolio Details</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Portfolio Details</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="assets/img/portfolio/app-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img src="assets/img/portfolio/product-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img src="assets/img/portfolio/branding-1.jpg" alt="">
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<img src="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>Project information</h3>
|
||||
<ul>
|
||||
<li><strong>Category</strong>: Web design</li>
|
||||
<li><strong>Client</strong>: ASU Company</li>
|
||||
<li><strong>Project date</strong>: 01 March, 2020</li>
|
||||
<li><strong>Project URL</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>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
96
public/themes/template3/portfolio-details.php
Normal file
96
public/themes/template3/portfolio-details.php
Normal file
@ -0,0 +1,96 @@
|
||||
<?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'; ?>
|
||||
@ -1,327 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Portfolio - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="portfolio-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/portfolio-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Portfolio</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Portfolio</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">All</li>
|
||||
<li data-filter=".filter-app">App</li>
|
||||
<li data-filter=".filter-product">Product</li>
|
||||
<li data-filter=".filter-branding">Branding</li>
|
||||
<li data-filter=".filter-books">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="assets/img/portfolio/app-1.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>App 1</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/app-1.jpg" title="App 1" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/product-1.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Product 1</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/product-1.jpg" title="Product 1" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/branding-1.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Branding 1</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/branding-1.jpg" title="Branding 1" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/books-1.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Books 1</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/books-1.jpg" title="Branding 1" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/app-2.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>App 2</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/app-2.jpg" title="App 2" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/product-2.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Product 2</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/product-2.jpg" title="Product 2" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/branding-2.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Branding 2</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/branding-2.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/books-2.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Books 2</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/books-2.jpg" title="Branding 2" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/app-3.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>App 3</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/app-3.jpg" title="App 3" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/product-3.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Product 3</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/product-3.jpg" title="Product 3" data-gallery="portfolio-gallery-product" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/branding-3.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Branding 3</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/branding-3.jpg" title="Branding 2" data-gallery="portfolio-gallery-branding" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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="assets/img/portfolio/books-3.jpg" class="img-fluid" alt="">
|
||||
<div class="portfolio-info">
|
||||
<h4>Books 3</h4>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur</p>
|
||||
<a href="assets/img/portfolio/books-3.jpg" title="Branding 3" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
|
||||
<a href="portfolio-details.html" title="More Details" 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>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
168
public/themes/template3/portfolio.php
Normal file
168
public/themes/template3/portfolio.php
Normal file
@ -0,0 +1,168 @@
|
||||
<?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'; ?>
|
||||
BIN
public/themes/template3/preview.png
Normal file
BIN
public/themes/template3/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 999 KiB |
@ -1,244 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Service Details - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="service-details-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/services-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Service Details</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Service Details</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>Serices List</h4>
|
||||
<div class="services-list">
|
||||
<a href="#" class="active"><i class="bi bi-arrow-right-circle"></i><span>Web Design</span></a>
|
||||
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>Web Design</span></a>
|
||||
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>Product Management</span></a>
|
||||
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>Graphic Design</span></a>
|
||||
<a href="#"><i class="bi bi-arrow-right-circle"></i><span>Marketing</span></a>
|
||||
</div>
|
||||
</div><!-- End Services List -->
|
||||
|
||||
<div class="service-box">
|
||||
<h4>Download Catalog</h4>
|
||||
<div class="download-catalog">
|
||||
<a href="#"><i class="bi bi-filetype-pdf"></i><span>Catalog PDF</span></a>
|
||||
<a href="#"><i class="bi bi-file-earmark-word"></i><span>Catalog DOC</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>Have a Question?</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="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>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
85
public/themes/template3/service-details.php
Normal file
85
public/themes/template3/service-details.php
Normal file
@ -0,0 +1,85 @@
|
||||
<?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'; ?>
|
||||
@ -1,91 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Services - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="services-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
<?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(assets/img/services-page-title-bg.jpg);">
|
||||
<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>Services</h1>
|
||||
<h1>服务项目</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Services</li>
|
||||
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
||||
<li class="current">服务项目</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
@ -96,7 +23,7 @@
|
||||
|
||||
<!-- Section Title -->
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Our Services</h2>
|
||||
<h2>我们的服务</h2>
|
||||
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
@ -109,7 +36,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Service Item -->
|
||||
@ -119,7 +46,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -128,7 +55,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -137,7 +64,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -146,7 +73,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -155,7 +82,7 @@
|
||||
<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>Learn More</span><i class="bi bi-arrow-right"></i></a>
|
||||
<a href="#" class="readmore stretched-link"><span>了解更多</span><i class="bi bi-arrow-right"></i></a>
|
||||
</div>
|
||||
</div><!-- End Service Item -->
|
||||
|
||||
@ -176,7 +103,7 @@
|
||||
<div class="card-item">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<div class="card-bg"><img src="assets/img/cards-1.jpg" alt=""></div>
|
||||
<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">
|
||||
@ -192,7 +119,7 @@
|
||||
<div class="card-item">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<div class="card-bg"><img src="assets/img/cards-5.jpg" alt=""></div>
|
||||
<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">
|
||||
@ -208,7 +135,7 @@
|
||||
<div class="card-item">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<div class="card-bg"><img src="assets/img/cards-3.jpg" alt=""></div>
|
||||
<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">
|
||||
@ -224,7 +151,7 @@
|
||||
<div class="card-item">
|
||||
<div class="row">
|
||||
<div class="col-xl-5">
|
||||
<div class="card-bg"><img src="assets/img/cards-4.jpg" alt=""></div>
|
||||
<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">
|
||||
@ -247,7 +174,7 @@
|
||||
|
||||
<!-- Section Title -->
|
||||
<div class="container section-title" data-aos="fade-up">
|
||||
<h2>Testimonials</h2>
|
||||
<h2>客户评价</h2>
|
||||
<p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
@ -290,9 +217,9 @@
|
||||
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="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
|
||||
<h3>Saul Goodman</h3>
|
||||
<h4>Ceo & Founder</h4>
|
||||
<h4>首席执行官</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End testimonial item -->
|
||||
@ -306,9 +233,9 @@
|
||||
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="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
||||
<h3>Sara Wilsson</h3>
|
||||
<h4>Designer</h4>
|
||||
<h4>设计师</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End testimonial item -->
|
||||
@ -322,9 +249,9 @@
|
||||
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="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
||||
<h3>Jena Karlis</h3>
|
||||
<h4>Store Owner</h4>
|
||||
<h4>店铺老板</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End testimonial item -->
|
||||
@ -338,9 +265,9 @@
|
||||
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="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
|
||||
<h3>Matt Brandon</h3>
|
||||
<h4>Freelancer</h4>
|
||||
<h4>自由职业者</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End testimonial item -->
|
||||
@ -354,9 +281,9 @@
|
||||
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="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
|
||||
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
|
||||
<h3>John Larson</h3>
|
||||
<h4>Entrepreneur</h4>
|
||||
<h4>企业家</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End testimonial item -->
|
||||
@ -371,90 +298,4 @@
|
||||
|
||||
</main>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
@ -1,267 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||||
<base href="/themes/template3/">
|
||||
<title>Team - Nova Bootstrap Template</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="keywords" content="">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link href="assets/img/favicon.png" rel="icon">
|
||||
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
||||
|
||||
<!-- Vendor CSS Files -->
|
||||
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
|
||||
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
||||
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
|
||||
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Main CSS File -->
|
||||
<link href="assets/css/main.css" rel="stylesheet">
|
||||
|
||||
<!-- =======================================================
|
||||
* Template Name: Nova
|
||||
* Template URL: https://bootstrapmade.com/nova-bootstrap-business-template/
|
||||
* Updated: Aug 07 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
======================================================== -->
|
||||
</head>
|
||||
|
||||
<body class="team-page">
|
||||
|
||||
<header id="header" class="header d-flex align-items-center fixed-top">
|
||||
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename">Nova</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/index.html" class="active">Home<br></a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="/services.html">Services</a></li>
|
||||
<li><a href="/portfolio.html">Portfolio</a></li>
|
||||
<li><a href="/team.html">Team</a></li>
|
||||
<li><a href="/blog.html">Blog</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Dropdown 1</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Deep Dropdown</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Deep Dropdown 1</a></li>
|
||||
<li><a href="#">Deep Dropdown 2</a></li>
|
||||
<li><a href="#">Deep Dropdown 3</a></li>
|
||||
<li><a href="#">Deep Dropdown 4</a></li>
|
||||
<li><a href="#">Deep Dropdown 5</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Dropdown 2</a></li>
|
||||
<li><a href="#">Dropdown 3</a></li>
|
||||
<li><a href="#">Dropdown 4</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/contact.html">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main">
|
||||
|
||||
<!-- Page Title -->
|
||||
<div class="page-title dark-background" data-aos="fade" style="background-image: url(assets/img/team-page-title-bg.jpg);">
|
||||
<div class="container">
|
||||
<h1>Team</h1>
|
||||
<nav class="breadcrumbs">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li class="current">Team</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</div>
|
||||
</div><!-- End Page Title -->
|
||||
|
||||
<!-- Team Section -->
|
||||
<section id="team" class="team section">
|
||||
|
||||
<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="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="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="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="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>
|
||||
|
||||
<footer id="footer" class="footer light-background">
|
||||
|
||||
<div class="footer-top">
|
||||
<div class="container">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-5 col-md-12 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<span class="sitename">Nova</span>
|
||||
</a>
|
||||
<p>Cras fermentum odio eu feugiat lide par naso tierra. Justo eget nada terra videa magna derita valies darta donna mare fermentum iaculis eu non diam phasellus.</p>
|
||||
<div class="social-links d-flex mt-4">
|
||||
<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="col-lg-2 col-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-6 footer-links">
|
||||
<h4>Our Services</h4>
|
||||
<ul>
|
||||
<li><a href="#">Web Design</a></li>
|
||||
<li><a href="#">Web Development</a></li>
|
||||
<li><a href="#">Product Management</a></li>
|
||||
<li><a href="#">Marketing</a></li>
|
||||
<li><a href="#">Graphic Design</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
||||
<h4>Contact Us</h4>
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p>United States</p>
|
||||
<p class="mt-4"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">Nova</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> Distributed by <a href="https://themewagon.com">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Scroll Top -->
|
||||
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
||||
|
||||
<!-- Preloader -->
|
||||
<div id="preloader"></div>
|
||||
|
||||
<!-- Vendor JS Files -->
|
||||
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="assets/vendor/php-email-form/validate.js"></script>
|
||||
<script src="assets/vendor/aos/aos.js"></script>
|
||||
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
|
||||
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
|
||||
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
|
||||
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
||||
|
||||
<!-- Main JS File -->
|
||||
<script src="assets/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
108
public/themes/template3/team.php
Normal file
108
public/themes/template3/team.php
Normal file
@ -0,0 +1,108 @@
|
||||
<?php
|
||||
$pageTitle = '团队成员 - Nova';
|
||||
$pageDescription = 'Nova Bootstrap Template 的团队成员页面';
|
||||
$pageKeywords = 'team, 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/team-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 -->
|
||||
|
||||
<!-- Team Section -->
|
||||
<section id="team" class="team section">
|
||||
|
||||
<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>首席执行官</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>产品经理</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>技术总监</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>会计</span>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Team Member -->
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section><!-- /Team Section -->
|
||||
|
||||
</main>
|
||||
|
||||
<?php require_once __DIR__ . '/footer.php'; ?>
|
||||
Loading…
Reference in New Issue
Block a user