sunshine255/AIPT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
root
2024-10-29 03:42:53 +00:00
commit ce4d28d241
8443 changed files with 257326 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
cn/.htaccess Normal file
View File

@@ -0,0 +1,3 @@
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.php [NC,L]

62
cn/404.php Normal file
View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html>
<head>
<?php
$title = "404错误页面 - AI Tool Path";
$description = "您访问的页面不存在。请返回首页或使用站内搜索找到您需要的内容。";
$keywords = "404, 页面未找到, AI工具, AI导航";
include('container/links.php');?>
</head>
<body class="body-bg-color">
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- End Preloader -->
<!-- Cursor -->
<div class="cursor"></div>
<div class="cursor-follower"></div>
<!-- Cursor End -->
<!--Error Page Start-->
<section class="error-page full-height">
<div class="error-page__shape-1">
<img src="images/shapes/404-shape-1.png" alt="">
</div>
<div class="error-page__shape-2"></div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="error-page__inner">
<div class="error-page__title-box">
<h2 class="error-page__title">404</h2>
</div>
<h3 class="error-page__tagline">抱歉！页面无法找到。</h3>
<p class="error-page__text">您访问的页面不存在或已被移动。
</p>
<div class="error-page__btn-box">
<a href="index" class="error-page__btn thm-btn">带我回首页<span
class="icon-arrow-right"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Error Page End -->
</div>
<!-- End PageWrapper -->
<!-- Scroll To Top -->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fas fa-arrow-up fa-fw"></span></div>
<?php include 'container/footer_links.php' ?>
</body>
</html>

79
cn/about.php Normal file
View File

@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO Meta Tags -->
<meta name="robots" content="index, follow">
<!--<meta name="description" content="海南省学宇思网络科技有限公司专注于自主研发的软件、人工智能及大数据解决方案，已成功进入市场并实现广泛应用。">-->
<!--<meta name="keywords" content="软件开发, 人工智能, 大数据, 自主研发, 海南省学宇思网络科技有限公司, 数字化转型, 智能化解决方案">-->
<!--<title>关于我们 - 海南省学宇思网络科技有限公司</title>-->
<?php
$title = "关于我们 - 海南省学宇思网络科技有限公司";
$description = "海南省学宇思网络科技有限公司专注于自主研发的软件、人工智能及大数据解决方案，已成功进入市场并实现广泛应用";
$keywords = "软件开发, 人工智能, 大数据, 自主研发, 海南省学宇思网络科技有限公司, 数字化转型, 智能化解决方案";
include('container/links.php');
?>
</head>
<body class="body-bg-color">
<!-- Header -->
<?php include 'container/header.php'; ?>
<!-- Page Title Start -->
<section class="page-title">
<div class="container">
<div class="page-title__inner">
<div class="page-title__shape-1" style="background-image: url(images/shapes/page-title-shape-1.png);"></div>
<div class="page-title__title-box">
<h3 class="page-title__title">关于我们</h3>
</div>
</div>
</div>
</section>
<!-- About Us Section Start -->
<section class="about-us">
<div class="container">
<div class="about-us__wrapper" style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap;">
<!-- 添加公司图片 -->
<div class="about-us__image" style="flex: 1; min-width: 300px; text-align: center; margin-bottom: 20px;">
<img src="https://file.tianyuanapi.com/static/image/about.jpg" alt="公司照片" style="max-width:80%; height:auto;">
</div>
<!-- 主要内容部分 -->
<div class="about-us__content" style="flex: 1; max-width:600px; margin: 0 20px;">
<p style="text-indent: 2em;">海南省学宇思网络科技有限公司成立以来，始终专注于软件开发、人工智能和大数据服务领域，致力于为客户提供高效且创新的解决方案。公司以技术为驱动，拥有一支经验丰富、技术过硬的研发团队，专注于自主研发多款智能化产品。这些产品广泛应用于企业管理、数据分析及人工智能应用等多种业务场景，已在市场中取得了显著的成效，并赢得了客户的高度认可。</p>
<p style="text-indent: 2em;">我们通过深入了解客户需求，不断优化产品功能，确保每一款解决方案都能够帮助客户提升运营效率，增强市场竞争力。多年来，公司通过技术积累与创新，为客户提供了更加智能化和自动化的系统支持，帮助他们在快速发展的数字化环境中取得优势。</p>
<p style="text-indent: 2em;">在未来，海南省学宇思网络科技有限公司将继续秉持技术创新的理念，持续加强自主研发能力，推出更多具备前瞻性的产品与服务。我们致力于成为行业领先的技术提供者，与客户携手共进，助力其在智能化升级的过程中实现更大成就。</p>
<p style="text-indent: 2em;">公司地址：海南省海口市秀英区秀英街道丽晶路17号保利秀英港项目3号地块(一期)B区3楼21层2102房。</p>
<p style="text-indent: 2em;">电话：15008098853。email：a1726850085@outlook.com</p>
</div>
</div>
</div>
</section>
<style>
/* 移动端媒体查询，宽度小于768px时图片和内容换行 */
@media (max-width: 768px) {
.about-us__wrapper {
flex-direction: column; /* 改为垂直布局 */
}
.about-us__image {
margin-bottom: 20px; /* 增加图片与文字之间的间距 */
}
}
</style>
<!-- Main Footer Start -->
<?php include 'container/footer.php'; ?>
<!-- Main Footer End -->
<!-- Footer Links -->
<?php include 'container/footer_links.php'; ?>
</body>
</html>

261
cn/blog-details.php Normal file
View File

@@ -0,0 +1,261 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<?php include('../cms_admin/db_connection.php'); ?>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<link href="css/color-switcher-design.css" rel="stylesheet">
<link id="theme-color-file" href="css/color-themes/default-color.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<meta name="robots" content="index, follow">
<?php
// Fetch blog details based on blog ID from the query string
$blog_id = isset($_GET['blog']) ? mysqli_real_escape_string($conn, $_GET['blog']) : '';
if ($blog_id) {
$query = "SELECT title, image, tags, description, created_at FROM cn_blogs WHERE id = $blog_id";
$result = mysqli_query($conn, $query);
if ($result && mysqli_num_rows($result) > 0) {
$blog = mysqli_fetch_assoc($result);
$title = htmlspecialchars($blog['title']);
$tags = htmlspecialchars($blog['tags']);
$description = $blog['description'];
$created_at = new DateTime($blog['created_at']);
$formatted_date = $created_at->format('d M Y');
// 设置SEO相关信息
$max_description_length = 160; // 根据SEO需要设置合适的长度
$page_description = substr($description, 0, $max_description_length);
$site_title_suffix = " - AI Tool Path 最全的AI工具导航"; // 替换为您的网站名称
$site_keywords_suffix = " - AI工具, AI工具目录, AI Tool Path, AI软件, AI工具指南, AI应用程序, AI技术, 最佳AI工具, 开发者AI工具, 营销人员AI工具, AI工具路径, AIPT"; // 替换为您的关键词
$page_title = $title . $site_title_suffix;
$page_keywords = $tags . $site_keywords_suffix;
} else {
echo "<script> window.location.href = '404';</script>";
exit();
}
} else {
echo "<script>window.location.href = '404';</script>";
exit();
}
?>
<title><?php echo $page_title; ?></title>
<meta name="description" content="<?php echo $page_description; ?>">
<meta name="keywords" content="<?php echo $page_keywords; ?>">
</head>
<body class="body-bg-color">
<!-- Header -->
<?php include 'container/header.php'; ?>
<!-- Page Title Start -->
<section class="page-title">
<div class="container">
<div class="page-title__inner">
</div>
</div>
</section>
<style>
h1,h2,h3,h4,h5,h6 {
color: #fff !important;
line-height: 2 !important;
}
.blog-details__bottom h1,
.blog-details__bottom h2,
.blog-details__bottom h3,
.blog-details__bottom h4,
.blog-details__bottom h5,
.blog-details__bottom h6 {
font-size: 18px !important;
}
p, span {
font-size: 18px !important;
line-height: 1.7 !important;
}
</style>
<!-- Page Title End -->
<!-- Blog Details Start -->
<section class="blog-details">
<div class="container">
<div class="blog-details__top-title">
<h2 style="line-height:1.5 !important;"><?php echo $title; ?></h2>
<p><strong>Source: </strong><a href="https://www.aitoolpath.com" target="_blank">AIPT</a></p>
<p><strong>Published on: </strong><?php echo $formatted_date; ?></p>
<p><strong>Tags: </strong><?php echo $tags; ?></p>
</div>
<div class="blog-details__bottom">
<br>
<?php echo $description; ?>
</div>
<br>
<hr>
</div>
<?php
// Fetch comments from the database
$qry = "SELECT * FROM comment WHERE status = 1 AND b_id='$blog_id'";
$result = mysqli_query($conn, $qry);
if (mysqli_num_rows($result) > 0) {
echo '<div class="container">
<div class="career-page__bottom">
<ul class="career-page__list list-unstyled">';
while ($row = mysqli_fetch_assoc($result)) {
$name = $row['name'];
$message = $row['message'];
echo '<li>
<div class="career-page__single">
<div class="career-page__single-left">
<div class="career-page__icon" style="width:150px;">
<img src="../cms_admin/assets/images/user.webp" height="60px" alt="">
</div>
<div class="career-page__content" style="margin-top:-10px;">
<h3 class="career-page__single-title"><a href="#">' . htmlspecialchars($name) . '</a></h3>
<p>' . htmlspecialchars($message) . '</p>
</div>
</div>
</div>
</li>';
}
echo '</ul></div></div>';
} else {
echo "<p style='text-align:center;'></p>";
}
?>
<div class="container mt-5" id="comment">
<div class="contact-one__form-box">
<form method="POST" action="" id="contact-form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<p class="contact-one__form-label">Name*</p>
<input type="text" name="name" placeholder="John Smith" required="">
<div class="contact-one__form-icon">
<i class="fas fa-user"></i>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<p class="contact-one__form-label">Email*</p>
<input type="email" name="email" placeholder="marveltheme@gmail.com" required="">
<div class="contact-one__form-icon">
<i class="far fa-envelope"></i>
</div>
</div>
</div>
</div>
<div class="form-group text-message-box mt-3">
<p class="contact-one__form-label">Comment</p>
<textarea name="message" placeholder="Enter your comment here"></textarea>
</div>
<div class="form-group">
<div class="button-box">
<button type="submit" class="thm-btn contact-one__btn" data-loading-text="Please wait...">
Submit
</button>
</div>
</div>
</form>
<br><br>
<?php if (!empty($_GET['status'])) { ?>
<div class="alert alert-success" role="alert">
Comment submitted! After approval, it will be visible on the website. Thank you for showing interest and giving your comment.
</div>
<?php } ?>
<p class="ajax-response mb-0"></p>
</div>
</div>
</section>
<!-- Blog Details End -->
<!-- Free Trail Start -->
<?php include 'container/free_trail.php'; ?>
<!-- Free Trail End -->
<!-- Main Footer Start -->
<?php include 'container/footer.php'; ?>
<!-- Main Footer End -->
<?php include 'container/footer_links.php'; ?>
</body>
</html>
<?php
// Check if form is submitted
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// Sanitize and fetch inputs
$name = mysqli_real_escape_string($conn, $_POST['name']);
$email = mysqli_real_escape_string($conn, $_POST['email']);
$message = mysqli_real_escape_string($conn, $_POST['message']);
// Get the IP address of the user
$ip_address = $_SERVER['REMOTE_ADDR'];
// Insert data into the database
$qry = "INSERT INTO comment (b_id, name, email, message, ip_address, created_at, status)
VALUES ('$blog_id', '$name', '$email', '$message', '$ip_address', NOW(), '0')";
$run = mysqli_query($conn, $qry);
if ($run) {
echo "<script>window.location.href='blog-details.php?blog=$blog_id&status=true#comment';</script>";
} else {
echo "Error inserting data: " . mysqli_error($conn);
}
}
?>
<script>
function adjustDisplay() {
const bottomBox = document.querySelector('.blog-details__bottom');
if (bottomBox) {
const childDivs = bottomBox.querySelectorAll('div');
childDivs.forEach(child => {
// 判断当前宽度
if (window.innerWidth < 768 || isMobileOrTablet()) {
// 小屏幕或移动设备，转换为块级元素
if (child.style.display === 'flex') {
child.style.display = 'block'; // 转换为块级元素
}
} else {
// 大屏幕，恢复为 flex
child.style.display = 'flex';
}
});
}
}
// 判断设备类型的函数
function isMobileOrTablet() {
return /Mobi|Tablet|iPad/i.test(navigator.userAgent);
}
// 监听页面宽度变化
function checkWidth() {
adjustDisplay();
}
// 页面加载时和窗口大小变化时执行
window.onload = checkWidth;
window.onresize = checkWidth;
</script>

192
cn/blog.php Normal file
View File

@@ -0,0 +1,192 @@
<!DOCTYPE html>
<html>
<head>
<?php
// 设置博客首页的SEO信息
$title = "博客 - AI工具导航与最新AI新闻 - AI Tool Path";
$description = "访问我们的博客，获取最新的AI工具、技术趋势、行业动态与AI新闻，帮助您快速了解和使用AI技术。";
$keywords = "AI博客, 人工智能新闻, AI工具, AI技术趋势, AI行业动态";
// 引入包含SEO标签的文件
include('container/links.php');
?>
</head>
<body class="body-bg-color">
<!-- Header -->
<?php include 'container/header.php'; ?>
<!-- Page Title Start -->
<section class="page-title">
<div class="container">
<div class="page-title__inner">
<div class="page-title__shape-1" style="background-image: url(images/shapes/page-title-shape-1.png);"></div>
<div class="page-title__title-box">
<p class="page-title__sub-title">博客文章</p>
<h3 class="page-title__title">查看我们的文章，这可能有助于您开始 AI 之旅。</h3>
</div>
<p class="page-title__text">掌握 AI 工具的艺术：释放其强大力量 <br> 利用 AI 工具路径实现自动化创造力</p>
</div>
</div>
</section>
<style>
.active {
background: #426bff;
border-radius: 4px;
}
.active a {
background: #426bff;
color: #fff !important;
}
</style>
<!-- Page Title End -->
<!-- Blog Page Start -->
<section class="blog-page">
<div class="container">
<div class="row">
<?php
// 设置每页显示的博客数量
$blogs_per_page = 9;
// 获取当前页码，默认是1
$current_page = isset($_GET['page']) && is_numeric($_GET['page']) && $_GET['page'] > 0 ? (int)$_GET['page'] : 1;
// 计算 SQL 查询的起始行
$start = ($current_page - 1) * $blogs_per_page;
// 计算总博客数
$total_blogs_query = "SELECT COUNT(*) as total FROM cn_blogs WHERE status = 1";
$total_blogs_result = mysqli_query($conn, $total_blogs_query);
if (!$total_blogs_result) {
header('Location: 404'); // 查询失败，重定向到404页面
exit();
}
$total_blogs_row = mysqli_fetch_assoc($total_blogs_result);
$total_blogs = intval($total_blogs_row['total']);
$total_pages = ceil($total_blogs / $blogs_per_page);
// 获取当前页的博客列表
$blogs_query = "SELECT id, title, image, created_at FROM cn_blogs WHERE status = 1 ORDER BY created_at DESC LIMIT ?, ?";
$stmt = $conn->prepare($blogs_query);
$stmt->bind_param('ii', $start, $blogs_per_page);
$stmt->execute();
$result = $stmt->get_result();
if (!$result) {
header('Location: 404'); // 查询失败，重定向到404页面
exit();
}
// 显示博客
while ($blog = $result->fetch_assoc()) {
$id = $blog['id'];
$title = htmlspecialchars($blog['title'], ENT_QUOTES, 'UTF-8');
$image_name = htmlspecialchars($blog['image'], ENT_QUOTES, 'UTF-8');
$created_at = new DateTime($blog['created_at']);
$formatted_date = $created_at->format('d M Y');
$read_time = '2 Minute Read';
echo "
<div class='col-xl-4 col-lg-4 col-md-6'>
<div class='blog-page__single'>
<div class='blog-page__img-box'>
<div class='blog-page__img'>
<img src='$image_name' alt=''>
</div>
</div>
<h3 class='blog-page__title'>
<a href='blog-details?blog=$id'>$title</a>
</h3>
</div>
</div>";
}
?>
</div>
<!-- Pagination -->
<div class="career-page__pagination mt-5">
<ul class="pg-pagination list-unstyled">
<?php
// 基础URL设置
$base_url = htmlspecialchars("?page=");
// "Previous"按钮
if ($current_page > 1): ?>
<li class="prev">
<a href="<?php echo $base_url . ($current_page - 1); ?>" aria-label="Previous">
<span class="fas fa-arrow-left"></span>
</a>
</li>
<?php endif; ?>
<?php if ($total_pages <= 6): ?>
<!-- 如果总页数小于等于6，则显示所有页码 -->
<?php for ($page = 1; $page <= $total_pages; $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor; ?>
<?php else: ?>
<!-- 显示第一页和第二页 -->
<li class="count <?php echo $current_page == 1 ? 'active' : ''; ?>">
<a href="<?php echo $base_url . '1'; ?>">1</a>
</li>
<li class="count <?php echo $current_page == 2 ? 'active' : ''; ?>">
<a href="<?php echo $base_url . '2'; ?>">2</a>
</li>
<!-- 中间省略部分 -->
<?php if ($current_page > 4): ?>
<li class="count"><span>...</span></li>
<?php endif; ?>
<!-- 显示中间的页码 -->
<?php
$start_page = max(3, $current_page - 2);
$end_page = min($total_pages - 2, $current_page + 2);
for ($page = $start_page; $page <= $end_page; $page++): ?>
<li class="count <?php echo $page == $current_page ? 'active' : ''; ?>">
<a href="<?php echo $base_url . $page; ?>"><?php echo $page; ?></a>
</li>
<?php endfor; ?>
<!-- 最后两页 -->
<li class="count <?php echo $current_page == $total_pages - 1 ? 'active' : ''; ?>">
<a href="<?php echo $base_url . ($total_pages - 1); ?>"><?php echo $total_pages - 1; ?></a>
</li>
<li class="count <?php echo $current_page == $total_pages ? 'active' : ''; ?>">
<a href="<?php echo $base_url . $total_pages; ?>"><?php echo $total_pages; ?></a>
</li>
<?php endif; ?>
<!-- "Next"按钮 -->
<?php if ($current_page < $total_pages): ?>
<li class="next">
<a href="<?php echo $base_url . ($current_page + 1); ?>" aria-label="Next">
<span class="fas fa-arrow-right"></span>
</a>
</li>
<?php endif; ?>
</ul>
</div>
</div>
</section>
<!-- Blog Page End -->
<!-- Free Trail Start -->
<?php include 'container/free_trail.php'; ?>
<!-- Free Trail End -->
<!-- Main Footer Start -->
<?php include 'container/footer.php'; ?>
<!-- Main Footer End -->
<?php include 'container/footer_links.php'; ?>
</body>
</html>

395
cn/contact.php Normal file
View File

@@ -0,0 +1,395 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<?php
// 设置博客首页的SEO信息
$title = "给我们提交AI工具 - AI Tool Path";
$description = "加入我们，一起推动AI工具的发展与创新。提交您的AI工具，帮助更多用户发现和使用您的产品。";
$keywords = "加入我们, AI工具, 人工智能, AI发展, AI创新, AI行业动态，AI Tool Path";
include('container/links.php');
?>
<?php
// Check if form is submitted
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
// Check if required fields are set and not empty
if (
isset($_POST['product_name'], $_POST['domain'], $_POST['keywords'], $_POST['description'], $_POST['ai_description']) &&
!empty($_POST['product_name']) && !empty($_POST['domain']) && !empty($_POST['keywords']) &&
!empty($_POST['description']) && !empty($_POST['ai_description'])
) {
// Database connection setup (ensure $conn is defined)
// $conn = new mysqli('host', 'username', 'password', 'database');
// Get form inputs with strict filtering
$product_name = htmlspecialchars(mysqli_real_escape_string($conn, $_POST['product_name']), ENT_QUOTES, 'UTF-8');
$domain = filter_var(mysqli_real_escape_string($conn, $_POST['domain']), FILTER_SANITIZE_URL);
$logo_url = isset($_POST['logo_url']) ? htmlspecialchars(mysqli_real_escape_string($conn, $_POST['logo_url']), ENT_QUOTES, 'UTF-8') : null;
$screenshot_url = isset($_POST['screenshot_url']) ? htmlspecialchars(mysqli_real_escape_string($conn, $_POST['screenshot_url']), ENT_QUOTES, 'UTF-8') : null;
$keywords = htmlspecialchars(mysqli_real_escape_string($conn, $_POST['keywords']), ENT_QUOTES, 'UTF-8');
$description = htmlspecialchars(mysqli_real_escape_string($conn, $_POST['description']), ENT_QUOTES, 'UTF-8');
$ai_description = htmlspecialchars(mysqli_real_escape_string($conn, $_POST['ai_description']), ENT_QUOTES, 'UTF-8');
// Get user's IP address
$submitted_ip = $_SERVER['REMOTE_ADDR'];
$language = 'zh'; // Specify the language as Chinese ('zh')
// Check for existing submission with the same domain or IP address
$parsed_domain = parse_url($domain, PHP_URL_HOST);
$check_query = "SELECT * FROM tools_submission WHERE domain LIKE '%$parsed_domain%' OR submitted_ip = '$submitted_ip'";
$check_result = mysqli_query($conn, $check_query);
if (mysqli_num_rows($check_result) > 0) {
// Set custom header to indicate duplicate submission
header("X-Response-Status: duplicate");
echo "<script>layui.layer.msg('您已提交过此域名或 IP 地址，请勿重复提交', {icon: 5});</script>";
} else {
// Insert query
$qry = "INSERT INTO tools_submission (product_name, domain, logo_url, screenshot_url, keywords, description, features_description, submitted_ip, language) VALUES ('$product_name', '$domain', '$logo_url', '$screenshot_url', '$keywords', '$description', '$ai_description', '$submitted_ip', '$language')";
// Execute the query
$run = mysqli_query($conn, $qry);
if ($run) {
// Set custom header to indicate successful submission
header("X-Response-Status: success");
echo "<script>layui.layer.msg('提交成功，审核通过后展示', {icon: 1});</script>";
echo "<script>window.location.reload();</script>"; // Reload page after submission
} else {
// Set custom header to indicate submission failure
header("X-Response-Status: error");
echo "<script>layui.layer.msg('表单提交失败，错误信息: " . addslashes($conn->error) . "', {icon: 5});</script>";
}
}
} else {
// Set custom header to indicate missing fields
header("X-Response-Status: missing_fields");
echo "<script>layui.layer.msg('请填写所有必填字段', {icon: 5});</script>";
}
}
?>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.all.js"></script> <!-- 加载 layui.js -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-src/dist/css/layui.css" /> <!-- 加载 layui.css -->
<style>
body {
color: var(--thm-gray) !important;
}
.loading-mask {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
text-align: center;
}
.loading-mask .loading-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 1.5em;
}
.thumbnail {
max-width: 120px;
margin-top: 10px;
}
.contact-one__form-box {
max-width: 800px; /* 控制表单整体大小 */
margin: 0 auto; /* 居中 */
}
.form-group {
margin-bottom: 20px;
}
textarea {
max-height: 200px;
overflow: auto; /* 允许内容超出时滚动 */
resize: vertical; /* 允许用户垂直调整文本框大小 */
}
.file-input {
display: none; /* 隐藏文件选择按钮 */
}
</style>
</head>
<body class="body-bg-color">
<!-- Header -->
<?php include 'container/header.php' ?>
<!-- Page Title Start -->
<section class="page-title">
<div class="container">
<div class="page-title__inner">
<div class="page-title__shape-1" style="background-image: url(images/shapes/page-title-shape-1.png);"></div>
<div class="page-title__title-box">
<p class="page-title__sub-title">提交AI工具</p>
<h3 class="page-title__title">提交您的AI工具，让更多用户发现和使用。</h3>
</div>
<p class="page-title__text">掌握 AI 工具的艺术：释放自动化创造力的力量，借助 AI Tool Path</p>
<p class="page-title__text">商务合作：admin@aitoolpath.com</p>
<p class="page-title__text">工具审核：a1726850085@outlook.com</p>
</div>
</div>
</section>
<!-- Page Title End -->
<!-- Contact One Start -->
<section class="contact-one">
<div class="container">
<div class="row">
<div class="col-xl-12 col-lg-12">
<div class="contact-one__right">
<div class="contact-one__form-box">
<h3 class="contact-one__form-title">提交AI工具</h3>
<form method="POST" action="" id="tool-form">
<div class="form-group">
<p class="contact-one__form-label">产品名称 *</p>
<input type="text" name="product_name" id="product_name" placeholder="产品名称" maxlength="20" required="">
</div>
<div class="form-group">
<p class="contact-one__form-label">域名 *</p>
<input type="text" name="domain" id="domain" placeholder="请输入域名，例如：https://www.aitoolpath.com" maxlength="30" required="">
</div>
<div class="form-group">
<button type="button" class="thm-btn" id="ai-fill-button">AI智能填充</button>
</div>
<div class="form-group">
<p class="contact-one__form-label">LOGO URL</p>
<input type="text" name="logo_url" id="logo_url" maxlength="300">
<input type="file" id="logo_file" class="file-input">
<button type="button" class="thm-btn" id="upload-logo">上传LOGO</button>
<img id="logo_thumbnail" class="thumbnail" style="display:none;">
</div>
<div class="form-group">
<p class="contact-one__form-label">截图 URL</p>
<input type="text" name="screenshot_url" id="screenshot_url" maxlength="300">
<input type="file" id="screenshot_file" class="file-input">
<button type="button" class="thm-btn" id="upload-screenshot">上传截图</button>
<img id="screenshot_thumbnail" class="thumbnail" style="display:none;">
</div>
<div class="form-group">
<p class="contact-one__form-label">关键词 *</p>
<input type="text" name="keywords" placeholder='AI视频,AI聊天' id="keywords" maxlength="120" required="">
</div>
<div class="form-group text-message-box">
<p class="contact-one__form-label">简介 *</p>
<textarea name="description" id="description" placeholder='一句话介绍' maxlength="160" required=""></textarea>
</div>
<div class="form-group text-message-box">
<p class="contact-one__form-label">功能描述 *</p>
<textarea name="ai_description" id="ai_description" placeholder='使用功能介绍，越详细越好' maxlength="1000" required=""></textarea>
</div>
<div class="form-group">
<div class="button-box">
<button type="submit" class="thm-btn contact-one__btn" data-loading-text="请稍等...">提交工具</button>
</div>
</div>
</form>
<p class="ajax-response mb-0"></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact One End -->
<!-- Loading Mask -->
<div class="loading-mask" id="loading-mask">
<div class="loading-text">正在处理，请耐心等待... ... ...</div>
</div>
<!-- Free Trail Start -->
<?php include 'container/free_trail.php' ?>
<!-- Free Trail End -->
<!-- Main Footer Start -->
<?php include 'container/footer.php' ?>
<!-- Main Footer End -->
<?php include 'container/footer_links.php' ?>
<script>
$('#tool-form').on('submit', function(e) {
e.preventDefault(); // 阻止默认表单提交行为
// 检查必填字段是否填写
if (!$('#product_name').val() || !$('#domain').val() || !$('#keywords').val() || !$('#description').val() || !$('#ai_description').val()) {
layui.layer.msg("请填写所有必填字段", { icon: 5 });
return;
}
// 检查域名格式是否正确
var domain = $('#domain').val();
var domainRegex = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-]*)*$/; // 简单的域名验证正则表达式
if (!domainRegex.test(domain)) {
layui.layer.msg("请输入正确的域名，例如：https://www.example.com", { icon: 5 });
return;
}
// 显示蒙版加载动画
$('#loading-mask').show();
$('.contact-one__btn').attr('disabled', true);
// 提交表单
$.ajax({
url: '', // 当前页面，提交至 PHP 处理部分
type: 'POST',
data: $(this).serialize(),
success: function(response, textStatus, request) {
$('#loading-mask').hide();
$('.contact-one__btn').attr('disabled', false);
// 根据响应头的 X-Response-Status 显示不同提示信息
var responseStatus = request.getResponseHeader('X-Response-Status');
switch (responseStatus) {
case 'success':
layui.layer.msg('提交成功，审核通过后展示', { icon: 1 }, function() {
// 成功提示后重定向到指定页面
window.location.href = 'contact';
});
break;
case 'duplicate':
layui.layer.msg('您已提交过此域名或 IP 地址，请勿重复提交', { icon: 5 });
break;
case 'error':
layui.layer.msg('表单提交失败，请重试', { icon: 5 });
break;
case 'missing_fields':
layui.layer.msg('请填写所有必填字段', { icon: 5 });
break;
default:
layui.layer.msg('提交遇到未知错误，请重试', { icon: 5 });
}
},
error: function(xhr, status, error) {
$('#loading-mask').hide();
$('.contact-one__btn').attr('disabled', false);
layui.layer.msg('请求失败，请重试', { icon: 5 });
}
});
});
</script>
<script>
$('#ai-fill-button').click(function() {
var domain = $('#domain').val();
var productName = $('#product_name').val();
var language = '中文'; // 默认语言为中文
if (!domain || !productName) {
layui.layer.msg("请输入产品名称和域名", {icon: 5});
return;
}
// 显示蒙版加载动画，禁用按钮
$('#loading-mask').show();
$('#ai-fill-button').attr('disabled', true);
$.ajax({
url: 'https://api.aitoolpath.com/fetch_website_info',
method: 'POST',
contentType: 'application/json',
data: JSON.stringify({ domain: domain, language: language }),
success: function(data) {
// 隐藏加载动画，启用按钮
$('#loading-mask').hide();
$('#ai-fill-button').attr('disabled', false);
console.log('API响应:', data); // 打印API响应
if (data.code === 200) {
var responseData = data.data;
$('#logo_url').val(responseData.logo_filename || "获取失败，请手动填写");
$('#logo_thumbnail').attr('src', responseData.logo_filename).toggle(!!responseData.logo_filename);
$('#screenshot_url').val(responseData.screenshot_filename || "获取失败，请手动填写");
$('#screenshot_thumbnail').attr('src', responseData.screenshot_filename).toggle(!!responseData.screenshot_filename);
$('#keywords').val(responseData.keywords || "获取失败，请手动填写");
$('#description').val(responseData.description || "获取失败，请手动填写");
$('#ai_description').val(responseData.ai_description || "获取失败，请手动填写");
layui.layer.msg('AI 填写完成', {icon: 1});
} else {
layui.layer.msg(data.message, {icon: 5});
}
},
error: function(xhr, status, error) {
// 隐藏加载动画，启用按钮
$('#loading-mask').hide();
$('#ai-fill-button').attr('disabled', false);
console.error('请求错误:', error);
layui.layer.msg('请求失败，请重试', {icon: 5});
}
});
});
// 上传LOGO
$('#upload-logo').click(function() {
$('#logo_file').click();
});
$('#logo_file').change(function() {
var formData = new FormData();
formData.append('file', $('#logo_file')[0].files[0]);
$.ajax({
url: 'https://api.aitoolpath.com/upload_image', // 替换为你的上传API
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
if (data.code === 200) {
console.log(data.data.file_url) // 打印上传图片的URL
$('#logo_url').val(data.data.file_url);
$('#logo_thumbnail').attr('src', data.data.file_url).show();
layui.layer.msg('LOGO上传成功', {icon: 1});
} else {
layui.layer.msg('LOGO上传失败，请重试', {icon: 5});
}
},
error: function(xhr, status, error) {
layui.layer.msg('LOGO上传失败，请重试', {icon: 5});
}
});
});
// 上传截图
$('#upload-screenshot').click(function() {
$('#screenshot_file').click();
});
$('#screenshot_file').change(function() {
var formData = new FormData();
formData.append('file', $('#screenshot_file')[0].files[0]);
$.ajax({
url: 'https://api.aitoolpath.com/upload_image', // 替换为你的上传API
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
if (data.code === 200) {
console.log(data.data.file_url)
$('#screenshot_url').val(data.data.file_url);
$('#screenshot_thumbnail').attr('src', data.data.file_url).show();
layui.layer.msg('图片上传成功', {icon: 1});
} else {
layui.layer.msg('图片上传失败，请重试', {icon: 5});
}
},
error: function(xhr, status, error) {
layui.layer.msg('图片上传失败，请重试', {icon: 5});
}
});
});
</script>
</body>
</html>

29
cn/container/db_connection.php Normal file
View File

@@ -0,0 +1,29 @@
<?php
$servername = "107.155.87.31";
$username = "aitoolpath";
$password = "WBjexxZJfjzdxhid";
$database = "aitoolpath";
// Create connection
$conn = mysqli_connect($servername, $username, $password, $database);
// Check connection
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
function sanitize_input($input) {
// Remove unwanted characters and potential threats
$input = trim($input); // Remove unnecessary spaces
$input = stripslashes($input); // Remove backslashes
$input = htmlspecialchars($input); // Convert special characters to HTML entities
$input = preg_replace("/[\"'<>]/", "", $input); // Remove quotes and angle brackets
return $input;
}
error_reporting(0); // Disable all error reporting
ini_set('display_errors', 0); // Do not display errors on the page
?>

106
cn/container/faq.php Normal file
View File

@@ -0,0 +1,106 @@
<section class="faq-one">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Frequently Asked Questions</span>
</div>
<h2 class="section-title__title">Questions About our AI Tool Path? <br>
We have Answers!
</h2>
</div>
<div class="faq-one__inner">
<div class="accrodion-grp" data-grp-name="faq-one-accrodion">
<div class="accrodion">
<div class="accrodion-title">
<h4>What Is AI Tool Path Generative AI Tool?</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion active">
<div class="accrodion-title">
<h4>How Can I Make Generative AI Content for Next Project</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion">
<div class="accrodion-title">
<h4>Is there a limitation on how much content I can generate?</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion">
<div class="accrodion-title">
<h4>What Languages does it supports</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion">
<div class="accrodion-title">
<h4>What is SEO Writing AI and how do I use it?</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
<div class="accrodion">
<div class="accrodion-title">
<h4>Is it helpful for Digital Marketer or Content Writer?</h4>
</div>
<div class="accrodion-content">
<div class="inner">
<p>Once you know your audience, <a href="#">choose a topic</a> that will resonate
with them. Look for trending topics in your industry or address common questions
or challenges your audience may be facing. Keep in mind that your topic should
be both interesting and relevant to your audience
</p>
</div>
<!-- /.inner -->
</div>
</div>
</div>
</div>
</div>
</section>

63
cn/container/footer.php Normal file
View File

@@ -0,0 +1,63 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<footer class="main-footer">
<div class="main-footer__shape-1 img-bounce"></div>
<div class="main-footer__top">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp mt-5" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__logo">
<a href="index"><img src="images/ai_logo.png" width="110px" alt="Logo"></a>
</div>
<p class="footer-widget__about-text">我们的终极指南，帮助您发现和探索人工智能工具和资源的世界。无论您是寻找最新AI软件的开发者，还是寻求创新AI应用的营销人员，AI Tool Path 都能满足您的需求。</p>
</div>
<div class="site-footer__social">
<a href="https://www.facebook.com/profile.php?id=61564933300521&mibextid=LQQJ4d" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/aitoolsshare?igsh=cGphMXpuMnBicW5r&utm_source=qr" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.tiktok.com/@aiptshare?_t=8pd28ku932U&_r=1" target="_blank"><i class="fab fa-tiktok"></i></a>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6"></div>
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp mt-5" data-wow-delay="300ms">
<div class="footer-widget__column footer-widget__resources">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">资源</h3>
</div>
<div class="footer-widget__resources-list-box">
<ul class="footer-widget__resources-list">
<li><a href="products">产品</a></li>
<li><a href="blog">博客</a></li>
<li><a href="contact">加入我们</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 wow fadeInUp mt-5" data-wow-delay="200ms">
<div class="footer-widget__column footer-widget__company">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">公司</h3>
</div>
<div class="footer-widget__company-list-box">
<ul class="footer-widget__company-list">
<li><a href="privacy-policy">条款与条件</a></li>
<li><a href="privacy-policy">隐私政策</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main-footer__bottom">
<div class="container">
<div class="main-footer__bottom-inner">
<p class="main-footer__bottom-text">
版权 © 2024 <a href="">AI Tool Path</a>. 版权所有，保留所有权利.
<a href="https://beian.miit.gov.cn/" target="_blank" style="margin-left: 10px;">琼ICP备2024038584号-3</a>
</p>
</div>
</div>
</div>
</footer>

38
cn/container/footer_links.php Normal file
View File

@@ -0,0 +1,38 @@
<!-- End Color Palate / Color Switcher -->
<!-- Search Popup -->
<div class="search-popup">
<div class="color-layer"></div>
<button class="close-search"><span class="far fa-times fa-fw"></span></button>
<form method="post" action="">
<div class="form-group">
<input type="search" name="search-field" value="" placeholder="Search Here" required="">
<button type="submit"><i class="far fa-search fa-fw"></i></button>
</div>
</form>
</div>
<!-- End Search Popup -->
</div>
<!-- End PageWrapper -->
<!-- Scroll To Top -->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fas fa-arrow-up fa-fw"></span></div>
<script src="js/jquery.js"></script>
<script src="js/01-bootstrap.min.js"></script>
<script src="js/02-bootstrap-select.min.js"></script>
<script src="js/03-color-settings.js"></script>
<script src="js/04-owl.js"></script>
<script src="js/05-jarallax.min.js"></script>
<script src="js/06-isotope.js"></script>
<script src="js/07-wow.js"></script>
<script src="js/08-validate.js"></script>
<script src="js/09-appear.js"></script>
<script src="js/10-swiper.min.js"></script>
<script src="js/11-jquery.easing.min.js"></script>
<script src="js/12-gsap.min.js"></script>
<script src="js/13-odometer.js"></script>
<script src="js/14-tilt.jquery.min.js"></script>
<script src="js/15-magnific-popup.min.js"></script>
<script src="js/16-jquery-ui.js"></script>
<script src="js/17-marquee.min.js"></script>
<script src="js/18-jquery.circleType.js"></script>
<script src="js/19-jquery.lettering.min.js"></script>
<script src="js/script.js"></script>

73
cn/container/free_trail.php Normal file
View File

@@ -0,0 +1,73 @@
<?php
// Initialize variables with default values
$small_heading_EN = '';
$small_heading_CN = '';
$large_heading_EN = '';
$large_heading_CN = '';
$btn_text_EN = '';
$btn_text_CN = '';
$btn_link = '';
$long_description_EN = '';
$long_description_CN = '';
$query = "SELECT * FROM cta_form_data LIMIT 1";
$result = mysqli_query($conn, $query);
if (!$result) {
// Handle query error
die("Database query failed: " . mysqli_error($conn));
}
if (mysqli_num_rows($result) > 0) {
$rowss = mysqli_fetch_assoc($result);
// Assign fetched data to variables
$small_heading_EN = $rowss['small_heading_CTA_EN'];
$small_heading_CN = $rowss['small_heading_CTA_CN'];
$large_heading_EN = $rowss['Large_heading_CTA_EN'];
$large_heading_CN = $rowss['Large_heading_CTA_CN'];
$btn_text_EN = $rowss['btn_text_cta_EN'];
$btn_text_CN = $rowss['btn_text_cta_CN'];
$btn_link = $rowss['btn_link'];
$long_description_EN = $rowss['long_description_CTA_EN'];
// Allow HTML in long_description_CN
$long_description_CN = $rowss['long_description_CTA_CN']; // Output as-is
} else {
// Handle the case where no records are found
$long_description_CN = "No data available.";
}
?>
<section class="free-trail">
<div class="container">
<div class="free-trail__wrap">
<div class="free-trail__shape-3" style="background-image: url(images/shapes/free-trail-shape-3.png);"></div>
<div class="free-trail__shape-1 float-bob-x"></div>
<div class="free-trail__start-1 zoominout">
<img src="images/shapes/free-trail-start-1.png" alt="">
</div>
<div class="free-trail__start-2 float-bob-y">
<img src="images/shapes/free-trail-start-2.png" alt="">
</div>
<div class="free-trail__start-3 float-bob-x">
<img src="images/shapes/free-trail-start-3.png" alt="">
</div>
<div class="free-trail__start-4 zoominout">
<img src="images/shapes/free-trail-start-4.png" alt="">
</div>
<div class="free-trail__inner">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline"><?php echo html_entity_decode($small_heading_CN); ?></span>
</div>
<h2 class="section-title__title"><?php echo html_entity_decode($large_heading_CN); ?></h2>
</div>
<p class="free-trail__text"><?php echo html_entity_decode($long_description_CN); ?></p> <!-- Output without escaping -->
<div class="free-trail__btn-box">
<a href="<?php echo $btn_link; ?>" class="thm-btn-two free-trail__btn"><?php echo $btn_text_CN; ?><i class="icon-up-right-arrow"></i></a>
</div>
</div>
</div>
</div>
</section>

179
cn/container/header.php Normal file
View File

@@ -0,0 +1,179 @@
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- End Preloader -->
<!-- Cursor -->
<div class="cursor"></div>
<div class="cursor-follower"></div>
<!-- Cursor End -->
<!-- Main Header -->
<header class="main-header main-header-one">
<!-- Header Lower -->
<div class="header-lower">
<div class="main-menu__wrapper">
<div class="inner-container d-flex align-items-center justify-content-between">
<!-- Logo Box -->
<div class="main-header-one__logo-box">
<a href="index">
<img src="images/ai_logo.png" width="110px" alt="Logo">
</a>
</div>
<div class="nav-outer">
<!-- Main Menu -->
<nav class="main-menu show navbar-expand-md">
<div class="navbar-header">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li><a href="products">产品</a></li>
<li><a href="blog">博客</a></li>
</ul>
</div>
</nav>
<!-- Main Menu End-->
</div>
<!-- Outer Box -->
<div class="outer-box d-flex align-items-center">
<ul class="main-header__login-sing-up">
<li><a href="contact">加入我们</a></li>
</ul>
<!-- Mobile Navigation Toggler -->
<div class="mobile-nav-toggler">
<span class="icon-menu"></span>
</div>
</div>
<!-- End Outer Box -->
</div>
</div>
</div>
<!-- End Header Lower -->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon far fa-times fa-fw"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index">AI Tool Path</a></div>
<!-- Search -->
<div class="search-box">
<!--<form method="post" action="">-->
<!-- <div class="form-group">-->
<!-- <input type="search" name="search-field" value="" placeholder="SEARCH HERE" required>-->
<!-- <button type="submit"><span class="icon far fa-search fa-fw"></span></button>-->
<!-- </div>-->
</form>
</div>
<div class="menu-outer">
<!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
</div>
</nav>
</div>
<!-- End Mobile Menu -->
</header>
<!-- End Main Header -->
<!-- CSS for Basic Styling -->
<style>
.top_search_form{
background: rgba(60, 60, 119, 0.5);
padding: 40px 10px;
// margin-top: -170px;
margin-bottom: 100px;
border-radius: 5px;
}
.search-container {
position: relative;
text-align: center;
}
#search-input {
padding: 8px;
box-sizing: border-box;
border-radius: 5px 0px 0px 5px;
width: 85%;
background: rgba(0, 0, 0, 0.2);
border: solid 1px #3c3c77;
color: rgba(225, 225, 225, 0.5);
padding: 10px 20px;
}
.s_btn {
padding: 8px;
border-radius: 0px 5px 5px 0px;
background:#426bff;
color:#fff;
padding: 10px 20px;
border: solid 1px #426bff;
}
.suggestions-list {
position: absolute;
top: 45%;
left: 3.5%;
background: #fff;
list-style: none;
margin: 0;
padding: 0;
max-height: 200px;
overflow: hidden;
z-index: 1;
width: 93%;
text-align: left;
}
.suggestions-list li {
padding: 8px;
cursor: pointer;
}
.suggestions-list li:hover {
background: #f0f0f0;
}
#form_tags {
justify-content: center;
margin-top: 20px;
}
#form_tags a {
padding: 10px 20px;
border-radius: 5px;
}
a.cat_active {
background: #426bff;
color: #fff;
}
@media only screen and (max-width: 600px) {
#search-input {
width: 99%;
border-radius:5px;
}
.s_btn {
width:98%;
border-radius:5px;
padding: 8px 20px;
margin-top:13px;
}
.suggestions-list {
top: 18%;
left: 1.5%;
width: 97%;
}
#form_tags {
justify-content: center;
margin-top: 10px;
}
#form_tags a {
padding: 5px 10px;
font-size:12px;
margin-left:3px;
}
.career-page-top__job-apply-country-list {
flex-direction: row;
}
}
</style>

69
cn/container/links.php Normal file
View File

@@ -0,0 +1,69 @@
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">
<!--Color Switcher Mockup-->
<link href="css/color-switcher-design.css" rel="stylesheet">
<!-- Color Themes -->
<link id="theme-color-file" href="css/color-themes/default-color.css" rel="stylesheet">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- Stylesheets -->
<meta name="360-site-verification" content="fe8d8c3da251df36a0252d7c2fd03d0f" />
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<meta name="robots" content="index, follow">
<?php include('../cms_admin/db_connection.php');?>
<?php
// 首先，检查是否有传参
$page_title = isset($title) ? $title : '';
$page_description = isset($description) ? $description : '';
$page_keywords = isset($keywords) ? $keywords : '';
// 如果没有传参，则从数据库中获取默认值
if (empty($page_title) || empty($page_description) || empty($page_keywords)) {
// 查询数据库
$fetch_query = "SELECT * FROM basic_info LIMIT 1";
$result = $conn->query($fetch_query);
// 如果查询到数据，则从数据库获取值
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
// 只有在未设置的情况下才从数据库中设置值
$page_title = empty($page_title) ? $row['m_title_CN'] : $page_title;
$page_description = empty($page_description) ? $row['m_desc_CN'] : $page_description;
$page_keywords = empty($page_keywords) ? $row['m_keywords_CN'] : $page_keywords;
}
}
?>
<title><?php echo $page_title; ?></title>
<meta name="title" content="<?php echo $page_title; ?>">
<meta name="description" content="<?php echo $page_description; ?>">
<meta name="keywords" content="<?php echo $page_keywords; ?>">
<?php
// Get the visitor's IP address
$ip_address = $_SERVER['REMOTE_ADDR'];
// Get the current date
$current_date = date('Y-m-d');
// Prepare and execute the check query
$check_query = "SELECT id FROM visitors WHERE ip = '$ip_address' AND date = '$current_date'";
$check_result = mysqli_query($conn, $check_query);
if (mysqli_num_rows($check_result) == 0) {
// If no matching IP and date, insert a new record
$insert_query = "INSERT INTO visitors (ip, date) VALUES ('$ip_address', '$current_date')";
mysqli_query($conn, $insert_query);
}
?>

677
cn/css/01-global.css Normal file
View File

@@ -0,0 +1,677 @@
/***
==================================================
Root Code Variables
==================================================
***/
:root {
--thm-font: 'Sora', sans-serif;
--thm-font-two: 'Inter', sans-serif;
--thm-gray: #A1AAC9;
--thm-gray-rgb: 161, 170, 201;
--thm-white: #ffffff;
--thm-white-rgb: 255, 255, 255;
--thm-black: #000000;
--thm-black-rgb: 0, 0, 0;
--thm-primary: #00CB88;
--thm-primary-rgb: 0, 203, 136;
--thm-extra: #00B67A;
--thm-extra-rgb: 0, 182, 122;
--thm-gray-bg: #858585;
--thm-gray-bg-rgb: 133, 133, 133;
--thm-bdr-color: #3C3C77;
--thm-bdr-color-rgb: 60, 60, 119;
--thm-body-bg: #111022;
--thm-main-bg: #15152c;
--thm-border-radius: 8px;
--thm-gradient-color1: #8F79FF;
--thm-gradient-color2: #426BFF;
--thm-gradient: linear-gradient(181deg, var(--thm-gradient-color1) 0%, var(--thm-gradient-color2) 100%);
}
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: var(--thm-font);
font-size: 16px;
color: var(--thm-gray);
line-height: 26px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.body-bg-color {
background-color: var(--thm-body-bg);
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
.dark-layout {
position: relative;
background-color: var(--color-seven);
}
/* Preloader */
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.svg);
background-size: 120px;
}
a {
text-decoration: none;
cursor: pointer;
color: var(--thm-base);
}
section {
z-index: 1;
}
.text-right {
text-align: right;
}
.mCSB_inside>.mCSB_container {
margin-right: 0 !important;
}
button,
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
margin: 0px;
background: none;
color: var(--thm-black);
}
input,
button,
select,
textarea {}
textarea {
overflow: hidden;
}
a {
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
p {
margin: 0;
}
.dark-body {}
/* Typography */
h1 {
font-weight: 600;
line-height: 100px;
font-size: 100px;
}
h2 {
line-height: 58px;
font-weight: 600;
font-size: 48px;
}
h3 {
line-height: 1.3em;
font-weight: 400;
font-size: 32px;
}
h4 {
line-height: 1.4em;
font-size: 24px;
}
h5 {
line-height: 1.4em;
font-size: 22px;
}
h6 {
line-height: 1.6em;
font-size: 18px;
}
.container {
max-width: 1350px;
padding: 0 15px;
}
.row {
--bs-gutter-x: 24px;
}
.gutter-y-24 {
--bs-gutter-y: 24px;
}
.auto-container {
position: static;
max-width: 1340px;
padding: 0px 15px;
margin: 0 auto;
}
.auto-container-two {
position: static;
max-width: 1490px;
padding: 0px 15px;
margin: 0 auto;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
overflow: hidden;
}
ul,
li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
.centered {
text-align: center;
}
::-webkit-input-placeholder {
color: inherit;
}
::-moz-input-placeholder {
color: inherit;
}
::-ms-input-placeholder {
color: inherit;
}
/* Bootstrap Custom Select */
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show>.btn-light.dropdown-toggle {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important;
}
.bootstrap-select>.dropdown-toggle {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
outline: none !important;
}
.bootstrap-select .dropdown-menu {
border: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
z-index: 991;
border-radius: 0 !important;
}
.bootstrap-select .dropdown-menu>li+li>a {
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bootstrap-select .dropdown-menu>li.selected>a {
background: var(--color-two);
color: #ffffff;
}
.bootstrap-select .dropdown-menu>li>a {
font-size: 16px;
font-weight: 500;
padding: 4px 20px;
color: #222222;
background: #f2f2f2;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.bootstrap-select .dropdown-menu>li>a:hover {
background: var(--color-two);
color: #ffffff;
cursor: pointer;
}
/* Custom Select */
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-style: normal;
line-height: 28px;
font-weight: 500;
font-size: var(--font-16);
color: var(--color-six);
padding: 0px 0px;
border: 0px;
background-color: var(--white-color);
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 2px;
text-indent: 0px;
color: #a5a5a5;
}
.form-group .ui-button .ui-icon:before {
font-family: 'Font Awesome 5 Pro';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 20px;
display: block;
line-height: 20px;
font-size: var(--font-16);
font-weight: normal;
text-align: center;
z-index: 5;
color: var(--color-fiftyfour);
}
.ui-menu .ui-menu-item {
font-size: var(--font-14);
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background-color: var(--main-color) !important;
border-color: var(--main-color) !important;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
line-height: 24px;
font-size: var(--font-14);
}
.ui-menu-item:hover {
background-color: var(--thm-base);
}
/* Cursor */
.cursor {
position: fixed;
background-color: var(--thm-base);
width: 6px;
height: 6px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
-webkit-transform: scale(1);
transform: scale(1);
}
.cursor::before {
content: "";
position: absolute;
top: -7px;
left: -7px;
bottom: -7px;
right: -7px;
border: 1px solid var(--thm-base);
border-radius: 50%;
}
.cursor.active {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
.cursor.menu-active {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
.cursor.hovered {
opacity: 1;
}
.cursor-follower {
position: fixed;
background-color: var(--thm-base);
opacity: 0.30;
width: 33px;
height: 33px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) background, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
.cursor-follower.active {
opacity: 0.10;
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.cursor-follower.menu-active {
opacity: 1;
-webkit-transform: scale(3);
transform: scale(3);
}
.cursor-follower.hovered {
opacity: 1;
}
/* Cursor End */
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: var(--thm-base);
font-size: 18px;
text-transform: uppercase;
line-height: 40px;
text-align: center;
z-index: 100;
cursor: pointer;
display: none;
background: var(--thm-white);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'Font Awesome 5 Pro';
}
.scroll-to-top:hover {
color: var(--thm-white);
background: var(--thm-base);
}
/* Btn Style One */
.thm-btn {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
outline: none !important;
color: var(--thm-white);
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
padding: 11px 30px 11px;
border-radius: 8px;
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
box-shadow: 0px 20px 24px -10px #0B042F;
background-size: 200% auto;
font-family: var(--thm-font-two);
transition: all 0.5s linear;
overflow: hidden;
z-index: 1;
}
.thm-btn i {
position: relative;
display: inline-block;
font-size: 15px;
color: var(--thm-white);
padding-right: 10px;
}
.thm-btn:hover {
color: var(--thm-white);
background-position: right center;
}
/* Btn Style Two */
.thm-btn-two {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
outline: none !important;
color: var(--thm-white);
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
padding: 11px 30px 11px;
border-radius: 8px;
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
box-shadow: 0px 20px 24px -10px #0B042F;
background-size: 200% auto;
font-family: var(--thm-font-two);
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
z-index: 1;
}
.thm-btn-two i {
position: relative;
display: inline-block;
font-size: 10px;
color: var(--thm-white);
padding-left: 10px;
}
.thm-btn-two:hover {
color: var(--thm-white);
background-position: right center;
}
/* Btn Style Three */
.thm-btn-three {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
outline: none !important;
color: var(--thm-white);
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
padding: 14px 25px 14px;
border-radius: 4px;
border: 1px solid #00FFAB;
background: var(--thm-extra);
moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
overflow: hidden;
z-index: 1;
}
.thm-btn-three span {
position: relative;
display: inline-block;
font-size: 15px;
color: var(--thm-white);
padding-right: 10px;
}
.thm-btn-three:hover {
color: var(--thm-white);
background-color: var(--thm-base);
border: 1px solid var(--thm-base);
}
/***
==============================================
Section Title
==============================================
***/
.section-title {
position: relative;
display: block;
margin-top: -5px;
margin-bottom: 54px;
}
.section-title__tagline-box {
position: relative;
display: inline-block;
}
.section-title__tagline {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 16px;
color: var(--thm-base);
font-weight: 400;
text-transform: capitalize;
}
.section-title__title {
color: var(--thm-white);
font-size: 40px;
line-height: 60px;
font-weight: 500;
margin: 14px 0 0;
}
.section-title__title span {
color: var(--thm-base);
}

6
cn/css/02-bootstrap-select.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1025
cn/css/03-owl.css Normal file
View File

File diff suppressed because it is too large Load Diff

3479
cn/css/04-animate.css Normal file
View File

File diff suppressed because it is too large Load Diff

1245
cn/css/05-rtl.css Normal file
View File

File diff suppressed because it is too large Load Diff

1441
cn/css/06-custom-animate.css Normal file
View File

File diff suppressed because it is too large Load Diff

314
cn/css/07-dark-body.css Normal file
View File

@@ -0,0 +1,314 @@
/* Lizar Business HTML Template */
/* RTL Style CSS Code */
.dark-body,
.dark-body .main-header.main-header-two.fixed-header .header-two-lower,
.dark-body .feature-two__inner:before,
.dark-body .services-two:before,
.dark-body .faq-one__left,
.dark-body .services-three__img::before,
.dark-body .contact-one__right,
.dark-body .contact-one__right:before,
.dark-body .main-header .header-lower:before,
.dark-body .pricing-one__shape-1,
.dark-body .main-header .header-lower:before {
background-color: #252638;
}
.dark-body .header-upper__contact-info,
.dark-body .header-upper__contact-info:before,
.dark-body .thm-btn,
.dark-body .partners-one__inner,
.dark-body .what-we-are-one__counter-single,
.dark-body .what-we-are-one:before,
.dark-body .team-one__content,
.dark-body .project-one__nav-control,
.dark-body .testimonial-one,
.dark-body .blog-one__content,
.dark-body .contact-info-one,
.dark-body .header-two-upper,
.dark-body .feature-two:before,
.dark-body .testimonial-two,
.dark-body .header-three-upper__contact-info,
.dark-body .header-three-upper__contact-info:before,
.dark-body .testimonial-three,
.dark-body .team-four,
.dark-body .team-details__social,
.dark-body .project-details__info,
.dark-body .about-sidebar,
.dark-body .about-sidebar .content-box {
background-color: #282943;
}
.dark-body h2,
.dark-body .header-upper__contact-info li .content h5,
.dark-body .header-upper__contact-info li .content h5 a,
.dark-body .about-one__points-content h4,
.dark-body .about-one__solution-text,
.dark-body .about-one__founder-name,
.dark-body .what-we-are-one__counter-count-box h3,
.dark-body .what-we-are-one__counter-letter,
.dark-body .progress-levels .progress-box .inner .text,
.dark-body .team-one__name a,
.dark-body .project-one__control-wrap .swiper-counter div,
.dark-body .blog-one__title a,
.dark-body .contact-info-one__content h5,
.dark-body .contact-info-one__content h5 a,
.dark-body .main-header.main-header-two .main-menu .navigation>li>a,
.dark-body .header-upper-two__search .search-box-btn,
.dark-body .header-upper-two__content h5,
.dark-body .header-upper-two__content h5 a,
.dark-body .feature-two__title a,
.dark-body .about-two__points li .content h4,
.dark-body .counter-one__content-count-box h3,
.dark-body .counter-one__content-letter,
.dark-body .team-two__title a,
.dark-body .accordion-box .block .acc-btn,
.dark-body .testimonial-two__contact-btn,
.dark-body .blog-two__title a,
.dark-body .header-three-upper__contact-info li .content h5,
.dark-body .header-three-upper__contact-info li .content h5 a,
.dark-body .about-three__experience-count h3,
.dark-body .about-three__experience-count-plus,
.dark-body .services-three__title a,
.dark-body .project-details__info-title,
.dark-body .what-we-are-two__points li .content h3,
.dark-body .project-details__title-1,
.dark-body .project-details__points-title,
.dark-body .pricing-one__single:hover .pricing-one__icon span,
.dark-body .services-details__title-1,
.dark-body .services-details__benefits-title,
.dark-body .services-details__benefits-points li p,
.dark-body .blog-details__title-1,
.dark-body .blog-details__social-list a,
.dark-body .author__content h4,
.dark-body .author__social a,
.dark-body .comment-one__title,
.dark-body .sidebar__title,
.dark-body .sidebar__post-title a,
.dark-body .about-sidebar h4,
.dark-body .about-one_list li:before {
color: #ffffff;
}
.dark-body .services-one__icon-box,
.dark-body .services-one__single,
.dark-body .services-one__content-box,
.dark-body .about-one,
.dark-body .team-one__single:hover .team-one__shape-1,
.dark-body .team-one__single.active .team-one__shape-1,
.dark-body .team-one__content,
.dark-body .project-one__nav-control,
.dark-body .contact-info-one__logo a,
.dark-body .counter-one__list,
.dark-body .team-two__content,
.dark-body .accordion-box .block,
.dark-body .accordion-box .block .content,
.dark-body .header-three-upper__contact-info li .icon,
.dark-body .header-three-upper__search .search-box-btn,
.dark-body .header-three-upper__social a,
.dark-body .services-three__content,
.dark-body .contact-one__input-box input[type="text"],
.dark-body .contact-one__input-box input[type="email"],
.dark-body .contact-one__input-box textarea,
.dark-body .contact-one__input-box .bootstrap-select>.dropdown-toggle,
.dark-body .team-four,
.dark-body .header-upper__contact-info li .icon,
.dark-body .what-we-are-three,
.dark-body .services-details__services-list li a,
.dark-body .blog-details__tags a,
.dark-body .blog-details__social-list a,
.dark-body .author,
.dark-body .sidebar__search,
.dark-body .sidebar__category-list li a,
.dark-body .sidebar__post-list,
.dark-body .sidebar__tag-list {
border-color: rgba(255,255,255,0.20);
}
.dark-body .partners-one__single:before,
.dark-body .testimonial-one__carousel.owl-carousel .owl-dots .owl-dot,
.dark-body .counter-one__list:before,
.dark-body .partners-two__single:before,
.dark-body .testimonial-three__points li:before,
.dark-body .carousel-dot-style.owl-carousel .owl-dot.active {
background-color: rgba(255,255,255,0.20);
}
body.dark-body,
.dark-body .footer-widget__explore-list li a,
.dark-body .footer-widget__availability-list li a,
.dark-body .main-footer__bottom-text,
.dark-body .main-footer__bottom-menu li a,
.dark-body .accordion-box p,
.dark-body .about-three__video-title,
.dark-body .services-three__read-more,
.dark-body .services-details__services-list li a,
.dark-body .services-details__services-list li a span,
.dark-body .services-details__download-list li a,
.dark-body .blog-details__quote i,
.dark-body .comment-one__content h3,
.dark-body .comment-one__content span,
.dark-body .sidebar__category-list li a {
color: rgba(255,255,255, 0.70);
}
.dark-body .about-two__satisfied-client-text,
.dark-body p.services-two__text,
.dark-body p.process-one__text-1,
.dark-body .testimonial-two__text-1,
.dark-body .blog-two__user-name,
.dark-body .about-three__client-text,
.dark-body .testimonial-three__text,
.dark-body .team-details__sub-title,
.dark-body .what-we-are-two__client-text,
.dark-body .project-details__info-left p,
.dark-body .project-details__info-right span{
color: rgba(0,0,0, 0.70);
}
.dark-body .what-we-are-one__counter-icon span {
color: #ffffff;
opacity: 0.03;
}
.dark-body .testimonial-one__carousel.owl-carousel .owl-dot.active,
.dark-body .contact-info-one__logo a {
background-color: #ffffff;
}
.dark-body .header-upper__search:before {
left: -30px;
}
.dark-body .testimonial-two__side-img:before {
display: none;
}
.dark-body .contact-info-one__logo a img {
filter: brightness(0);
}
.dark-body .section-title-shape-1 img {
filter: brightness(0);
}
.dark-body .section-title-shape-2 img {
filter: brightness(0);
}
.dark-body .main-header-two__logo-box a img {
filter: contrast(0.5);
}
.dark-body .faq-one__shape-1 img {
filter: invert(1);
}

8180
cn/css/08-font-awesome.css Normal file
View File

File diff suppressed because it is too large Load Diff

177
cn/css/09-icomoon.css Normal file
View File

@@ -0,0 +1,177 @@
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoond7e0.eot?2ol74w');
src: url('../fonts/icomoond7e0.eot?2ol74w#iefix') format('embedded-opentype'),
url('../fonts/icomoond7e0.ttf?2ol74w') format('truetype'),
url('../fonts/icomoond7e0.woff?2ol74w') format('woff'),
url('../fonts/icomoond7e0.svg?2ol74w#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-star:before {
content: "\e900";
}
.icon-down-arrow:before {
content: "\e901";
}
.icon-search:before {
content: "\e902";
}
.icon-up-right-arrow:before {
content: "\e903";
}
.icon-checked:before {
content: "\e904";
}
.icon-add:before {
content: "\e905";
}
.icon-minus:before {
content: "\e906";
}
.icon-check:before {
content: "\e907";
}
.icon-send:before {
content: "\e908";
}
.icon-prev:before {
content: "\e909";
}
.icon-next:before {
content: "\e90a";
}
.icon-arrow-right:before {
content: "\e90b";
}
.icon-checklist:before {
content: "\e90c";
}
.icon-right:before {
content: "\e90d";
}
.icon-right-1:before {
content: "\e90e";
}
.icon-play-button:before {
content: "\e90f";
}
.icon-like:before {
content: "\e910";
}
.icon-thumb-up:before {
content: "\e911";
}
.icon-date:before {
content: "\e912";
}
.icon-three-o-clock-clock:before {
content: "\e913";
}
.icon-map:before {
content: "\e914";
}
.icon-call:before {
content: "\e915";
}
.icon-envelope:before {
content: "\e916";
}
.icon-close:before {
content: "\e917";
}
.icon-envelope-1:before {
content: "\e918";
}
.icon-lock:before {
content: "\e919";
}
.icon-menu:before {
content: "\e91a";
}
.icon-high-resolution-images:before {
content: "\e91b";
}
.icon-rateing:before {
content: "\e91c";
}
.icon-royalty-free-use:before {
content: "\e91d";
}
.icon-shape-1:before {
content: "\e91e";
}
.icon-social-1:before {
content: "\e91f";
}
.icon-social-2:before {
content: "\e920";
}
.icon-social-3:before {
content: "\e921";
}
.icon-social-4:before {
content: "\e922";
}
.icon-social-5:before {
content: "\e923";
}
.icon-unlimited-image-creation:before {
content: "\e924";
}

15
cn/css/10-jarallax.css Normal file
View File

@@ -0,0 +1,15 @@
.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
/* support for plugin https://github.com/bfred-it/object-fit-images */
font-family: 'object-fit: cover;';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}

88
cn/css/11-preloader.css Normal file
View File

@@ -0,0 +1,88 @@
/* Preloader */
/* Preloader */
#loading {
height: 100%;
width: 100%;
position: fixed;
z-index: 9999999999999;
margin-top: 0;
top: 0;
display:none;
background-color:#2e93ee;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.object {
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
position: absolute;
border-top: 5px solid #fff;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
border-right: 5px solid transparent;
-webkit-animation: animate 2s infinite;
animation: animate 2s infinite;
}
#object_one {
left: 75px;
top: 75px;
width: 50px;
height: 50px;
}
#object_two {
left: 65px;
top: 65px;
width: 70px;
height: 70px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#object_three {
left: 55px;
top: 55px;
width: 90px;
height: 90px;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#object_four {
left: 45px;
top: 45px;
width: 110px;
height: 110px;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes animate {
50% {
-ms-transform: rotate(360deg) scale(0.8);
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}
@keyframes animate {
50% {
-ms-transform: rotate(360deg) scale(0.8);
-webkit-transform: rotate(360deg) scale(0.8);
transform: rotate(360deg) scale(0.8);
}
}

13
cn/css/12-swiper.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

83
cn/css/13-odometer-theme-default.css Normal file
View File

@@ -0,0 +1,83 @@
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

1353
cn/css/14-jquery-ui.css Normal file
View File

File diff suppressed because it is too large Load Diff

351
cn/css/15-magnific-popup.css Normal file
View File

@@ -0,0 +1,351 @@
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }

6
cn/css/bootstrap.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

351
cn/css/color-switcher-design.css Normal file
View File

@@ -0,0 +1,351 @@
/***
====================================================================
Color Palate Style / Color Switcher Style
====================================================================
***/
:root {}
.color-palate {
background: #ffffff none repeat scroll 0 0;
-webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
position: fixed;
left: -285px;
text-align: center;
top: 0%;
transition: all 0.5s ease 0s;
width: 285px;
z-index: 999;
height: 100%;
padding-bottom: 30px;
}
.color-palate-inner {
position: relative;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: all;
}
/* width */
.color-palate-inner::-webkit-scrollbar {
width: 5px;
}
/* Track */
.color-palate-inner::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.color-palate-inner::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
.color-palate-inner::-webkit-scrollbar-thumb:hover {
background: #555;
}
.color-palate-head {
background: var(--thm-base) none repeat scroll 0 0;
padding: 12px 0;
}
.color-palate-head h6 {
font-weight: 500;
color: #ffffff !important;
}
.color-palate-head h6,
.secondary-head h6 {
color: #ffffff;
font-size: 14px;
font-weight: 600;
margin: 0px;
margin-top: 4px;
text-transform: uppercase;
}
.palate {
background: var(--thm-base) none repeat scroll 0 0;
display: block;
float: left;
height: 45px;
margin: 0 2.5% 12px;
width: 20%;
cursor: pointer;
position: relative;
}
.colors-list .active::after {
background: url(../images/icons/tick.png) center center no-repeat !important;
background-repeat: no-repeat;
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.various-color {
overflow: hidden;
padding: 20px 0 15px;
}
.colors-list {
margin: 0 20px;
}
.secondary-head {
background: #222222 none repeat scroll 0 0;
padding: 14px 0;
}
.secondary-color {
padding: 23px 0;
}
.secondary-colors-list {
margin: 0 80px;
}
.palate-foo {
color: #777777;
font-size: 13px;
font-weight: 400;
padding: 0 30px;
line-height: 1.8em;
}
.palate-foo span {
display: block;
padding-top: 20px;
margin-top: 5px;
border-top: 1px dotted #b2b2b2;
}
.palate.default-color {
background: #FF6C1E none repeat scroll 0 0;
}
.palate.blue-color {
background: #246af4 none repeat scroll 0 0;
}
.palate.brown-color {
background: #964B00 none repeat scroll 0 0;
}
.palate.green-color {
background: #3ead3c none repeat scroll 0 0;
}
.palate.orange-color {
background: #ffb347 none repeat scroll 0 0;
}
.palate.purple-color {
background: #bb54e1 none repeat scroll 0 0;
}
.palate.teal-color {
background: #44A9AA none repeat scroll 0 0;
}
.palate.yellow-color {
background: #fed000 none repeat scroll 0 0;
}
.color-trigger {
background: var(--thm-base) none repeat scroll 0 0;
cursor: pointer;
height: 50px;
right: -46px;
position: absolute;
top: 7%;
width: 46px;
padding-top: 6px;
}
.color-trigger .fa-fw {
animation: fa-spin 2s linear infinite;
-webkit-animation: fa-spin 2s linear infinite;
-moz-animation: fa-spin 2s linear infinite;
-ms-animation: fa-spin 2s linear infinite;
-o-animation: fa-spin 2s linear infinite;
}
.color-trigger:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.color-trigger i {
color: #ffffff;
font-size: 18px;
line-height: 40px;
}
.color-palate.visible-palate {
left: 0px;
}
.color-palate h6 {
font-weight: 500;
color: #000000;
text-transform: uppercase;
font-size: 16px;
}
.color-palate .rtl-version {
padding-top: 10px;
padding-bottom: 0px;
}
.color-palate .box-version {
padding-top: 10px;
padding-bottom: 0px;
}
.color-palate .option-box {
padding-top: 10px;
padding-bottom: 5px;
}
.color-palate .option-box>li {
position: relative;
color: #ffffff;
width: 40%;
margin: 0px 3px;
cursor: pointer;
margin-bottom: 9px;
padding: 8px 12px;
font-size: 12px;
display: inline-block;
background-color: var(--thm-base);
text-transform: uppercase;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
.color-palate .demos-carousel {
position: relative;
padding: 15px 20px 0px;
}
.color-palate .demos-carousel .demos-title {
position: relative;
color: var(--thm-black);
font-weight: 700;
margin-bottom: var(--margin-bottom-10);
}
.color-palate .demos-carousel .owl-dots {
display: none;
}
.color-palate .demos-carousel .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 99999;
width: 100%;
margin-top: -15px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.color-palate .demos-carousel .owl-prev {
position: absolute;
left: -15px;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
border-radius: 50px;
font-size: 14px;
color: var(--thm-base);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: var(--white-color);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.color-palate .demos-carousel .owl-next {
position: absolute;
right: -15px;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
border-radius: 50px;
font-size: 14px;
color: var(--thm-black);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: var(--thm-base);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.color-palate .demos-carousel .owl-prev:hover,
.color-palate .demos-carousel .owl-next:hover {
color: var(--thm-white);
background-color: var(--thm-base);
}
.color-palate .demos-carousel li {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.10);
}
.color-palate .purchase-box {
position: relative;
padding: 10px 15px 0px;
}
.color-palate .purchase-box .theme-btn {
position: relative;
padding: 12px 36px;
margin-top: 20px;
}

6
cn/css/color-themes/blue-color.css Normal file
View File

@@ -0,0 +1,6 @@
/* CSS Document */
:root {
--thm-base: #246af4;
--thm-base-rgb: 36, 106, 244;
}

4
cn/css/color-themes/brown-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #964B00;
--thm-base-rgb: 150, 75, 0;
}

10
cn/css/color-themes/default-color.css Normal file
View File

@@ -0,0 +1,10 @@
@charset "utf-8";
/* CSS Document */
:root {
--thm-base: #FF6C1E;
--thm-base-rgb: 255, 108, 30;
}

4
cn/css/color-themes/green-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #3ead3c;
--thm-base-rgb: 62, 173, 60;
}

4
cn/css/color-themes/orange-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #ffb347;
--thm-base-rgb: 255, 179, 71;
}

4
cn/css/color-themes/purple-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #bb54e1;
--thm-base-rgb: 187, 84, 255;
}

4
cn/css/color-themes/teal-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #44a9aa;
--thm-base-rgb: 68, 169, 170;
}

4
cn/css/color-themes/yellow-color.css Normal file
View File

@@ -0,0 +1,4 @@
:root {
--thm-base: #fed000;
--thm-base-rgb: 254, 208, 0;
}

14
cn/css/images/icons/menu-arrow.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>

14
cn/css/images/ui-icons_444444_256x240.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>

14
cn/css/images/ui-icons_777620_256x240.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>

14
cn/css/images/ui-icons_cc0000_256x240.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>

108
cn/css/module-css/404.css Normal file
View File

@@ -0,0 +1,108 @@
/***
====================================================================
Error Page
====================================================================
***/
.error-page {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
z-index: 10;
}
.error-page__shape-1 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: -1;
}
.error-page__shape-1 img {
width: auto;
}
.error-page__shape-2 {
position: absolute;
top: 50%;
left: 50%;
width: 1364px;
height: 315px;
transform: rotate(6.965deg) translateY(-50%) translateX(-50%);
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
filter: blur(182px);
z-index: -1;
}
.error-page__inner {
position: relative;
display: block;
text-align: center;
}
.error-page__title-box {
position: relative;
display: block;
}
.error-page__title {
font-size: 296px;
font-weight: 600;
line-height: 296px;
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.error-page__tagline {
font-size: 40px;
font-weight: 500;
line-height: 44px;
color: var(--thm-white);
}
.error-page__text {
color: var(--thm-white);
margin-top: 14px;
margin-bottom: 68px;
}
.error-page__btn-box {
position: relative;
display: block;
}
.error-page__btn {
padding: 11px 24px 11px;
border-radius: 8px;
background: linear-gradient(210deg, #7E65FF 23.7%, #426BFF 108.16%);
box-shadow: 0px 20px 24px -10px #0B042F;
}
.error-page__btn span {
margin-left: 12px;
top: 1px;
position: relative;
}
/* End */

75
cn/css/module-css/about.css Normal file
View File

@@ -0,0 +1,75 @@
/***
====================================================================
About One
====================================================================
***/
.about-one {
position: relative;
display: block;
}
.about-one__left {
position: relative;
display: block;
margin-top: 110px;
margin-right: 80px;
}
.about-one__left-content {
position: relative;
display: block;
}
.about-one__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 56px;
}
.about-one__text {
font-size: 14px;
margin-top: 13px;
margin-bottom: 38px;
}
.about-one__left .feature-one__rating-box {
margin-top: 0;
}
.about-one__left .feature-one__rating {
justify-content: flex-start;
}
.about-one__left .feature-one__rating-text {
font-size: 10px;
line-height: 10px;
}
.about-one__right {
position: relative;
display: block;
}
.about-one__img {
position: relative;
display: block;
border-radius: 24px;
}
.about-one__img img {
width: 100%;
border-radius: 24px;
}
/* End */

75
cn/css/module-css/ai-product.css Normal file
View File

@@ -0,0 +1,75 @@
/***
====================================================================
AI Product
====================================================================
***/
.ai-product {
position: relative;
display: block;
padding: 100px 0 100px;
}
.ai-product__top-title {
font-size: 40px;
color: var(--thm-white);
font-weight: 500;
line-height: 55px;
text-align: center;
margin-bottom: 63px;
}
.ai-product .row {
--bs-gutter-x: 70px;
}
.ai-product__single {
position: relative;
display: block;
margin-bottom: 22px;
}
.ai-product__icon {
position: relative;
display: block;
}
.ai-product__icon img {
width: auto;
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
}
.ai-product__single:hover .ai-product__icon img {
transform: scale(.9);
}
.ai-product__title {
font-size: 20px;
font-weight: 600;
line-height: 25px;
margin-top: 26px;
margin-bottom: 23px;
}
.ai-product__title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.ai-product__title a:hover {
color: var(--thm-base);
}
/* End */

240
cn/css/module-css/amazing-art-tool.css Normal file
View File

@@ -0,0 +1,240 @@
/***
====================================================================
Amazing Art Tool
====================================================================
***/
.amazing-art-tool {
position: relative;
display: block;
padding: 63px 0 0;
}
.amazing-art-tool__left {
position: relative;
display: block;
margin-left: 90px;
margin-right: 65px;
}
.amazing-art-tool__left-content {
position: relative;
display: block;
}
.amazing-art-tool__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 56px;
margin-bottom: 14px;
}
.amazing-art-tool__points-box {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 16px;
margin-bottom: 31px;
}
.amazing-art-tool__points {
position: relative;
display: block;
}
.amazing-art-tool__points li {
position: relative;
display: flex;
align-items: center;
}
.amazing-art-tool__points li+li {
margin-top: 4px;
}
.amazing-art-tool__points li .icon {
position: relative;
display: flex;
align-items: center;
}
.amazing-art-tool__points li .icon span {
position: relative;
display: inline-block;
color: #BDBFD4;
font-size: 20px;
}
.amazing-art-tool__points li .text {
margin-left: 18px;
}
.amazing-art-tool__points li .text p {
color: var(--thm-white);
}
.amazing-art-tool__points--two {
margin-left: 75px;
}
.amazing-art-tool__btn-box {
position: relative;
display: block;
}
.amazing-art-tool__btn {
font-weight: 600;
color: var(--thm-primary);
position: relative;
display: inline-flex;
align-items: center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.amazing-art-tool__btn span {
position: relative;
display: inline-block;
font-size: 12px;
padding-left: 15px;
top: 2px;
}
.amazing-art-tool__btn:hover {
color: var(--thm-base);
}
.amazing-art-tool__right {
position: relative;
display: block;
margin-top: 13px;
margin-left: 11px;
margin-right: 117px;
z-index: 1;
}
.amazing-art-tool__right:before {
content: "";
position: absolute;
top: -38px;
left: 60px;
right: -30px;
bottom: 45px;
border-radius: 16px;
border: 1px solid #4B4B70;
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
z-index: -1;
}
.amazing-art-tool__browser-dot {
position: absolute;
top: -20px;
left: 85px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.amazing-art-tool__browser-dot li {
position: relative;
display: block;
height: 10px;
width: 10px;
background: #F16C7A;
border-radius: 50%;
}
.amazing-art-tool__browser-dot li:nth-child(2) {
background: #49C3E8;
}
.amazing-art-tool__browser-dot li:nth-child(3) {
background: #FFD160;
}
.amazing-art-tool__browser-dot li+li {
margin-left: 7px;
}
.amazing-art-tool__shape-2 {
position: absolute;
bottom: 65px;
left: 99px;
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
opacity: 0.35;
filter: blur(50px);
width: 400px;
height: 320px;
transform: rotate(150.217deg);
z-index: -1;
}
.amazing-art-tool__right .row {
--bs-gutter-x: 14px;
}
.row.amazing-art-tool__img-list {
position: relative;
}
.row.amazing-art-tool__img-list li {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.amazing-art-tool__img-single {
position: relative;
display: block;
margin-bottom: 14px;
}
.amazing-art-tool__img {
position: relative;
display: block;
border-radius: 15px;
overflow: hidden;
z-index: 1;
}
.amazing-art-tool__img:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: rgba(var(--thm-black-rgb), .60);
transition: all 700ms ease;
transform: translateY(-100%);
z-index: 1;
}
.amazing-art-tool__img-single:hover .amazing-art-tool__img:before {
transform: translateY(0%);
}
.amazing-art-tool__img img {
width: 100%;
border-radius: 15px;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.amazing-art-tool__img-single:hover .amazing-art-tool__img img {
transform: scale(1.1) rotate(2deg);
}
/* End */

89
cn/css/module-css/art-and-image-tool.css Normal file
View File

@@ -0,0 +1,89 @@
/***
====================================================================
Testimonial One
====================================================================
***/
.art-and-image-tool {
position: relative;
display: block;
padding: 57px 0 0;
}
.art-and-image-tool__left {
position: relative;
display: block;
margin-left: 74px;
margin-right: 49px;
}
.art-and-image-tool__img {
position: relative;
display: block;
}
.art-and-image-tool__img img {
width: 100%;
}
.art-and-image-tool__right {
position: relative;
display: block;
margin-left: 75px;
margin-right: 76px;
margin-top: 193px;
}
.art-and-image-tool__right-content {
position: relative;
display: block;
}
.art-and-image-tool__title {
font-size: 40px;
color: var(--thm-white);
line-height: 50px;
font-weight: 600;
}
.art-and-image-tool__title span {
color: var(--thm-primary);
}
.art-and-image-tool__text {
margin-top: 16px;
margin-bottom: 31px;
}
.art-and-image-tool__btn-box {
position: relative;
display: block;
}
.art-and-image-tool__btn {
font-weight: 600;
color: var(--thm-primary);
position: relative;
display: inline-flex;
align-items: center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.art-and-image-tool__btn span {
position: relative;
display: inline-block;
font-size: 13px;
padding-left: 15px;
top: -2px;
}
.art-and-image-tool__btn:hover {
color: var(--thm-base);
}
/* End */

99
cn/css/module-css/banner.css Normal file
View File

@@ -0,0 +1,99 @@
/***
====================================================================
Banner One
====================================================================
***/
.banner-one {
position: relative;
display: block;
padding: 145px 0 0;
}
.banner-one__left {
position: relative;
display: block;
}
.banner-one__sub-title {
font-size: 14px;
font-weight: 500;
color: var(--thm-extra);
line-height: 20px;
}
.banner-one__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 50px;
margin-top: 16px;
margin-bottom: 22px;
}
.banner-one__title span {
position: relative;
display: inline-block;
color: var(--thm-extra);
z-index: 1;
}
.banner-one__title span:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background-color: var(--thm-extra);
z-index: -1;
}
.banner-one__text-1 {
margin-bottom: 72px;
}
.banner-one__text-1 span {
color: var(--thm-gradient-color2);
}
.banner-one__btn-box {
position: relative;
display: block;
}
.banner-one__right {
position: relative;
display: block;
margin-top: 7px;
}
.banner-one__img {
position: relative;
display: block;
}
.banner-one__img img {
width: 100%;
}
/* End */

392
cn/css/module-css/blog.css Normal file
View File

@@ -0,0 +1,392 @@
/***
====================================================================
Blog Details
====================================================================
***/
.blog-details {
position: relative;
display: block;
padding-top: 9px;
}
.blog-details__top-title {
text-align: center;
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 31px;
max-width: 90%;
width: 100%;
}
.blog-details__top-title h3 {
color: var(--thm-white);
font-size: 40px;
font-weight: 500;
line-height: 56px;
}
.blog-details__img {
position: relative;
display: block;
}
.blog-details__img img {
width: 100%;
border-radius: 8px;
}
.blog-details__bottom {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 90%;
width: 100%;
margin-bottom: 100px;
}
.blog-details__person-and-date {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 24px 0 24px;
border-bottom: 1px solid #3C3C77;
}
.blog-details__person {
position: relative;
display: flex;
align-items: center;
}
.blog-details__person-img {
position: relative;
display: block;
}
.blog-details__person-img img {
width: auto;
border-radius: 50%;
}
.blog-details__person-name {
margin-left: 13px;
font-size: 16px;
font-weight: 500;
color: #7781A6;
}
.blog-details__date {
position: relative;
display: flex;
align-items: center;
}
.blog-details__date li {
position: relative;
display: block;
}
.blog-details__date li+li {
margin-left: 27px;
}
.blog-details__date li p {
font-size: 14px;
color: #7781A6;
}
.blog-details__date li p span {
position: relative;
margin-right: 10px;
}
.blog-details__text-1 {
margin-top: 32px;
margin-bottom: 26px;
}
.blog-details__text-3 {
color: var(--thm-white);
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-top: 32px;
margin-bottom: 16px;
}
.blog-details__text-5 {
color: var(--thm-white);
font-size: 24px;
font-weight: 500;
line-height: 32px;
margin-top: 32px;
margin-bottom: 16px;
}
.blog-details__points {
position: relative;
display: block;
}
.blog-details__points li {
position: relative;
display: flex;
}
.blog-details__points li:first-child {
margin-bottom: 28px;
}
.blog-details__points li+li {
margin-top: 8px;
}
.blog-details__points-shape {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-width: 4px;
width: 100%;
height: 5px;
background-color: #a1aac9;
margin-right: 10px;
top: 11px;
}
.blog-details__text-box {
position: relative;
display: block;
border-radius: 8px;
border: 1px solid var(--stroke-dark, #3C3C77);
background: #15152E;
padding: 47px 90px 46px;
margin-top: 36px;
margin-bottom: 32px;
}
.blog-details__text-box::before {
content: "";
position: absolute;
top: 56px;
left: 64px;
width: 2px;
height: 85px;
background-color: var(--thm-base);
}
.blog-details__text-box p {
color: var(--thm-gray);
font-size: 24px;
font-weight: 500;
line-height: 38px;
margin-bottom: 13px;
}
.blog-details__text-box span {
color: var(--thm-white);
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.blog-details__tag-and-social {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #3C3C77;
padding-top: 32px;
margin-top: 40px;
}
.blog-details__tag {
position: relative;
display: flex;
align-items: center;
}
.blog-details__tag a {
color: var(--thm-white);
font-size: 12px;
font-weight: 500;
line-height: 12px;
border-radius: 4px;
border: 1px solid rgba(60, 60, 119, 0.50);
background: rgba(60, 60, 119, 0.20);
padding: 10px 15px 9px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.blog-details__tag a:hover {
background-color: var(--thm-gradient-color2);
border: 1px solid var(--thm-gradient-color2);
}
.blog-details__tag a+a {
margin-left: 8px;
}
.blog-details__social {
position: relative;
display: flex;
align-items: center;
}
.blog-details__social a {
position: relative;
font-size: 22px;
color: #7780a7;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.blog-details__social a:hover {
color: var(--thm-gradient-color2);
}
.blog-details__social a+a {
margin-left: 20px;
}
/***
====================================================================
Blog Page
====================================================================
***/
.blog-page {
position: relative;
display: block;
}
.blog-page__single {
position: relative;
display: block;
margin-bottom: 45px;
}
.blog-page__img-box {
position: relative;
display: block;
}
.blog-page__img {
position: relative;
display: block;
border-radius: 4px;
overflow: hidden;
z-index: 1;
}
.blog-page__img:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(var(--thm-black-rgb), .20);
visibility: hidden;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scaleY(0) translateZ(100px);
transform: scaleY(0) translateZ(100px);
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
z-index: 1;
}
.blog-page__single:hover .blog-page__img:before {
visibility: visible;
-webkit-transform: scaleY(1) translateZ(0px);
transform: scaleY(1) translateZ(0px);
}
.blog-page__img img {
max-height: 280px;
width: 100%;
border-radius: 4px;
transition: all 500ms ease;
transform: scale(1);
}
.blog-page__single:hover .blog-page__img img {
transform: scale(1.05);
}
.blog-page__title {
font-size: 24px;
font-weight: 500;
line-height: 34px;
margin-bottom: 20px;
margin-top: 16px;
}
.blog-page__title a {
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.blog-page__title a:hover {
color: var(--thm-base);
}
.blog-page__date {
position: relative;
display: flex;
align-items: center;
}
.blog-page__date p {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #7781A6;
}
.blog-page__date p span {
position: relative;
margin-right: 10px;
font-size: 16px;
}
.blog-page__date p+p {
margin-left: 28px;
}
.blog-page .career-page__pagination {
margin-top: 8px;
}
/* End */

180
cn/css/module-css/brand.css Normal file
View File

@@ -0,0 +1,180 @@
/***
====================================================================
Brand One
====================================================================
***/
.brand-one {
position: relative;
display: block;
padding: 94px 0 132px;
z-index: 1;
}
.brand-one__title-box {
position: relative;
display: block;
text-align: center;
}
.brand-one__title {
color: var(--thm-white);
font-size: 24px;
font-weight: 500;
line-height: 34px;
text-align: center;
position: relative;
display: block;
}
.brand-one__title span {
color: var(--thm-gradient-color2);
}
.brand-one__brand-list-box {
position: relative;
display: block;
padding-left: 65px;
padding-right: 55px;
padding-top: 66px;
}
.brand-one__list {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.brand-one__list li {
position: relative;
display: block;
}
.brand-one__brand-img {
position: relative;
display: block;
}
.brand-one__brand-img img {
width: auto;
}
.brand-one__list-2 {
margin-top: 49px;
}
.brand-one__shape-1 {
position: absolute;
left: 223px;
top: 6px;
}
.brand-one__shape-1 img {
width: auto;
}
.brand-one__shape-2 {
position: absolute;
right: 206px;
top: 6px;
}
.brand-one__shape-2 img {
width: auto;
}
.brand-one__shape-3 {
position: absolute;
left: 575px;
bottom: -60px;
}
.brand-one__shape-3 img {
width: auto;
}
/***
====================================================================
Brand Two
====================================================================
***/
.brand-two {
position: relative;
display: block;
padding: 94px 0 132px;
z-index: 1;
}
.brand-two__title-box {
position: relative;
display: block;
text-align: center;
}
.brand-two__title {
color: var(--thm-white);
font-size: 24px;
font-weight: 500;
line-height: 34px;
text-align: center;
position: relative;
display: block;
}
.brand-two__title span {
color: var(--thm-extra);
}
.brand-two__brand-list-box {
position: relative;
display: block;
padding-left: 65px;
padding-right: 55px;
padding-top: 66px;
}
.brand-two__list {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.brand-two__list li {
position: relative;
display: block;
}
.brand-two__brand-img {
position: relative;
display: block;
}
.brand-two__brand-img img {
width: auto;
}
/***
====================================================================
Brand Three
====================================================================
***/
.brand-three {
padding: 94px 0 0px;
}
.brand-three .brand-two__title span {
color: var(--thm-base);
}
/* End */

609
cn/css/module-css/career.css Normal file
View File

@@ -0,0 +1,609 @@
/***
====================================================================
Career Page
====================================================================
***/
.career-page {
position: relative;
display: block;
}
.career-page .container {
max-width: 1125px;
}
.career-page__top {
position: relative;
display: block;
text-align: center;
}
.career-page__sub-title {
color: #FF6C1E;
font-size: 14px;
font-weight: 500;
line-height: 14px;
}
.career-page__title {
color: var(--thm-white);
font-size: 40px;
font-weight: 600;
line-height: 56px;
margin-top: 19px;
margin-bottom: 16px;
}
.career-page__bottom {
position: relative;
display: block;
margin-top: 62px;
margin-bottom: 55px;
}
.career-page__list {
position: relative;
display: block;
}
.career-page__list>li {
position: relative;
display: block;
}
.career-page__list>li+li {
margin-top: 24px;
}
.career-page__single {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
border: 1px solid #2E2F45;
background: #101022;
padding: 47px 47px 47px;
z-index: 1;
}
.career-page__single::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 8px;
border: 1px solid #3C3C77;
background: #15152E;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
transform-origin: bottom right;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
z-index: -1;
}
.career-page__list>li:hover .career-page__single::before {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
transform-origin: top center;
}
.career-page__single-left {
position: relative;
display: flex;
}
.career-page__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 8px;
background: #262651;
}
.career-page__icon img {
width: auto;
}
.career-page__content {
position: relative;
display: block;
margin-left: 38px;
}
.career-page__single-title {
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.career-page__single-title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page__single-title a:hover {
color: var(--thm-gradient-color2);
}
.career-page__theme-list {
position: relative;
display: flex;
align-items: center;
margin-top: 13px;
margin-bottom: 20px;
}
.career-page__theme-list>li+li {
margin-left: 34px;
}
.career-page__theme-list li>p {
font-weight: 500;
}
.career-page__theme-list li:first-child p {
color: var(--thm-white);
}
.career-page__country-list {
position: relative;
display: flex;
align-items: center;
}
.career-page__country-list>a {
color: #A1AAC9;
font-size: 14px;
font-weight: 500;
line-height: 24px;
border-radius: 4px;
border: 1px solid #2E2F45;
background-color: #15152E;
padding: 3px 17px 4px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page__country-list>a:hover {
background-color: var(--thm-gradient-color2);
color: var(--thm-white);
border: 1px solid var(--thm-gradient-color2);
}
.career-page__country-list>a+a {
margin-left: 24px;
}
.career-page__country-list>a>img {
margin-right: 8px;
width: auto;
}
.career-page__single-right {
position: relative;
display: block;
}
.career-page__btn-box {
position: relative;
display: block;
}
.career-page__btn {
padding: 11px 24px 11px;
box-shadow: none;
}
.career-page__btn span {
margin-left: 12px;
top: 1px;
position: relative;
}
.career-page__minutes {
font-size: 14px;
font-weight: 500;
margin-top: 19px;
padding-left: 30px;
}
.career-page__pagination {
position: relative;
display: block;
text-align: center;
}
.career-page__pagination .pg-pagination li {
display: inline-block;
margin-right: 16px;
}
.career-page__pagination .pg-pagination li:last-child {
margin-right: 0;
}
.career-page__pagination .pg-pagination li a {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
display: inline-block;
color: #7781A6;
border-radius: 4px;
border: 1px solid rgba(60, 60, 119, 0.50);
background: rgba(60, 60, 119, 0.20);
font-weight: 500;
font-size: 18px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page__pagination .pg-pagination li:last-child a {
color: var(--thm-gradient-color2);
}
.career-page__pagination .pg-pagination li a:hover {
background-color: var(--thm-gradient-color2);
color: var(--thm-white);
border: 1px solid var(--thm-gradient-color2);
}
/***
====================================================================
Career Page Top
====================================================================
***/
.career-page-top {
position: relative;
display: block;
padding-bottom: 58px;
}
.career-page-top .container {
max-width: 1125px;
}
.career-page-top__inner {
position: relative;
display: block;
}
.career-page-top__single {
position: relative;
display: block;
}
.career-page-top__img {
position: relative;
display: block;
}
.career-page-top__img img {
width: 100%;
border-radius: 8px;
}
.career-page-top__content-box {
position: relative;
display: block;
border: 1px solid #2E2F45;
border-top: 0;
padding: 0 30px 52px;
}
.career-page-top__job-apply-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 41px 0px 40px;
border-bottom: 1px solid #2E2F45;
margin-bottom: 38px;
z-index: 1;
}
.career-page-top__job-apply-left {
position: relative;
display: flex;
}
.career-page-top__job-apply-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 8px;
background: #262651;
}
.career-page-top__job-apply-icon img {
width: auto;
}
.career-page-top__job-apply-details-box {
position: relative;
display: block;
margin-left: 38px;
}
.career-page-top__job-apply-title {
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.career-page-top__job-apply-title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page-top__job-apply-title a:hover {
color: var(--thm-gradient-color2);
}
.career-page-top__job-apply-theme-list {
position: relative;
display: flex;
align-items: center;
margin-top: 13px;
margin-bottom: 20px;
}
.career-page-top__job-apply-theme-list>li+li {
margin-left: 34px;
}
.career-page-top__job-apply-theme-list li>p {
font-weight: 500;
}
.career-page-top__job-apply-theme-list li:first-child p {
color: var(--thm-white);
}
.career-page-top__job-apply-country-list {
position: relative;
display: flex;
align-items: center;
}
.career-page-top__job-apply-country-list>a {
color: #A1AAC9;
font-size: 14px;
font-weight: 500;
line-height: 24px;
border-radius: 4px;
border: 1px solid #2E2F45;
background-color: #15152E;
padding: 3px 17px 4px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page-top__job-apply-country-list>a:hover {
background-color: var(--thm-gradient-color2);
color: var(--thm-white);
border: 1px solid var(--thm-gradient-color2);
}
.career-page-top__job-apply-country-list>a+a {
margin-left: 24px;
}
.career-page-top__job-apply-country-list>a>img {
margin-right: 8px;
width: auto;
}
.career-page-top__job-apply-right {
position: relative;
display: block;
}
.career-page-top__job-apply-btn-box {
position: relative;
display: block;
}
.career-page-top__job-apply-btn {
padding: 11px 24px 11px;
box-shadow: none;
}
.career-page-top__job-apply-btn span {
margin-left: 12px;
top: 1px;
position: relative;
}
.career-page-top__job-apply-share-and-heart {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 25px;
margin-right: 10px;
}
.career-page-top__job-apply-share-and-heart li+li {
margin-left: 20px;
}
.career-page-top__job-apply-share-and-heart li a {
position: relative;
display: flex;
align-items: center;
font-size: 17px;
color: #7781A6;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.career-page-top__job-apply-share-and-heart li:hover a {
color: var(--thm-gradient-color2);
}
.career-page-top__content-box-two {
position: relative;
display: block;
}
.career-page-top__title-1 {
font-size: 32px;
font-weight: 500;
color: var(--thm-white);
line-height: 42px;
}
.career-page-top__title-2 {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--thm-white);
margin-top: 30px;
margin-bottom: 13px;
}
.career-page-top__title-3 {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--thm-white);
margin-top: 39px;
margin-bottom: 13px;
}
.career-page-top__points-list {
position: relative;
display: block;
}
.career-page-top__points-list li {
position: relative;
display: flex;
}
.career-page-top__points-shape {
position: relative;
display: inline-flex;
max-width: 4px;
height: 5px;
width: 100%;
background-color: var(--thm-gray);
top: 9px;
margin-right: 10px;
}
.career-page-top__points-list li+li {
margin-top: 26px;
}
.career-page-top__title-4 {
font-size: 24px;
font-weight: 500;
line-height: 34px;
color: var(--thm-white);
margin-top: 38px;
margin-bottom: 13px;
}
.career-page-top__interested-job {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
background: #15152E;
margin-top: 40px;
padding: 40px 75px 40px;
}
.career-page-top__interested-job-title-box {
position: relative;
display: block;
}
.career-page-top__interested-job-title {
font-size: 32px;
font-weight: 500;
line-height: 42px;
color: var(--thm-white);
margin-bottom: 10px;
}
.career-page-top__interested-job-sub-title {
font-size: 18px;
font-weight: 400;
line-height: 28px;
color: var(--thm-white);
}
.career-page-top__interested-job-sub-title span {
color: #FF7120;
}
.career-page-top__interested-job-btn-box {
position: relative;
display: block;
}
.career-page-top__interested-job-btn {
padding: 11px 55px 11px;
}
.career-page-top__interested-job-btn span {
margin-left: 12px;
top: 1px;
position: relative;
}
.career-page__bottom-title {
font-size: 40px;
font-weight: 500;
line-height: 50px;
color: var(--thm-white);
margin-bottom: 38px;
}
/* End */

404
cn/css/module-css/case.css Normal file
View File

@@ -0,0 +1,404 @@
/***
====================================================================
Case One
====================================================================
***/
.case-one {
position: relative;
display: block;
background-color: var(--thm-main-bg);
padding: 10px 0 120px;
z-index: 1;
}
.case-one__single {
position: relative;
display: block;
border: 1px solid var(--thm-bdr-color);
border-radius: 16px;
background-color: var(--thm-main-bg);
padding: 40px 25px 40px;
margin-bottom: 24px;
z-index: 1;
height:450px;
}
.case-one__shape-1 {
position: absolute;
bottom: 68px;
right: 63px;
height: 107px;
width: 107px;
border-radius: 50%;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
opacity: 0.8;
filter: blur(90px);
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: -1;
}
.case-one__single:hover .case-one__shape-1 {
transform: scale(1);
}
.case-one__icon {
text-align: center;
position: relative;
display: block;
}
.case-one__icon img {
width: auto;
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
object-fit: contain;
}
.case-one__single:hover .case-one__icon img {
transform: scale(.9);
}
.case-one__title {
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 18px;
margin-top: 30px;
margin-bottom: 26px;
}
.case-one__title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.case-one__title a:hover {
color: var(--thm-base);
}
.case-one__text {
margin-bottom: 30px;
height:150px;
overflow: hidden; /* 隐藏超出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.case-one__btn-box {
text-align: center;
position: relative;
display: block;
}
.case-one__btn {
font-weight: 600;
color: var(--thm-white);
position: relative;
display: inline-flex;
align-items: center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.case-one__btn span {
position: relative;
display: inline-block;
font-size: 13px;
padding-left: 15px;
top: -2px;
}
.case-one__btn:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background-color: var(--thm-white);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.case-one__btn:hover {
color: var(--thm-white);
}
.case-one__btn:hover:before {
opacity: 1;
}
.case-one__btn-box-two {
position: relative;
display: block;
text-align: center;
padding-top: 24px;
}
/***
====================================================================
Case Two
====================================================================
***/
.case-two {
position: relative;
display: block;
padding: 110px 0 0;
z-index: 1;
}
.case-two__shape-1 {
position: absolute;
bottom: -100px;
left: 205px;
width: 1346px;
height: 566px;
background: linear-gradient(97deg, #00E3F2 2.29%, #FF9B00 26.83%, #FF2828 48.98%, #8F00FF 75.28%);
opacity: 0.15;
filter: blur(75px);
z-index: -1;
}
.case-two__wrap {
position: relative;
display: block;
}
.case-two__title {
position: relative;
display: block;
text-align: center;
font-size: 40px;
line-height: 56px;
color: var(--thm-white);
font-weight: 600;
margin-bottom: 54px;
}
.case-two__title span {
color: var(--thm-primary);
}
.case-two__carosuel {
position: relative;
display: block;
max-width: 312px;
width: 100%;
margin: 0 auto;
}
.case-two__carosuel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.case-two__carosuel.owl-carousel .owl-stage {
display: flex;
align-items: center;
justify-content: center;
}
.case-two__single {
position: relative;
display: block;
}
.case-two__img {
position: relative;
display: block;
overflow: hidden;
border-radius: 16px;
}
.case-two__img>img {
width: 100%;
border-radius: 16px;
}
.case-two__content {
position: absolute;
bottom: 8px;
left: 8px;
right: 8px;
background: rgba(0, 0, 0, 0.85);
stroke-width: 1px;
stroke: rgba(255, 255, 255, 0.24);
backdrop-filter: blur(8px);
border-radius: 12px;
padding: 10px 10px 20px;
transform: translateY(-66%);
transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease;
visibility: hidden;
opacity: 0;
z-index: 1;
}
.case-two__single:hover .case-two__content {
visibility: visible;
transform: translateY(0%);
opacity: 1;
}
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__content {
visibility: visible;
transform: translateY(0%);
opacity: 1;
}
.case-two__user-box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 7px;
}
.case-two__user {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.case-two__user-img {
position: relative;
display: block;
border-radius: 50%;
width: 32px;
}
.case-two__user-img>img {
width: 100%;
border-radius: 50%;
}
.case-two__user-name {
font-size: 14px;
font-weight: 500;
color: var(--thm-primary);
margin-left: 10px;
}
.case-two__post-hour {
font-size: 12px;
line-height: 12px;
}
.case-two__text {
font-size: 14px;
line-height: 22px;
}
.case-two__btn-box {
position: relative;
display: block;
margin-top: 14px;
}
.case-two__btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 4px;
background: linear-gradient(85deg, #00B67A -4.03%, #E1F763 99.23%);
width: 100%;
padding: 11px 0;
color: var(--thm-body-bg);
background-size: 200% auto;
transition: all 0.5s linear;
overflow: hidden;
z-index: 1;
}
.case-two__btn>img {
width: auto !important;
padding-right: 12px;
}
.case-two__btn:hover {
color: var(--thm-body-bg);
background-position: right center;
}
.case-two__icon {
position: absolute;
top: 12px;
right: 12px;
height: 36px;
width: 36px;
backdrop-filter: blur(8px);
border: 1px solid var(--thm-bdr-color);
background-color: var(--thm-body-bg);
border-radius: var(--thm-border-radius);
display: flex;
align-items: center;
justify-content: center;
transform: translateX(100px);
opacity: 0;
transition: all 700ms ease;
z-index: 1;
}
.case-two__icon span {
font-size: 15px;
color: var(--thm-white);
}
.case-two__single:hover .case-two__icon {
transform: translateY(0px);
opacity: 1;
transition-delay: 0.3s;
}
.case-two__carosuel.owl-carousel .owl-stage-outer .owl-item.active .case-two__icon {
transform: translateY(0px);
opacity: 1;
transition-delay: 0.3s;
}
.case-two__btn-two-box {
position: relative;
display: block;
text-align: center;
margin-top: 55px;
}
.case-two__btn-two {
background: var(--thm-main-bg);
border: 1px solid var(--thm-bdr-color);
color: var(--thm-gray);
}
.case-two__btn-two span {
color: var(--thm-gray);
}
.case-two__btn-two:hover span {
color: var(--thm-white);
}
/* End */

259
cn/css/module-css/collaboration.css Normal file
View File

@@ -0,0 +1,259 @@
/***
====================================================================
collaboration One
====================================================================
***/
.collaboration-one {
position: relative;
display: block;
}
.collaboration-one__inner {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid #3C3C77;
background-color: #15152E;
padding: 120px 0 253px;
text-align: center;
z-index: 1;
}
.collaboration-one__star-1 {
position: absolute;
top: 367px;
left: 573px;
}
.collaboration-one__star-1 img {
width: auto;
}
.collaboration-one__star-2 {
position: absolute;
top: 367px;
right: 550px;
}
.collaboration-one__star-2 img {
width: auto;
}
.collaboration-one__star-3 {
position: absolute;
bottom: 295px;
left: 417px;
}
.collaboration-one__star-3 img {
width: auto;
}
.collaboration-one__star-4 {
position: absolute;
bottom: 309px;
right: 415px;
}
.collaboration-one__star-4 img {
width: auto;
}
.collaboration-one__shape-1 {
position: absolute;
bottom: 128px;
left: 160PX;
top: 213PX;
right: 118PX;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.collaboration-one__shape-2 {
position: absolute;
bottom: 115px;
left: 113PX;
top: 280PX;
right: 113PX;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.collaboration-one__title-box {
position: relative;
display: block;
text-align: center;
}
.collaboration-one__sub-title {
color: var(--thm-base);
font-size: 14px;
font-weight: 500;
line-height: 14px;
}
.collaboration-one__title {
color: var(--thm-white);
font-size: 48px;
font-weight: 500;
line-height: 58px;
margin-top: 19px;
}
.collaboration-one__icon-box {
position: relative;
display: inline-block;
text-align: center;
margin-top: 157px;
}
.collaboration-one__icon {
position: relative;
display: inline-block;
}
.collaboration-one__icon img {
width: auto;
}
.collaboration-one__icon-shape-1 {
position: absolute;
bottom: -11px;
left: 0;
}
.collaboration-one__icon-shape-1 img {
width: auto;
}
.collaboration-one__icon-1 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
top: -101px;
left: -140px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-1 img {
width: auto;
}
.collaboration-one__icon-2 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
top: -101px;
right: -145px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-2 img {
width: auto;
}
.collaboration-one__icon-3 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
top: 16px;
left: -303px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-3 img {
width: auto;
}
.collaboration-one__icon-4 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
top: 16px;
right: -303px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-4 img {
width: auto;
}
.collaboration-one__icon-5 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
bottom: -76px;
left: -159px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-5 img {
width: auto;
}
.collaboration-one__icon-6 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
bottom: -76px;
right: -159px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-6 img {
width: auto;
}
.collaboration-one__icon-7 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
bottom: -133px;
left: 34px;
border-radius: 16px;
border: 1px solid #ACDA49;
background-color: #12122B;
}
.collaboration-one__icon-7 img {
width: auto;
}

235
cn/css/module-css/contact.css Normal file
View File

@@ -0,0 +1,235 @@
/***
====================================================================
Contact One
====================================================================
***/
.contact-one {
position: relative;
display: block;
padding: 0 0 120px;
}
.contact-one__left {
position: relative;
display: block;
margin-top: 140px;
margin-right: 80px;
}
.contact-one__left-content {
position: relative;
display: block;
}
.contact-one__title-box {
position: relative;
display: block;
margin-bottom: 49px;
}
.contact-one__title-box h3 {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 50px;
margin-bottom: 15px;
}
.contact-one__title-box p {
font-size: 14px;
}
.contact-one__contact-list {
position: relative;
display: block;
}
.contact-one__contact-list li {
position: relative;
display: flex;
}
.contact-one__contact-list li+li {
margin-top: 22px;
}
.contact-one__contact-list li .icon {
position: relative;
display: inline-block;
top: 8px;
}
.contact-one__contact-list li .icon span {
position: relative;
display: inline-block;
font-size: 25px;
color: var(--thm-gradient-color2);
}
.contact-one__contact-list li .text {
margin-left: 40px;
}
.contact-one__contact-list li .text p {
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: var(--thm-white);
}
.contact-one__contact-list li .text p a {
position: relative;
display: flex;
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-one__contact-list li .text p a:hover {
color: var(--thm-gradient-color2);
}
.contact-one__social {
position: relative;
display: flex;
align-items: center;
margin-top: 34px;
}
.contact-one__social a {
position: relative;
display: flex;
align-items: center;
font-size: 25px;
color: #3C3C77;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.contact-one__social a:hover {
color: var(--thm-gradient-color2);
}
.contact-one__social a+a {
margin-left: 25px;
}
.contact-one__right {
position: relative;
display: block;
margin-left: 68px;
}
.contact-one__form-box {
position: relative;
display: block;
background-color: var(--thm-main-bg);
border: 1px solid #2E2F45;
border-radius: var(--thm-border-radius);
padding: 93px 65px 100px;
}
.contact-one__form-title {
font-size: 32px;
font-weight: 500;
color: var(--thm-white);
margin-bottom: 34px;
}
.contact-one__form-box .form-group {
position: relative;
display: block;
}
.contact-one__form-box .form-group+.form-group {
margin-top: 30px;
}
.contact-one__form-label {
color: #7781A6;
margin-bottom: 7px;
}
.contact-one__form-box .form-group input[type="text"],
.contact-one__form-box .form-group input[type="email"],
.contact-one__form-box .form-group textarea {
height: 56px;
width: 100%;
background-color: transparent;
border: 1px solid #2E2F45;
border-radius: var(--thm-border-radius);
outline: none;
padding-left: 60px;
padding-right: 20px;
font-size: 16px;
color: #7781A6;
font-weight: 400;
}
.contact-one__form-icon {
position: absolute;
top: 48px;
left: 25px;
}
.contact-one__form-icon i {
font-size: 15px;
color: #747694;
}
.contact-one__form-box .form-group textarea {
height: 144px;
padding-left: 20px;
padding-top: 15px;
}
.contact-one__form-box .form-group.text-message-box {
height: 148px;
}
.contact-one__form-box .button-box {
position: relative;
display: block;
padding-top: 30px;
}
.contact-one__btn {
width: 100%;
padding: 15px 30px 15px;
font-size: 16px;
}
/***
====================================================================
Goolge Map
====================================================================
***/
.goolge-map {
position: relative;
display: block;
padding: 0 0 120px;
z-index: 1;
}
.goolge-map__outer {
position: relative;
display: block;
}
.google-map__one {
position: relative;
display: block;
width: 100%;
height: 825px;
}
/* End */

152
cn/css/module-css/copywriting-tool.css Normal file
View File

@@ -0,0 +1,152 @@
/***
====================================================================
Copywriting Tool
====================================================================
***/
.copywriting-tool {
position: relative;
display: block;
padding: 140px 0 0;
z-index: 1;
}
.copywriting-tool .container {
max-width: 1110px;
}
.copywriting-tool__inner {
position: relative;
display: block;
}
.copywriting-tool__title-box {
position: relative;
display: block;
text-align: center;
margin-bottom: 40px;
}
.copywriting-tool__title {
font-size: 48px;
font-weight: 600;
color: var(--thm-white);
line-height: 58px;
margin-bottom: 36px;
}
.copywriting-tool__title span {
color: var(--thm-base);
}
.copywriting-tool__btn-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.copywriting-tool__btn-two {
border: 1px solid var(--thm-bdr-color);
background: #15152C;
margin-left: 30px;
}
.copywriting-tool__btn-two:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 8px;
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
transform: scaleX(0.1) rotateX(90deg);
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: -1;
}
.copywriting-tool__btn-two:hover:before {
transform: scaleX(1.0) rotateX(0deg);
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.copywriting-tool__img-box {
position: relative;
display: block;
z-index: 1;
}
.copywriting-tool__img-box img {
width: 100%;
}
.copywriting-tool-shape-1 {
position: absolute;
bottom: 112px;
left: 0;
border-radius: 50%;
opacity: 0.6;
background: linear-gradient(93deg, #430054 7.07%, #FE577F 97.81%);
filter: blur(114px);
width: 371px;
height: 371px;
z-index: -1;
}
.copywriting-tool-shape-2 {
position: absolute;
top: 0;
left: 380px;
border-radius: 50%;
opacity: 0.95;
background: linear-gradient(208deg, #9F9A1A 19.19%, #0096A0 70.68%);
filter: blur(90px);
width: 320px;
height: 320px;
z-index: -1;
}
.copywriting-tool-shape-3 {
position: absolute;
top: 50px;
right: -95px;
border-radius: 50%;
opacity: 0.6;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
filter: blur(90px);
width: 423px;
height: 423px;
z-index: -1;
}
.copywriting-tool__rating-box {
position: relative;
display: block;
margin-top: 46px;
}
/* The End */

146
cn/css/module-css/counter.css Normal file
View File

@@ -0,0 +1,146 @@
/***
====================================================================
Counter One
====================================================================
***/
.counter-one {
position: relative;
display: block;
padding: 0 0 96px;
}
.counter-one__left {
position: relative;
display: block;
}
.counter-one__single {
position: relative;
display: block;
border: 1px solid var(--thm-bdr-color);
border-radius: 16px;
background-color: var(--thm-main-bg);
padding: 37px 39px 59px;
margin-bottom: 24px;
z-index: 1;
}
.counter-one__top {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid var(--thm-bdr-color);
padding-bottom: 32px;
margin-bottom: 34px;
}
.counter-one__icon {
position: relative;
display: flex;
align-items: center;
}
.counter-one__icon img {
width: auto;
}
.counter-one__count {
position: relative;
display: flex;
align-items: center;
margin-left: 22px;
}
.counter-one__count h3 {
font-size: 80px;
font-weight: 600;
font-family: var(--thm-font);
line-height: 80px;
color: var(--thm-white);
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter-one__percent {
font-size: 80px;
font-weight: 600;
font-family: var(--thm-font);
line-height: 80px;
color: var(--thm-white);
background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.counter-one__text-1 {
font-size: 24px;
line-height: 37px;
}
.counter-one__text-box {
position: relative;
display: block;
border: 1px solid var(--thm-bdr-color);
border-radius: 16px;
background-color: var(--thm-main-bg);
padding: 68px 39px 68px;
margin-bottom: 24px;
z-index: 1;
}
.counter-one__shape-1 {
position: absolute;
bottom: 70px;
right: 117px;
height: 107px;
width: 107px;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
opacity: 0.8;
filter: blur(90px);
border-radius: 50%;
}
.counter-one__text-2 {
font-size: 24px;
line-height: 37px;
margin-bottom: 55px;
}
.counter-one__text-box h5 {
font-size: 24px;
color: var(--thm-white);
font-weight: 400;
}
.counter-one__right {
position: relative;
display: block;
margin-bottom: 24px;
}
.counter-one__img-box {
position: relative;
display: block;
border: 1px solid var(--thm-bdr-color);
border-radius: 16px;
background-color: var(--thm-main-bg);
padding-top: 39px;
padding-left: 39px;
}
.counter-one__img-box img {
width: 100%;
border-radius: 16px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
/* End */

235
cn/css/module-css/create-something.css Normal file
View File

@@ -0,0 +1,235 @@
/***
====================================================================
Create Something
====================================================================
***/
.create-something {
position: relative;
display: block;
padding: 120px 0 0;
z-index: 1;
}
.create-something__inner {
position: relative;
display: block;
border-radius: 16px;
border: 2px solid #7E65FF;
background: #0F0F24;
padding-left: 110px;
padding-right: 22px;
padding-top: 22px;
padding-bottom: 6px;
z-index: 1;
}
.create-something__star-1 {
position: absolute;
top: 109px;
left: 604px;
}
.create-something__star-1 img {
width: auto;
}
.create-something__shape-1 {
position: absolute;
top: 22px;
left: 100px;
right: 22px;
bottom: 26px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.create-something__shape-2 {
position: absolute;
bottom: 0;
left: 158px;
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
opacity: 0.15;
filter: blur(50px);
width: 400px;
height: 320px;
transform: rotate(25deg);
z-index: -1;
}
.create-something__shape-3 {
position: absolute;
top: 80px;
right: 158px;
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
opacity: 0.15;
filter: blur(50px);
width: 400px;
height: 320px;
transform: rotate(25deg);
z-index: -1;
}
.create-something__left {
position: relative;
display: block;
margin-top: 90px;
margin-right: 100px;
}
.create-something__content {
position: relative;
display: block;
}
.create-something__title {
font-size: 40px;
color: var(--thm-white);
font-weight: 500;
line-height: 56px;
}
.create-something__title span {
color: var(--thm-primary);
}
.create-something__text {
padding-top: 14px;
padding-bottom: 27px;
}
.create-something__btn-two-box {
position: relative;
display: block;
}
.create-something__right {
position: relative;
display: block;
margin-left: -24px;
}
.create-something__gallery {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0 -8px;
border-radius: 16px;
z-index: 1;
}
.create-something__gallery li {
position: relative;
display: block;
padding: 0 8px;
flex: 0 0 25%;
max-width: 25%;
width: 100%;
margin-bottom: 16px;
}
.create-something__gallery-single {
position: relative;
display: block;
border-radius: 14px;
overflow: hidden;
z-index: 1;
}
.create-something__gallery-single img {
width: 100%;
border-radius: 16px;
}
.create-something__gallery-single:after {
content: "";
position: absolute;
top: 0;
bottom: -2px;
left: 0;
right: 0;
background-color: rgba(var(--thm-black-rgb), .50);
opacity: 0;
visibility: hidden;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scaleY(0) translateZ(100px);
transform: scaleY(0) translateZ(100px);
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease, -webkit-transform 700ms ease;
z-index: 2;
}
.create-something__gallery-single:hover:after {
opacity: .90;
visibility: visible;
-webkit-transform: scaleY(1) translateZ(0px);
transform: scaleY(1) translateZ(0px);
}
.create-something__gallery-single:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 0;
background: linear-gradient(180deg, rgba(23, 24, 37, 0.46) 0%, rgba(23, 24, 37, 0.94) 96.49%);
z-index: 1;
}
.create-something__gallery-icon {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 5;
}
.create-something__gallery-icon a {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--thm-white);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 2;
}
.create-something__gallery-single:hover .create-something__gallery-icon a {
-webkit-transform: scale(1);
transform: scale(1);
transition-delay: 500ms;
opacity: 1;
}
.create-something__gallery-icon a:hover {
color: var(--thm-base);
}
/* End */

127
cn/css/module-css/faq.css Normal file
View File

@@ -0,0 +1,127 @@
/***
====================================================================
Faq One
====================================================================
***/
.faq-one {
position: relative;
display: block;
}
.faq-one .container {
max-width: 875px;
}
.faq-one__inner {
position: relative;
display: block;
}
.faq-one__inner .faq-one-accrodion .accrodion {
position: relative;
display: block;
background-color: var(--thm-main-bg);
border: 1px solid var(--thm-bdr-color);
border-radius: var(--thm-border-radius);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.faq-one__inner .faq-one-accrodion .accrodion-title {
position: relative;
display: block;
cursor: pointer;
padding: 20px 30px 20px;
transition: all 200ms linear;
transition-delay: 0.1s;
padding-right: 25px;
}
.faq-one__inner .faq-one-accrodion .accrodion-title h4 {
margin: 0;
font-size: 20px;
color: var(--thm-gray);
font-weight: 500;
line-height: 30px;
position: relative;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4 {
color: var(--thm-white);
}
.faq-one__inner .faq-one-accrodion .accrodion+.accrodion {
margin-top: 15px;
}
.faq-one__inner .faq-one-accrodion .accrodion-title h4::before {
content: "\e901";
font-family: 'icomoon' !important;
font-size: 13px;
color: var(--thm-gray);
position: absolute;
top: 50%;
right: 0;
line-height: 15px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-align: center;
width: 21px;
height: 21px;
}
.faq-one__inner .faq-one-accrodion .accrodion.active .accrodion-title h4::before {
content: "\e901";
color: var(--thm-white);
border-radius: 50%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(-180deg);
}
.faq-one__inner .faq-one-accrodion .accrodion-content {
position: relative;
padding-bottom: 27px;
padding-left: 30px;
padding-right: 30px;
}
.faq-one__inner .faq-one-accrodion .accrodion-content p {
margin: 0;
}
.faq-one__inner .faq-one-accrodion .accrodion-content p a {
color: var(--thm-gradient-color2);
}
/* End */

646
cn/css/module-css/feature.css Normal file
View File

@@ -0,0 +1,646 @@
/***
====================================================================
Feature One
====================================================================
***/
.feature-one {
position: relative;
display: block;
padding: 182px 0 0;
z-index: 1;
}
.feature-one__inner {
position: relative;
display: block;
}
.feature-one__title {
position: relative;
display: block;
text-align: center;
color: var(--thm-white);
line-height: 58px;
margin-bottom: 32px;
}
.feature-one__title span {
color: var(--thm-base);
}
.feature-one__btn-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.feature-one__main-content-box {
position: relative;
display: block;
max-width: 912px;
width: 100%;
margin: 35px auto 0;
z-index: 1;
}
.feature-one__color-overly-1 {
position: absolute;
top: 154px;
left: -170px;
height: 371px;
width: 371px;
border-radius: 50%;
opacity: 0.3;
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
filter: blur(114px);
z-index: -1;
}
.feature-one__color-overly-2 {
position: absolute;
top: 75px;
right: -233px;
height: 423px;
width: 423px;
border-radius: 50%;
opacity: 0.3;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
filter: blur(90px);
z-index: -1;
}
.feature-one__color-overly-3 {
position: absolute;
top: 145px;
right: 315px;
height: 320px;
width: 320px;
border-radius: 50%;
opacity: 0.3;
background: linear-gradient(208deg, #FFF855 19.19%, #00E3F2 70.68%);
filter: blur(90px);
z-index: -1;
}
.feature-one__start-1 {
position: absolute;
top: 0;
left: -30px;
}
.feature-one__start-1 img {
width: auto;
}
.feature-one__start-2 {
position: absolute;
top: 0;
left: 150px;
}
.feature-one__start-2 img {
width: auto;
}
.feature-one__start-3 {
position: absolute;
bottom: 0;
left: 150px;
}
.feature-one__start-3 img {
width: auto;
}
.feature-one__start-4 {
position: absolute;
top: 150px;
left: -222px;
}
.feature-one__start-4 img {
width: auto;
}
.feature-one__start-5 {
position: absolute;
top: 0;
right: -25px;
}
.feature-one__start-5 img {
width: auto;
}
.feature-one__start-6 {
position: absolute;
top: 0;
right: 165px;
}
.feature-one__start-6 img {
width: auto;
}
.feature-one__start-7 {
position: absolute;
bottom: 15px;
right: 160px;
}
.feature-one__start-7 img {
width: auto;
}
.feature-one__start-8 {
position: absolute;
bottom: 0;
right: -250px;
}
.feature-one__start-8 img {
width: auto;
}
.feature-one__ai-pack {
position: absolute;
bottom: -90px;
left: 0;
right: 0;
text-align: center;
}
.feature-one__ai-pack h3 {
font-size: 32px;
color: #426BFF;
font-weight: 700;
line-height: 32px;
font-family: var(--thm-font-two);
}
.feature-one__main-content-top {
position: relative;
display: block;
max-width: 518px;
width: 100%;
margin: 0 auto 0;
}
.feature-one__list {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.feature-one__list li {
position: relative;
display: block;
margin-bottom: 10px;
}
.feature-one__single {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.16);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(10px);
height: 140px;
width: 140px;
}
.feature-one__icon {
position: relative;
display: block;
margin-bottom: 12px;
}
.feature-one__icon img {
width: auto;
}
.feature-one__title-2 {
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.feature-one__title-2 a {
color: var(--thm-white);
}
.feature-one__main-content-middle {
position: relative;
display: block;
}
.feature-one__cpu-icon-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 218px;
width: 218px;
background-color: rgba(255, 255, 255, 0.02);
border: 1px solid var(--thm-white);
backdrop-filter: blur(10px);
border-radius: 48px;
}
.feature-one__cpu-icon-box img {
width: auto;
}
.feature-one__main-content-bottom {
position: relative;
display: block;
max-width: 518px;
width: 100%;
margin: 0 auto 0;
}
.feature-one__rating-box {
position: relative;
display: block;
margin-top: 140px;
}
.feature-one__rating {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.feature-one__rating li {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.feature-one__rating li+li {
margin-left: 40px;
}
.feature-one__rating-icon {
position: relative;
display: flex;
align-items: center;
}
.feature-one__rating-icon img {
width: auto;
}
.feature-one__rating-star-and-text {
margin-left: 10px;
}
.feature-one__rating-star {
position: relative;
display: flex;
align-items: center;
margin-bottom: 9px;
}
.feature-one__rating-star span {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 20px;
width: 20px;
background-color: #00b67b;
color: var(--thm-white);
font-size: 13px;
}
.feature-one__rating-star span+span {
margin-left: 5px;
}
.feature-one__rating-text {
font-size: 16px;
color: var(--thm-white);
font-weight: 600;
line-height: 16px;
}
.feature-one__rating-star-and-text--two .feature-one__rating-star span {
height: auto;
width: auto;
background-color: transparent;
color: #eda044;
font-size: 18px;
}
/***
====================================================================
Feature Two
====================================================================
***/
.feature-two {
position: relative;
display: block;
z-index: 1;
}
.feature-two__inner {
position: relative;
display: block;
}
.feature-two__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: nowrap;
min-width: 100%;
margin: 0 -8px;
}
.feature-two__list li {
position: relative;
display: block;
padding: 0 8px;
}
.feature-two__list li:first-child {
margin-left: 16px;
}
.feature-two__list li a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #7781A6;
font-size: 32px;
line-height: 32px;
border: 1px solid var(--thm-bdr-color);
border-radius: var(--thm-border-radius);
padding: 18px 25px 18px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.feature-two__list li a:hover {
background-color: var(--thm-base);
border: 1px solid var(--thm-base);
color: var(--thm-white);
}
/***
====================================================================
Core Feature
====================================================================
***/
.core-feature {
position: relative;
display: block;
padding: 120px 0 120px;
}
.core-feature__content-one {
position: relative;
display: block;
z-index: 1;
}
.core-feature__shape-1 {
position: absolute;
top: -46px;
left: -20px;
right: 42px;
bottom: -65px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.core-feature__content-one-left {
position: relative;
display: block;
margin-left: 62px;
margin-right: 80px;
margin-top: 54px;
}
.core-feature__content-one-title-box {
position: relative;
display: block;
margin-bottom: 27px;
}
.core-feature__content-one-title-box p {
font-size: 16px;
color: var(--thm-base);
font-weight: 500;
}
.core-feature__content-one-title-box h3 {
font-size: 32px;
font-weight: 500;
line-height: 45px;
color: var(--thm-white);
margin-top: 14px;
}
.core-feature__content-one-points {
position: relative;
display: block;
margin-top: 16px;
margin-bottom: 24px;
}
.core-feature__content-one-points li {
position: relative;
display: flex;
}
.core-feature__content-one-points li+li {
margin-top: 16px;
}
.core-feature__content-one-points li .icon {
position: relative;
display: inline-block;
top: 4px;
}
.core-feature__content-one-points li .icon i {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border: 1px solid var(--thm-white);
border-radius: 50%;
font-size: 10px;
color: var(--thm-white);
}
.core-feature__content-one-points li .text {
position: relative;
display: block;
margin-left: 20px;
}
.core-feature__content-one-points li .text p {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.core-feature__content-one-points li .text p span {
font-weight: 500;
color: var(--thm-white);
}
.core-feature__content-one__btn-box {
position: relative;
display: block;
}
.core-feature__content-one-right {
position: relative;
display: block;
margin-left: -40px;
margin-right: 45px;
}
.core-feature__content-one-img-box {
position: relative;
display: block;
border-radius: 16px;
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
padding: 20px;
z-index: 1;
}
.core-feature__content-one-img {
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
z-index: 1;
}
.core-feature__content-one-img img {
width: 100%;
border-radius: 16px;
}
.core-feature__content-two {
position: relative;
display: block;
margin-top: 120px;
margin-bottom: 120px;
}
.core-feature__content-two-left {
position: relative;
display: block;
margin-right: 4px;
}
.core-feature__content-two-img-box {
position: relative;
display: block;
border-radius: 16px;
background: linear-gradient(180deg, #1E1E42 0%, #101022 100%);
padding: 20px;
z-index: 1;
}
.core-feature__content-two-img {
position: relative;
display: block;
border-radius: 16px;
overflow: hidden;
z-index: 1;
}
.core-feature__content-two-img img {
width: 100%;
border-radius: 16px;
}
.core-feature__content-two-right {
position: relative;
display: block;
margin-left: 63px;
margin-right: 122px;
margin-top: 54px;
}
.core-feature__content-two-title-box {
position: relative;
display: block;
margin-bottom: 22px;
}
.core-feature__content-two-title-box p {
font-size: 16px;
color: var(--thm-base);
font-weight: 500;
}
.core-feature__content-two-title-box h3 {
font-size: 32px;
font-weight: 500;
line-height: 45px;
color: var(--thm-white);
margin-top: 14px;
}
.core-feature__content-two__btn-box {
position: relative;
display: block;
margin-top: 32px;
}
/* End */

271
cn/css/module-css/footer.css Normal file
View File

@@ -0,0 +1,271 @@
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
z-index: 1;
}
.main-footer__shape-1 {
position: absolute;
bottom: -115px;
right: 170px;
width: 659px;
height: 304px;
background: linear-gradient(260deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
opacity: 0.1;
filter: blur(75px);
z-index: -1;
}
.main-footer__top {
position: relative;
display: block;
padding: 75px 0 0;
}
.main-footer__top .container {
max-width: 1125px;
}
.footer-widget__title-box {
position: relative;
display: block;
margin-bottom: 10px;
}
.footer-widget__title {
position: relative;
display: block;
font-size: 24px;
color: var(--thm-white);
font-weight: 500;
}
.footer-widget__about {
position: relative;
display: block;
}
.footer-widget__logo {
position: relative;
display: block;
margin-bottom: 13px;
}
.footer-widget__about-text {
font-size: 14px;
line-height: 24px;
}
.footer-widget__company {
position: relative;
display: block;
}
.footer-widget__company-list-box {
position: relative;
display: block;
}
.footer-widget__company-list {
position: relative;
display: block;
}
.footer-widget__company-list li {
position: relative;
display: block;
}
.footer-widget__company-list li+li {
margin-top: 8px;
}
.footer-widget__company-list li a {
position: relative;
display: inline-block;
font-size: 14px;
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__company-list li a:hover {
color: var(--thm-gradient-color2);
padding-left: 10px;
}
.footer-widget__resources {
position: relative;
display: block;
}
.footer-widget__resources-list-box {
position: relative;
display: block;
}
.footer-widget__resources-list {
position: relative;
display: block;
}
.footer-widget__resources-list li {
position: relative;
display: block;
}
.footer-widget__resources-list li+li {
margin-top: 8px;
}
.footer-widget__resources-list li a {
position: relative;
display: inline-block;
font-size: 14px;
color: var(--thm-gray);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__resources-list li a:hover {
color: var(--thm-gradient-color2);
padding-left: 10px;
}
.footer-widget__newsletter {
position: relative;
display: block;
margin-left: 19px;
}
.footer-widget__email-form {
position: relative;
display: block;
padding-top: 8px;
}
.footer-widget__email-box {
position: relative;
display: block;
}
.footer-widget__email-input-box {
position: relative;
display: block;
}
.footer-widget__email-input-box input[type="email"] {
width: 100%;
height: 50px;
outline: none;
border: 1px solid #4B4B70;
background-color: #0F0F24;
border-radius: var(--thm-border-radius);
font-size: 14px;
color: var(--thm-gray);
padding-left: 25px;
padding-right: 100px;
}
.footer-widget__btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 90px;
border: none;
background-color: var(--thm-gradient-color2);
font-size: 15px;
color: var(--thm-white);
border-top-right-radius: var(--thm-border-radius);
border-bottom-right-radius: var(--thm-border-radius);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__btn:hover {
background-color: var(--thm-base);
}
.site-footer__social {
position: relative;
display: flex;
align-items: center;
margin-top: 20px;
}
.site-footer__social a {
position: relative;
display: flex;
align-items: center;
font-size: 18px;
color: #747694;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.site-footer__social a:hover {
color: var(--thm-gradient-color2);
}
.site-footer__social a+a {
margin-left: 20px;
}
.main-footer__bottom {
position: relative;
display: block;
padding: 67px 0 22px;
}
.main-footer__bottom .container {
max-width: 1125px;
}
.main-footer__bottom-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.main-footer__bottom-text {
color: var(--thm-gray);
}
.main-footer__bottom-text a {
color: var(--thm-white);
}
.main-footer-two .footer-widget__company-list li a:hover {
color: var(--thm-extra);
}
.main-footer-two .footer-widget__resources-list li a:hover {
color: var(--thm-extra);
}
.main-footer-two .footer-widget__btn {
background-color: var(--thm-extra);
}
.main-footer-two .footer-widget__btn:hover {
background-color: var(--thm-base);
}
.main-footer-two .site-footer__social a:hover {
color: var(--thm-extra);
}
/* End */

123
cn/css/module-css/free-trail.css Normal file
View File

@@ -0,0 +1,123 @@
/***
====================================================================
Free Trail
====================================================================
***/
.free-trail {
position: relative;
display: block;
padding: 120px 0 0;
z-index: 1;
}
.free-trail__wrap {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid #ACDA49;
background: #0F0F24;
padding: 90px 0 90px;
z-index: 1;
}
.free-trail__shape-3 {
position: absolute;
top: 20px;
left: 110px;
right: 110px;
bottom: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.free-trail__start-1 {
position: absolute;
top: 109px;
left: 571px;
}
.free-trail__start-1 img {
width: auto;
}
.free-trail__start-2 {
position: absolute;
top: 122px;
right: 569px;
}
.free-trail__start-2 img {
width: auto;
}
.free-trail__start-3 {
position: absolute;
top: 230px;
left: 427px;
}
.free-trail__start-3 img {
width: auto;
}
.free-trail__start-4 {
position: absolute;
top: 230px;
right: 408px;
}
.free-trail__start-4 img {
width: auto;
}
.free-trail__inner {
position: relative;
display: block;
text-align: center;
}
.free-trail__shape-1 {
position: absolute;
bottom: 0;
left: 0;
width: 660px;
height: 304px;
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #F00 57.49%, #BD00FF 86.75%);
opacity: 0.1;
filter: blur(75px);
z-index: -1;
}
.free-trail__inner .section-title {
margin-bottom: 19px;
}
.free-trail__btn-box {
position: relative;
display: block;
margin-top: 22px;
}
/* End */

194
cn/css/module-css/gallery.css Normal file
View File

@@ -0,0 +1,194 @@
/***
====================================================================
Gallery One
====================================================================
***/
.gallery-one {
position: relative;
display: block;
z-index: 1;
}
.gallery-one__title-box {
position: relative;
display: block;
text-align: center;
z-index: 5;
}
.gallery-one__title-one {
font-size: 48px;
font-weight: 600;
color: var(--thm-white);
line-height: 48px;
margin-bottom: 18px;
}
.gallery-one__title-two {
background: linear-gradient(90deg, #00CB88 22.86%, #E1F763 78.06%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
font-weight: 600;
line-height: 48px
}
.gallery-one__inner {
position: relative;
display: block;
margin-top: -55px;
z-index: 1;
}
.gallery-one__curved-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
height: 120px;
width: 120px;
border-radius: 50%;
background: linear-gradient(38deg, #00CB88 15.51%, #E1F763 122.15%);
z-index: 5;
}
@keyframes textRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.gallery-one__curved-circle .curved-circle {
position: absolute;
font-size: 14px;
font-weight: 400;
color: var(--thm-black);
text-transform: capitalize;
letter-spacing: 0.700em;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-family: var(--thm-font-two);
height: 120px !important;
width: 120px;
transform: rotate(120deg);
animation: textRotate 10s linear 0s forwards infinite alternate;
}
.gallery-one__video-link {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.gallery-one__video-icon {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 90px;
height: 90px;
line-height: 90px;
text-align: center;
font-size: 20px;
color: var(--thm-black);
border-radius: 50%;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.gallery-one__btn-box {
position: absolute;
bottom: 55px;
left: 0;
right: 0;
text-align: center;
z-index: 5;
}
.gallery-one__list {
position: relative;
}
.gallery-one__list li {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gallery-one__single {
position: relative;
display: block;
margin-bottom: 24px;
}
.gallery-one__img {
position: relative;
display: block;
overflow: hidden;
border-radius: 16px;
z-index: 1;
}
.gallery-one__img:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: rgba(var(--thm-black-rgb), .60);
transition: all 700ms ease;
transform: translateY(-100%);
z-index: 1;
}
.gallery-one__single:hover .gallery-one__img:before {
transform: translateY(0%);
}
.gallery-one__img img {
width: 100%;
border-radius: 16px;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.gallery-one__single:hover .gallery-one__img img {
transform: scale(1.1) rotate(2deg);
}
.gallery-one__img:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(16, 16, 34, .70);
z-index: 2;
}

2092
cn/css/module-css/header.css Normal file
View File

File diff suppressed because it is too large Load Diff

126
cn/css/module-css/how-tool-work.css Normal file
View File

@@ -0,0 +1,126 @@
/***
====================================================================
How Tool Work
====================================================================
***/
.how-tool-work {
position: relative;
display: block;
padding: 109px 0 90px;
}
.how-tool-work__title-box {
position: relative;
display: block;
text-align: center;
margin-bottom: 58px;
}
.how-tool-work__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 50px;
}
.how-tool-work__title span {
color: var(--thm-base);
}
.how-tool-work__single {
position: relative;
display: block;
margin-bottom: 30px;
z-index: 1;
}
.how-tool-work__shape-1 {
position: absolute;
bottom: 25px;
right: 0;
height: 107px;
width: 107px;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
opacity: 0.8;
filter: blur(90px);
border-radius: 50%;
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 2;
}
.how-tool-work__single:hover .how-tool-work__shape-1 {
transform: scale(1);
}
.how-tool-work__single-inner {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid var(--thm-bdr-color);
overflow: hidden;
z-index: 1;
}
.how-tool-work__img {
position: relative;
display: block;
background-color: var(--thm-body-bg);
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
.how-tool-work__img img {
width: 100%;
border-radius: var(--thm-border-radius);
}
.how-tool-work__content {
position: relative;
display: block;
text-align: center;
background-color: var(--thm-main-bg);
padding: 33px 40px 32px;
}
.how-tool-work__title-two {
font-size: 24px;
font-weight: 600;
line-height: 34px;
margin-bottom: 16px;
}
.how-tool-work__title-two a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.how-tool-work__title-two a:hover {
color: var(--thm-base);
}
/* End */

109
cn/css/module-css/image-generator-tools.css Normal file
View File

@@ -0,0 +1,109 @@
/***
====================================================================
Image Generator Tools
====================================================================
***/
.image-generator-tools {
position: relative;
display: block;
padding: 96px 0 0;
}
.image-generator-tools__inner {
position: relative;
display: block;
background-color: var(--thm-main-bg);
border-radius: 16px;
border: 1px solid var(--thm-bdr-color);
padding: 117px 90px 100px;
text-align: center;
}
.image-generator-tools__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 57px;
margin-bottom: 65px;
}
.image-generator-tools__title span {
color: var(--thm-primary);
}
.image-generator-tools__main-content {
position: relative;
display: block;
}
.image-generator-tools__main-content .row {
--bs-gutter-x: 90px;
}
.image-generator-tools__single {
position: relative;
display: block;
margin-bottom: 22px;
}
.image-generator-tools__icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
width: 60px;
margin: 0 auto 14px;
border: 1px solid var(--thm-bdr-color);
background-color: var(--thm-main-bg);
border-radius: var(--thm-border-radius);
}
.image-generator-tools__icon span {
position: relative;
display: inline-block;
font-size: 34px;
color: var(--thm-primary);
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
}
.image-generator-tools__single:hover .image-generator-tools__icon span {
transform: scale(.9);
}
.image-generator-tools__title-2 {
font-size: 24px;
font-weight: 500;
line-height: 34px;
margin-bottom: 15px;
}
.image-generator-tools__title-2 a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.image-generator-tools__title-2 a:hover {
color: var(--thm-base);
}
/* End */

198
cn/css/module-css/login.css Normal file
View File

@@ -0,0 +1,198 @@
/***
====================================================================
Login
====================================================================
***/
.login-page {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 150px;
}
.login-page__shape-1 {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.login-page__shape-2 {
position: fixed;
top: 275px;
left: 300px;
width: 1363.998px;
height: 316.414px;
transform: rotate(6.965deg);
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
filter: blur(182px);
z-index: -1;
}
.login-page .container {
max-width: 720px;
}
.login-page__inner {
position: relative;
display: block;
background-color: var(--thm-white);
border-radius: 24px;
padding: 85px 95px 65px;
backdrop-filter: blur(2px);
}
.login-page__close-icon {
position: absolute;
top: 25px;
right: 25px;
}
.login-page__close-icon a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C3D1E3;
border-radius: var(--thm-border-radius);
height: 48px;
width: 48px;
color: var(--thm-gray);
}
.login-page__close-icon a:hover {
background-color: var(--thm-base);
color: var(--thm-white);
border: 1px solid var(--thm-base);
}
.login-page__top {
position: relative;
display: block;
text-align: center;
margin-bottom: 52px;
}
.login-page__logo {
position: relative;
display: block;
margin-bottom: 25px;
}
.login-page__sign-option-box {
position: relative;
display: block;
}
.login-page__sign-option {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C3D1E3;
background-color: var(--thm-white);
border-radius: var(--thm-border-radius);
padding: 14px 0;
font-size: 16px;
color: var(--thm-black);
font-weight: 500;
}
.login-page__sign-option+.login-page__sign-option {
margin-top: 15px;
}
.login-page__sign-option img {
padding-right: 15px;
}
.sign-in-email {
position: relative;
display: block;
font-size: 14px;
color: var(--thm-black);
padding-top: 13px;
}
.register-one__form {
position: relative;
display: block;
margin-bottom: 32px;
}
.register-one__form .row {
--bs-gutter-x: 15px;
--bs-gutter-y: 15px;
}
.register-one__form input[type=text],
.register-one__form input[type=email],
.register-one__form input[type=password] {
border: none;
outline: none;
width: 100%;
display: block;
height: 56px;
border-radius: var(--thm-border-radius);
border: 1px solid #C3D1E3;
padding-left: 50px;
padding-right: 20px;
color: var(--thm-black);
font-size: 16px;
}
.register-one__form__email,
.register-one__form__password {
position: relative;
display: block;
}
.register-one__form__email i,
.register-one__form__password i {
font-size: 15px;
color: #747694;
position: absolute;
top: 51%;
left: 15px;
transform: translateY(-50%);
}
.register-one__form__forgot {
position: relative;
display: block;
}
.register-one__form__forgot a {
font-size: 14px;
color: #6243FF;
}
.register-one__btn {
width: 100%;
padding: 15px 30px 15px;
font-size: 16px;
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
box-shadow: none;
margin-top: 7px;
}
.register-one__tagline {
font-size: 14px;
color: var(--thm-black);
text-align: center;
}
.register-one__tagline a {
color: var(--thm-gradient-color2);
}
/* End */

85
cn/css/module-css/page-title.css Normal file
View File

@@ -0,0 +1,85 @@
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
display: block;
z-index: 1;
}
.page-title:before {
content: "";
position: absolute;
top: -90px;
left: 0;
height: 178px;
width: 178px;
border-radius: 50%;
opacity: 0.6;
background: linear-gradient(93deg, #B324D7 7.07%, #FE577F 97.81%);
filter: blur(114px);
z-index: -1;
}
.page-title .container {
max-width: 830px;
}
.page-title__inner {
position: relative;
display: block;
text-align: center;
padding: 120px 0 112px;
z-index: 1;
}
.page-title__shape-1 {
position: absolute;
top: 75px;
left: 0;
right: 0;
bottom: 67px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.page-title__title-box {
position: relative;
display: block;
text-align: center;
margin-bottom: 17px;
z-index: 1;
}
.page-title__sub-title {
font-size: 14px;
font-weight: 500;
color: var(--thm-base);
line-height: 14px;
margin-bottom: 18px;
}
.page-title__title {
font-size: 48px;
font-weight: 600;
color: var(--thm-white);
line-height: 68px;
}
.page-title__text {}
/* End */

330
cn/css/module-css/pricing.css Normal file
View File

@@ -0,0 +1,330 @@
/***
====================================================================
Pricing One
====================================================================
***/
.pricing-one {
position: relative;
display: block;
padding: 0px 0 90px;
z-index: 1;
}
.pricing-one__shape-1 {
position: absolute;
bottom: 165px;
left: 30px;
width: 1180px;
height: 545px;
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
opacity: 0.15;
filter: blur(75px);
}
.pricing-one__shape-2 {
position: absolute;
bottom: -20px;
left: 200px;
width: 1180px;
height: 545px;
background: linear-gradient(98deg, #00E3F2 5.55%, #FF9B00 32.85%, #FF2828 57.49%, #E6F85E 86.75%);
opacity: 0.1;
filter: blur(75px);
z-index: -1;
}
.pricing-one__section-title {
position: relative;
display: block;
margin-bottom: 19px;
}
.pricing-one__section-title__title {
font-size: 40px;
font-weight: 500;
line-height: 50px;
color: var(--thm-white);
margin: 0;
}
.pricing-one__switch-toggle-title-box {
position: relative;
display: block;
}
.pricing-one ul.switch-toggler-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 52px;
}
.pricing-one ul.switch-toggler-list li a {
font-size: 16px;
font-weight: 500;
color: var(--thm-gray);
padding-left: 10px;
padding-right: 10px;
display: block;
}
.pricing-one ul.switch-toggler-list li.active a {
color: var(--thm-base);
}
.pricing-one .switch {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
border-radius: 15px;
width: 50px;
height: 26px;
}
.pricing-one .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: .4s;
transition: .4s;
background-color: #426BFF;
}
.pricing-one .slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
right: 3px;
top: 50%;
-webkit-transform: translateX(0px) translateY(-50%);
transform: translateX(0px) translateY(-50%);
background-color: var(--thm-white);
-webkit-transition: .4s;
transition: .4s;
}
.pricing-one .switch.off .slider:before {
-webkit-transform: translateX(20px) translateY(-50%);
transform: translateX(20px) translateY(-50%);
}
.pricing-one .slider.round {
border-radius: 13px;
}
.pricing-one .slider.round:before {
border-radius: 10px;
}
.pricing-one__discount {
position: absolute;
top: 0;
right: 435px;
background: #272749;
font-size: 14px;
line-height: 14px;
font-weight: 500;
color: var(--thm-base);
padding: 6px 10px;
border-radius: 8px;
}
.pricing-one__single {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid var(--thm-bdr-color);
background: #0F0F24;
padding: 32px 40px 52px;
margin-bottom: 30px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.pricing-one__single:hover {
border: 1px solid #ACDA49;
}
.pricing-one__popular {
font-size: 14px;
font-weight: 500;
color: var(--thm-base);
line-height: 14px;
position: absolute;
top: 35px;
right: 30px;
}
.pricing-one__overly-color {
position: absolute;
bottom: 115px;
right: 85px;
height: 107px;
width: 107px;
background: linear-gradient(180deg, #6243FF 0%, #FF2828 100%);
opacity: 0.8;
filter: blur(90px);
transform: scale(0);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: -1;
}
.pricing-one__single:hover .pricing-one__overly-color {
transform: scale(1);
}
.pricing-one__tagline {
font-size: 24px;
color: var(--thm-gradient-color2);
font-weight: 600;
margin-bottom: 35px;
}
.pricing-one__price {
font-size: 56px;
font-weight: 600;
color: var(--thm-white);
line-height: 56px;
}
.pricing-one__btn-box {
position: relative;
display: block;
margin-top: 28px;
margin-bottom: 13px;
}
.pricing-one__btn {
background: var(--thm-main-bg);
font-size: 16px;
font-weight: 500;
padding: 15px 39px 15px;
border: 1px solid var(--thm-bdr-color);
}
.pricing-one__btn:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
border-radius: 8px;
background: linear-gradient(211deg, #8F79FF 13.4%, #426BFF 118.74%);
transform: scaleX(0.1) rotateX(90deg);
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: -1;
}
.pricing-one__btn:hover:before {
transform: scaleX(1.0) rotateX(0deg);
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.pricing-one__text {
font-size: 14px;
}
.pricing-one__points {
position: relative;
display: block;
margin-top: 35px;
}
.pricing-one__points li {
position: relative;
display: flex;
align-items: center;
}
.pricing-one__points li+li {
margin-top: 14px;
}
.pricing-one__points li .circle-box {
position: relative;
display: flex;
align-items: center;
height: 6px;
width: 6px;
background-color: var(--thm-white);
}
.pricing-one__points li .text {
margin-left: 10px;
}
.pricing-one__points li .text p {
margin: 0;
color: var(--thm-white);
}
/***
====================================================================
Pricing Two
====================================================================
***/
.pricing-two {
padding-top: 112px;
}
/***
====================================================================
Pricing Three
====================================================================
***/
.pricing-three {
padding-top: 98px;
}
.pricing-three .pricing-one__discount {
color: var(--thm-primary);
}
.pricing-three .slider {
background-color: var(--thm-primary);
}
.pricing-three .pricing-one__btn:before {
background: var(--thm-primary);
}
.pricing-three .pricing-one__popular {
color: var(--thm-primary);
}
/* End */

113
cn/css/module-css/reset-password.css Normal file
View File

@@ -0,0 +1,113 @@
/***
====================================================================
Reset Password
====================================================================
***/
.reset-password-page {
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.reset-password-page__shape-1 {
position: absolute;
top: 120px;
left: 0;
right: 0;
bottom: 120px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.reset-password-page__shape-2 {
position: absolute;
top: 275px;
left: 300px;
width: 1363.998px;
height: 316.414px;
transform: rotate(6.965deg);
background: linear-gradient(250deg, #00C2FF 14.67%, #5D5298 38.22%, #FF1B6D 60.95%, #9D90D8 82.95%);
filter: blur(182px);
z-index: -1;
}
.reset-password-page .container {
max-width: 720px;
}
.reset-password-page__inner {
position: relative;
display: block;
background-color: var(--thm-white);
border-radius: 24px;
padding: 115px 95px 200px;
backdrop-filter: blur(2px);
}
.reset-password-page__close-icon {
position: absolute;
top: 25px;
right: 25px;
}
.reset-password-page__close-icon a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C3D1E3;
border-radius: var(--thm-border-radius);
height: 48px;
width: 48px;
color: var(--thm-gray);
}
.reset-password-page__close-icon a:hover {
background-color: var(--thm-base);
color: var(--thm-white);
border: 1px solid var(--thm-base);
}
.reset-password-page__top {
position: relative;
display: block;
margin-bottom: 110px;
}
.reset-password-page__logo {
position: relative;
display: block;
text-align: center;
}
.reset-password-option {
position: relative;
display: block;
margin-bottom: 22px;
}
.reset-password-option a {
position: relative;
display: flex;
align-items: center;
font-size: 20px;
color: var(--thm-gray-bg);
}
.reset-password-option a span {
position: relative;
display: inline-block;
padding-right: 15px;
}
/* End */

649
cn/css/module-css/solutions.css Normal file
View File

@@ -0,0 +1,649 @@
/***
====================================================================
Solutions One
====================================================================
***/
.solutions-one {
position: relative;
display: block;
padding: 120px 0 120px;
z-index: 1;
}
.solutions-one__carousel {
position: relative;
display: block;
}
.solutions-one__carousel.owl-carousel .owl-stage-outer {
overflow: visible;
}
.solutions-one__single {
position: relative;
display: block;
background-color: var(--thm-main-bg);
padding: 48px 30px 42px;
border: 1px solid var(--thm-bdr-color);
border-radius: 16px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-one__single:hover {
border: 1px solid #ACDA49;
}
.solutions-one__icon {
position: relative;
display: block;
}
.solutions-one__icon img {
width: auto !important;
transition: all 500ms linear;
transition-delay: 0.1s;
transform: scale(1);
}
.solutions-one__single:hover .solutions-one__icon img {
transform: scale(0.9);
}
.solutions-one__title {
font-size: 18px;
font-weight: 600;
margin-top: 24px;
margin-bottom: 19px;
}
.solutions-one__title a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-one__title a:hover {
color: var(--thm-base);
}
.solutions-one__text {
font-size: 14px;
color: #ADA7CD;
line-height: 22px;
margin-bottom: 46px;
}
.solutions-one__btn {
position: relative;
display: inline-block;
color: #ADA7CD;
font-size: 14px;
font-weight: 500;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-one__btn i {
position: relative;
display: inline-block;
font-size: 12px;
padding-left: 20px;
transform: rotate(-45deg);
top: 6px;
}
.solutions-one__btn:hover {
color: var(--thm-base);
}
/***
====================================================================
Solutions Two
====================================================================
***/
.solutions-two {
position: relative;
display: block;
}
.solutions-two__content-one {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid var(--thm-bdr-color);
background: #12122B;
padding: 45px 70px 45px;
padding-right: 37px;
margin-bottom: 24px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.solutions-two__content-one:hover {
border: 1px solid #ACDA49;
}
.solutions-two__content-one-left {
position: relative;
display: block;
margin-right: 87px;
margin-top: 19px;
}
.solutions-two__shape-2 {
position: absolute;
bottom: 203px;
right: -11px;
}
.solutions-two__shape-2 img {
width: auto;
}
.solutions-two__content-one-title-box {
position: relative;
display: block;
}
.solutions-two__content-one-title-box p {
font-size: 16px;
color: var(--thm-base);
font-weight: 500;
}
.solutions-two__content-one-title-box h3 {
font-size: 32px;
font-weight: 500;
line-height: 45px;
color: var(--thm-white);
margin-top: 14px;
margin-bottom: 18px;
}
.solutions-two__content-one-points {
position: relative;
display: block;
margin-top: 16px;
margin-bottom: 24px;
}
.solutions-two__content-one-points li {
position: relative;
display: flex;
}
.solutions-two__content-one-points li+li {
margin-top: 16px;
}
.solutions-two__content-one-points li .icon {
position: relative;
display: inline-block;
top: 4px;
}
.solutions-two__content-one-points li .icon i {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border: 1px solid var(--thm-gradient-color2);
border-radius: 50%;
font-size: 7px;
color: var(--thm-gradient-color2);
}
.solutions-two__content-one-points li .text {
position: relative;
display: block;
margin-left: 20px;
}
.solutions-two__content-one-points li .text p {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.solutions-two__content-one-points li .text p span {
font-weight: 500;
color: var(--thm-white);
}
.solutions-two__content-one-btn-box {
position: relative;
display: block;
}
.solutions-two__content-one-btn {
padding: 11px 24px 11px;
}
.solutions-two__content-one-right {
position: relative;
display: block;
margin-left: -40px;
}
.solutions-two__content-one-img-box {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid #3C3C77;
background: #1E1E42;
padding: 25px 25px 25px;
}
.solutions-two__content-one-img {
position: relative;
display: block;
}
.solutions-two__content-one-img img {
width: 100%;
border-radius: 16px;
}
.solutions-two__shape-1 {
position: absolute;
left: 52px;
top: 0;
right: 40px;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.solutions-two__shape-1 img {
width: auto;
}
.solutions-two__content-two {
position: relative;
display: block;
}
.solutions-two__content-two-single {
position: relative;
display: block;
background-color: #15152E;
border: 1px solid #3C3C77;
border-radius: 16px;
text-align: center;
padding: 48px 40px 40px;
margin-bottom: 24px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-two__content-two-single:hover {
border: 1px solid #ACDA49;
}
.solutions-two__content-two-top {
position: relative;
display: block;
}
.solutions-two__content-two-title-box {
position: relative;
display: block;
}
.solutions-two__content-two-title-box p {
font-size: 16px;
color: var(--thm-base);
font-weight: 500;
}
.solutions-two__content-two-title-box h3 {
font-size: 32px;
font-weight: 500;
line-height: 45px;
color: var(--thm-white);
margin-top: 12px;
margin-bottom: 21px;
}
.solutions-two__content-two-btn {
position: relative;
display: inline-block;
margin-top: 14px;
margin-bottom: 18px;
}
.solutions-two__content-two-btn a {
color: var(--thm-gradient-color2);
font-size: 14px;
font-weight: 500;
position: relative;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-two__content-two-btn a:hover {
color: var(--thm-base);
}
.solutions-two__content-two-btn a::before {
content: "";
position: absolute;
bottom: 2px;
left: 0;
right: 0;
height: 1px;
background-color: var(--thm-gradient-color2);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.solutions-two__content-two-btn a:hover::before {
background-color: var(--thm-base);
}
.solutions-two__content-two-btn a span {
position: relative;
margin-left: 20px;
font-size: 11px;
font-weight: 900;
}
.solutions-two__content-two-img-box {
position: relative;
display: block;
}
.solutions-two__content-two-shape-1 {
position: absolute;
top: 0;
left: 16px;
}
.solutions-two__content-two-shape-1 img {
width: auto;
}
.solutions-two__content-two-img {
position: relative;
display: block;
border-radius: 8px;
z-index: 1;
}
.solutions-two__content-two-img::before {
content: "";
position: absolute;
top: 52px;
left: 36px;
bottom: 28px;
right: 31px;
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
opacity: 0.35;
filter: blur(50px);
transform: rotate(151.783deg);
z-index: -1;
}
.solutions-two__content-two-img img {
width: 100%;
border-radius: 8px;
}
.solutions-two__content-three {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid var(--thm-bdr-color);
background-color: #15152E;
padding: 64px 50px 82px;
padding-right: 60px;
margin-bottom: 24px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
}
.solutions-two__content-three:hover {
border: 1px solid #ACDA49;
}
.solutions-two__content-three-shape-1 {
position: absolute;
top: 0;
left: 50px;
right: 40px;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -1;
}
.solutions-two__content-three-left {
position: relative;
display: block;
margin-top: 54px;
margin-right: 22px;
z-index: 1;
}
.solutions-two__content-three-left:before {
content: "";
position: absolute;
top: -38px;
left: 65px;
right: -30px;
bottom: 45px;
border-radius: 16px;
border: 1px solid #4B4B70;
background: linear-gradient(180deg, rgba(23, 24, 37, 0.85) 0%, rgba(23, 24, 37, 0.00) 101.72%);
z-index: -1;
}
.solutions-two__browser-dot {
position: absolute;
top: -20px;
left: 85px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.solutions-two__browser-dot li {
position: relative;
display: block;
height: 10px;
width: 10px;
background: #F16C7A;
border-radius: 50%;
}
.solutions-two__browser-dot li:nth-child(2) {
background: #49C3E8;
}
.solutions-two__browser-dot li:nth-child(3) {
background: #FFD160;
}
.solutions-two__browser-dot li+li {
margin-left: 7px;
}
.solutions-two__content-three-shape-2 {
position: absolute;
bottom: 65px;
left: 99px;
background: linear-gradient(103deg, #00E3F2 8.08%, #0000F2 31.54%, #F87D7D 60.38%, #FF2828 89.73%);
opacity: 0.35;
filter: blur(50px);
width: 439px;
height: 350px;
transform: rotate(150.217deg);
z-index: -1;
}
.solutions-two__content-three-left .row {
--bs-gutter-x: 14px;
}
.row.solutions-two__content-three-img-list {
position: relative;
}
.row.solutions-two__content-three-img-list li {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.solutions-two__content-three-img-single {
position: relative;
display: block;
margin-bottom: 14px;
}
.solutions-two__content-three-img {
position: relative;
display: block;
border-radius: 15px;
overflow: hidden;
z-index: 1;
}
.solutions-two__content-three-img:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
background-color: rgba(var(--thm-black-rgb), .60);
transition: all 700ms ease;
transform: translateY(-100%);
z-index: 1;
}
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img:before {
transform: translateY(0%);
}
.solutions-two__content-three-img img {
width: 100%;
border-radius: 15px;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.solutions-two__content-three-img-single:hover .solutions-two__content-three-img img {
transform: scale(1.1) rotate(2deg);
}
.solutions-two__content-three-right {
position: relative;
display: block;
margin-left: 58px;
}
.solutions-two__content-three-title-box {
position: relative;
display: block;
}
.solutions-two__content-three-title-box p {
font-size: 16px;
color: var(--thm-base);
font-weight: 500;
}
.solutions-two__content-three-title-box h3 {
font-size: 32px;
font-weight: 500;
line-height: 45px;
color: var(--thm-white);
margin-top: 12px;
margin-bottom: 12px;
}
.solutions-two__content-three-text-1 span {
font-weight: 500;
color: var(--thm-gradient-color2);
}
.solutions-two__content-three-points-box {
position: relative;
display: flex;
margin-top: 19px;
margin-bottom: 31px;
}
.solutions-two__content-three-points {
position: relative;
display: block;
}
.solutions-two__content-three-points-2 {
margin-left: 55px;
}
.solutions-two__content-three-points li {
position: relative;
display: flex;
align-items: center;
}
.solutions-two__content-three-points li+li {
margin-top: 5px;
}
.solutions-two__content-three-points li .icon {
position: relative;
display: inline-block;
top: 2px;
}
.solutions-two__content-three-points li .icon span {
position: relative;
display: inline-block;
font-size: 18px;
color: var(--thm-gray);
}
.solutions-two__content-three-points li .text {
margin-left: 16px;
}
/***
====================================================================
End
====================================================================
***/

178
cn/css/module-css/team.css Normal file
View File

@@ -0,0 +1,178 @@
/***
====================================================================
Team One
====================================================================
***/
.team-one {
position: relative;
display: block;
padding: 118px 0 20px;
}
.team-one .container {
max-width: 1238px;
}
.team-one .row {
--bs-gutter-x: 136px;
}
.team-one__title {
font-size: 40px;
font-weight: 600;
color: var(--thm-white);
line-height: 56px;
text-align: center;
margin-bottom: 65px;
}
.team-one__single {
position: relative;
display: block;
margin-bottom: 82px;
}
.team-one__img {
position: relative;
display: block;
overflow: hidden;
border-radius: var(--thm-border-radius);
z-index: 1;
}
.team-one__img:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
background-color: rgba(16, 16, 34, .90);
border-radius: var(--thm-border-radius);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 1;
}
.team-one__single:hover .team-one__img:before {
visibility: visible;
opacity: 1;
}
.team-one__img img {
width: 100%;
border-radius: var(--thm-border-radius);
}
.team-one__social {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.team-one__social a {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: var(--thm-white);
visibility: hidden;
opacity: 0;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-one__social a+a {
margin-left: 20px;
}
.team-one__social a:hover {
color: var(--thm-base);
}
.team-one__social a:nth-child(1) {
-webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 70px, 0);
-moz-transform: translate3d(0, 70px, 0);
-webkit-transform: translate3d(0, 70px, 0);
}
.team-one__social a:nth-child(2) {
top: -7px;
-webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 70px, 0);
-moz-transform: translate3d(0, 70px, 0);
-webkit-transform: translate3d(0, 70px, 0);
}
.team-one__social a:nth-child(3) {
-webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: translate3d(0, 70px, 0);
-moz-transform: translate3d(0, 70px, 0);
-webkit-transform: translate3d(0, 70px, 0);
}
.team-one__single:hover .team-one__social a {
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
.team-one__content {
position: relative;
display: block;
text-align: center;
margin-top: 29px;
}
.team-one__name {
font-size: 20px;
font-weight: 600;
line-height: 20px;
margin-bottom: 5px;
}
.team-one__name a {
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.team-one__name a:hover {
color: var(--thm-base);
}
.team-one__sub-title {
font-size: 14px;
font-weight: 500;
}
/* End */

218
cn/css/module-css/testimonial.css Normal file
View File

@@ -0,0 +1,218 @@
/***
====================================================================
Testimonial One
====================================================================
***/
.testimonial-one {
position: relative;
display: block;
padding: 120px 0 0;
z-index: 1;
}
.testimonial-one:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 315px;
background: linear-gradient(180deg, rgba(16, 16, 34, 0.00) 0%, rgba(16, 16, 34, 0.76) 13.28%, #101022 53.79%, #101022 79.45%);
z-index: 1;
}
.testimonial-one__btn-box {
position: absolute;
display: block;
text-align: center;
bottom: 135px;
left: 0;
right: 0;
}
.testimonial-one__btn {
font-size: 16px;
font-weight: 500;
padding: 15px 39px 15px;
border: 1px solid var(--thm-bdr-color);
}
.testimonial-one .section-title__title i {
font-size: 41px;
color: #fac632;
}
.testimonial-one__single {
position: relative;
display: block;
border-radius: 16px;
border: 1px solid #3C3C77;
background: #15152E;
padding: 36px 25px 39px;
margin-bottom: 24px;
}
.testimonial-one__client-info {
position: relative;
display: flex;
align-items: center;
}
.testimonial-one__client-img {
position: relative;
display: block;
border-radius: 50%;
}
.testimonial-one__client-img img {
width: auto;
border-radius: 50%;
}
.testimonial-one__name-box {
position: relative;
display: block;
margin-left: 16px;
}
.testimonial-one__name {
color: var(--thm-white);
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.testimonial-one__sub-title {
color: #BDBFD4;
font-size: 12px;
font-weight: 400;
line-height: 12px;
margin-top: 1px;
}
.testimonial-one__title {
color: var(--thm-white);
font-size: 18px;
font-weight: 500;
line-height: 25px;
margin-top: 18px;
margin-bottom: 15px;
}
.testimonial-one__icon-and-ratting {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
}
.testimonial-one__icon {
position: relative;
display: block;
}
.testimonial-one__icon img {
width: auto;
}
.testimonial-one__ratting {
position: relative;
display: block;
border-radius: 8px;
background: #212144;
padding: 6px 9px;
}
.testimonial-one__ratting p {
position: relative;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
color: var(--thm-white);
line-height: 14px;
}
.testimonial-one__ratting p span {
margin-left: 6px;
color: #fac924;
}
.testimonial-one__single-5 {
margin-top: -54px;
}
.testimonial-one__single-6 {
margin-top: -54px;
}
.testimonial-one__single-8 {
margin-top: -26px;
}
.testimonial-one__single-9 {
margin-top: -23px;
}
.testimonial-one__single-11 {
margin-top: -23px;
}
.testimonial-one__single-12 {
margin-top: -26px;
}
/***
====================================================================
Testimonial Two
====================================================================
***/
.testimonial-two {
position: relative;
display: block;
padding: 120px 0 0;
}
.testimonial-two__sec-title {
font-size: 40px;
color: var(--thm-white);
font-weight: 600;
line-height: 56px;
text-align: center;
margin-bottom: 66px;
}
.testimonial-two__sec-title span {
color: var(--thm-primary);
}
.testimonial-two__sec-title i {
font-size: 41px;
color: #fac632;
}
/***
====================================================================
Testimonial Three
====================================================================
***/
.testimonial-three {
padding: 0 0 0;
}
.testimonial-three .testimonial-two__sec-title span {
color: var(--thm-base);
}
/* End */

138
cn/css/module-css/video.css Normal file
View File

@@ -0,0 +1,138 @@
/***
====================================================================
Video One
====================================================================
***/
.video-one {
position: relative;
display: block;
padding: 330px 0 330px;
}
.video-one__bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.video-one__inner {
position: relative;
display: block;
text-align: center;
}
.video-one__play {
position: relative;
width: 130px;
height: 130px;
font-weight: 800;
line-height: 130px;
text-align: center;
border-radius: 50%;
display: inline-block;
font-size: 30px;
font-family: 'Font Awesome 5 Pro';
border: 1px solid #426BFF;
background: rgba(16, 16, 34, 0.50);
backdrop-filter: blur(8px);
color: #426BFF;
z-index: 1;
}
.video-one__play:hover {
color: var(--white-color);
background-color: var(--color-two);
}
.video-one__play:before {
content: "";
position: absolute;
top: -13px;
left: -13px;
right: -13px;
bottom: -13px;
border: 2px solid rgba(var(--white-color-rgb), .30);
border-radius: 50%;
}
.video-one__play .ripple,
.video-one__play .ripple:before,
.video-one__play .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 130px;
height: 130px;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-one__play .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-one__play .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
/* End */

14
cn/css/owl.video.play.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title><style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}</style></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by LiteSpeed Web Server<p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>

1278
cn/css/responsive.css Normal file
View File

File diff suppressed because it is too large Load Diff

149
cn/css/style.css Normal file
View File

@@ -0,0 +1,149 @@
/*
Lizar Business HTML Template
*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Two / Three
5. Main Slider / Two / Three
6. About One
7. Services One / Two / Three / Four
8. Project One / Two / Three
9. Testimonial One / Two / Three
10. Partners One
11. News One / Two
12. CTA One
13. Main Footer
14. Clients One / Two / Three
15. Counter One
16. News Three
17. InTouch One
18. Page Title
19. Banner One
20. Work One
21. Pricing One
22. Team One
23. Services Widgets
24. Services Detail
25. Our Projects
26. Projects Detail
27. Projects Widgets
28. Our Blog
29. Blog Widgets
30. Comment Form
31. Comment Box
32. Contact Info
33. Contact Form
34. Map
**********************************************/
/***
====================================================================
Css Files
====================================================================
***/
@import url('01-global.css');
@import url('module-css/header.css');
@import url('module-css/footer.css');
@import url('module-css/feature.css');
@import url('module-css/solutions.css');
@import url('module-css/pricing.css');
@import url('module-css/brand.css');
@import url('module-css/collaboration.css');
@import url('module-css/testimonial.css');
@import url('module-css/faq.css');
@import url('module-css/free-trail.css');
@import url('module-css/copywriting-tool.css');
@import url('module-css/how-tool-work.css');
@import url('module-css/counter.css');
@import url('module-css/case.css');
@import url('module-css/banner.css');
@import url('module-css/gallery.css');
@import url('module-css/image-generator-tools.css');
@import url('module-css/art-and-image-tool.css');
@import url('module-css/amazing-art-tool.css');
@import url('module-css/create-something.css');
@import url('module-css/page-title.css');
@import url('module-css/about.css');
@import url('module-css/video.css');
@import url('module-css/team.css');
@import url('module-css/ai-product.css');
@import url('module-css/login.css');
@import url('module-css/reset-password.css');
@import url('module-css/contact.css');
@import url('module-css/blog.css');
@import url('module-css/career.css');
@import url('module-css/404.css');
@import url('02-bootstrap-select.min.css');
@import url('03-owl.css');
@import url('04-animate.css');
@import url('05-rtl.css');
@import url('06-custom-animate.css');
@import url('07-dark-body.css');
@import url('08-font-awesome.css');
@import url('09-icomoon.css');
@import url('10-jarallax.css');
@import url('11-preloader.css');
@import url('12-swiper.min.css');
@import url('13-odometer-theme-default.css');
@import url('14-jquery-ui.css');
@import url('15-magnific-popup.css');
@import url('../fonts/reey-font/stylesheet.css');
/***
====================================================================
====================================================================
***/
/* Sticy Header */
.want-sticky-header .main-header.fixed-header {
position: relative !important;
display: none;
}
/* Box Layout */
.box-layout .page-wrapper {
max-width: 1390px;
width: 100%;
margin: 0 auto;
padding: 15px;
overflow: hidden;
background-color: var(--thm-body-bg);
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.box-layout:before {
position: fixed;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background: url(../images/partners/thm-pattern-2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.box-layout .slider-one_social-icons {
display: none;
}
.box-layout .main-header-two__inner {
margin: 0 0px;
}

BIN
cn/fonts/fa-brands-400.ttf Normal file
View File

Binary file not shown.

BIN
cn/fonts/fa-light-300.ttf Normal file
View File

Binary file not shown.

BIN
cn/fonts/fa-regular-400.ttf Normal file
View File

Binary file not shown.

BIN
cn/fonts/fa-solid-900.ttf Normal file
View File

Binary file not shown.

BIN
cn/fonts/icomoond7e0.eot Normal file
View File

Binary file not shown.

47
cn/fonts/icomoond7e0.svg Normal file
View File

@@ -0,0 +1,47 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="star" d="M1021.322 567.236c-6.742 20.735-25.133 35.415-46.805 37.376l-295.599 26.836-116.822 273.505c-8.625 20.094-28.25 33.063-50.095 33.063s-41.477-12.969-50.048-33.063l-116.822-273.505-295.646-26.836c-21.672-2-40.024-16.68-46.805-37.376-6.742-20.735-0.516-43.477 15.875-57.853l223.449-195.933-65.884-290.177c-4.82-21.336 3.461-43.399 21.164-56.196 9.516-6.914 20.696-10.367 31.915-10.367 9.641 0 19.289 2.563 27.907 7.719l254.895 152.409 254.848-152.409c18.696-11.172 42.204-10.149 59.868 2.648 17.703 12.797 25.985 34.86 21.164 56.196l-65.884 290.177 223.449 195.933c16.383 14.375 22.618 37.071 15.875 57.853z" />
<glyph unicode="&#xe901;" glyph-name="down-arrow" d="M512 256c-8.184 0-16.376 3.128-22.624 9.376l-320 320c-12.504 12.504-12.504 32.752 0 45.248s32.752 12.504 45.248 0l297.376-297.376 297.376 297.376c12.504 12.504 32.752 12.504 45.248 0s12.504-32.752 0-45.248l-320-320c-6.248-6.248-14.44-9.376-22.624-9.376z" />
<glyph unicode="&#xe902;" glyph-name="search" d="M466.752 877.598c-211.572 0-383.917-172.345-383.917-383.918 0-211.571 172.345-384.25 383.917-384.25 90.369 0 173.48 31.668 239.167 84.25l159.917-159.833c7.668-7.36 18.1-11.892 29.59-11.892 23.616 0 42.76 19.145 42.76 42.76 0 11.469-4.515 21.884-11.866 29.563l0.015-0.016-159.917 159.917c52.626 65.788 84.333 149.027 84.333 239.5 0 211.573-172.428 383.918-384 383.918zM466.752 792.264c165.454 0 298.583-133.13 298.583-298.584s-133.129-298.916-298.583-298.916-298.583 133.462-298.583 298.916 133.129 298.584 298.583 298.584z" />
<glyph unicode="&#xe903;" glyph-name="up-right-arrow" d="M288 896c-17.673 0-32-14.327-32-32v0c0-17.673 14.327-32 32-32v0h562.752l-777.376-777.376c-12.493-12.496-12.493-32.755 0-45.251 12.496-12.493 32.755-12.493 45.251 0l777.376 777.376v-562.752c0-17.673 14.327-32 32-32v0c17.673 0 32 14.327 32 32v0 640c-0.002 17.672-14.328 31.998-32 32h-640z" />
<glyph unicode="&#xe904;" glyph-name="checked" d="M994.72 820.010c-15.064 15.090-39.506 15.116-54.57 0.064l-462.986-461.764-167.044 181.426c-14.434 15.668-38.838 16.684-54.532 2.252-15.682-14.434-16.686-38.85-2.252-54.532l194.252-210.962c7.114-7.732 17.070-12.222 27.568-12.44 0.282-0.012 0.554-0.012 0.824-0.012 10.202 0 20.016 4.052 27.246 11.256l491.418 490.13c15.102 15.050 15.128 39.492 0.076 54.582zM985.406 486.594c-21.316 0-38.592-17.276-38.592-38.594 0-239.766-195.048-434.814-434.814-434.814-239.752 0-434.814 195.048-434.814 434.814 0 239.752 195.062 434.814 434.814 434.814 21.316 0 38.594 17.276 38.594 38.592 0 21.318-17.278 38.594-38.594 38.594-282.32 0-512-229.68-512-512 0-282.308 229.68-512 512-512 282.308 0 512 229.692 512 512 0 21.316-17.276 38.594-38.594 38.594z" />
<glyph unicode="&#xe905;" glyph-name="add" d="M512 80.040c-27.62 0-50 22.38-50 50v635.92c0 27.62 22.38 50 50 50s50-22.38 50-50v-635.92c0-27.62-22.38-50-50-50zM829.96 398h-635.92c-27.62 0-50 22.38-50 50s22.38 50 50 50h635.92c27.62 0 50-22.38 50-50s-22.38-50-50-50z" />
<glyph unicode="&#xe906;" glyph-name="minus" d="M853.333 448c0-23.565-19.102-42.667-42.667-42.667h-597.333c-23.564 0-42.667 19.102-42.667 42.667s19.103 42.667 42.667 42.667h597.333c23.565 0 42.667-19.102 42.667-42.667z" />
<glyph unicode="&#xe907;" glyph-name="check" d="M811.119 670.019c16.58-16.745 16.444-43.76-0.299-60.339l-387.841-383.999c-8.082-8.004-19.023-12.446-30.396-12.348-11.372 0.102-22.234 4.74-30.173 12.881l-149.76 153.6c-16.45 16.87-16.108 43.887 0.764 60.335 16.872 16.452 43.885 16.107 60.335-0.764l119.744-122.816 357.286 353.75c16.747 16.579 43.759 16.445 60.339-0.3z" />
<glyph unicode="&#xe908;" glyph-name="send" d="M1015.212 951.212c-7.804 7.804-19.264 10.692-29.834 7.522l-917.762-275.33c-40.444-12.132-67.616-48.652-67.616-90.89 0-41.652 27.97-78.734 68.022-90.178l387.578-110.736 110.736-387.578c11.444-40.050 48.526-68.022 90.194-68.022 42.222 0 78.742 27.172 90.876 67.616l275.328 917.764c3.172 10.57 0.284 22.028-7.522 29.832zM60 592.528c0 15.522 9.988 28.946 24.856 33.406l803.792 241.138-417.512-417.512-386.632 110.466c-14.426 4.124-24.504 17.482-24.504 32.502zM689.936 20.856c-4.46-14.868-17.884-24.856-33.422-24.856-15.006 0-28.364 10.076-32.486 24.504l-110.466 386.632 417.512 417.512z" />
<glyph unicode="&#xe909;" glyph-name="prev" d="M55.168 417.835l298.667-298.667c7.665-7.41 18.12-11.977 29.641-11.977 23.564 0 42.667 19.103 42.667 42.667 0 11.521-4.567 21.976-11.989 29.653l-225.823 225.823h750.336c23.564 0 42.667 19.103 42.667 42.667s-19.103 42.667-42.667 42.667v0h-750.336l225.835 225.835c8.036 7.769 13.026 18.647 13.026 30.69 0 23.564-19.103 42.667-42.667 42.667-12.043 0-22.92-4.989-30.678-13.014l-298.679-298.679c-7.718-7.721-12.492-18.386-12.492-30.165s4.774-22.445 12.492-30.165v0z" />
<glyph unicode="&#xe90a;" glyph-name="next" d="M968.832 478.165l-298.667 298.667c-7.665 7.41-18.12 11.977-29.641 11.977-23.564 0-42.667-19.103-42.667-42.667 0-11.521 4.567-21.976 11.989-29.653l225.823-225.823h-750.336c-23.564 0-42.667-19.103-42.667-42.667s19.103-42.667 42.667-42.667v0h750.336l-225.835-225.835c-8.036-7.769-13.026-18.647-13.026-30.69 0-23.564 19.103-42.667 42.667-42.667 12.043 0 22.92 4.989 30.678 13.014l298.679 298.679c7.718 7.721 12.492 18.386 12.492 30.165s-4.774 22.445-12.492 30.165v0z" />
<glyph unicode="&#xe90b;" glyph-name="arrow-right" d="M584.836 734.17c-16.661 16.662-43.678 16.662-60.339 0s-16.661-43.677 0-60.34l183.164-183.163h-494.327c-23.564 0-42.667-19.102-42.667-42.667s19.103-42.667 42.667-42.667h494.327l-183.164-183.164c-16.661-16.661-16.661-43.678 0-60.339s43.678-16.661 60.339 0l256 256c16.661 16.661 16.661 43.678 0 60.339z" />
<glyph unicode="&#xe90c;" glyph-name="checklist" d="M800.788 651.934c5.791-5.791 9.372-13.791 9.372-22.627s-3.582-16.836-9.372-22.627l-362.616-362.616c-5.791-5.791-13.791-9.372-22.627-9.372s-16.836 3.582-22.627 9.372l-169.706 169.708c-5.709 5.777-9.236 13.721-9.236 22.49 0 17.673 14.327 32 32 32 8.768 0 16.713-3.527 22.493-9.239l147.075-147.077 340 339.988c5.79 5.788 13.788 9.367 22.622 9.367s16.832-3.58 22.622-9.367v0zM1024 448c-0.001-282.769-229.231-511.999-512-511.999-141.385 0-269.384 57.307-362.038 149.961v0c-93.070 92.723-150.66 221.004-150.66 362.736 0 282.77 229.23 512 512 512 141.732 0 270.013-57.589 362.72-150.644l0.016-0.016c92.635-92.144 149.964-219.702 149.964-360.65 0-0.488-0.001-0.976-0.002-1.463v0.075zM960 448c-0.203 247.352-200.768 447.791-448.148 447.791-123.627 0-235.563-50.059-316.642-131.013l0.006 0.006c-81.072-81.072-131.216-193.072-131.216-316.784 0-247.424 200.577-448 448-448 123.712 0 235.712 50.144 316.784 131.216v0c81.055 80.627 131.218 192.24 131.218 315.57 0 0.427-0.001 0.854-0.002 1.28v-0.066z" />
<glyph unicode="&#xe90d;" glyph-name="right" d="M512 960c-282.312 0-512-229.688-512-512s229.688-512 512-512 512 229.688 512 512-229.688 512-512 512zM512 0c-247.032 0-448 200.968-448 448s200.968 448 448 448 448-200.968 448-448-200.968-448-448-448zM726.624 470.624c12.504-12.504 12.504-32.752 0-45.248l-160-160c-6.248-6.248-14.44-9.376-22.624-9.376s-16.376 3.128-22.624 9.376c-12.504 12.504-12.504 32.752 0 45.248l105.376 105.376h-306.752c-17.672 0-32 14.312-32 32s14.328 32 32 32h306.752l-105.376 105.376c-12.504 12.504-12.504 32.752 0 45.248s32.752 12.504 45.248 0z" />
<glyph unicode="&#xe90e;" glyph-name="right-1" d="M532.81 670.241c-8.685 8.692-22.776 8.692-31.475 0-8.692-8.685-8.692-22.783 0-31.475l168.571-168.571h-447.888c-12.328 0-22.328-10-22.328-22.328 0-12.335 10-22.328 22.328-22.328h447.664l-168.571-168.571c-4.182-4.168-6.531-9.839-6.531-15.741 0-5.909 2.35-11.566 6.531-15.741 4.182-4.217 9.909-6.552 15.853-6.475 5.923 0.028 11.608 2.35 15.846 6.475l206.528 206.521c4.203 4.21 6.545 9.923 6.482 15.86-0.042 5.923-2.364 11.587-6.482 15.846zM512.272 927.902c-194.158 0.035-369.211-116.914-443.51-296.296-74.286-179.389-33.195-385.861 104.138-523.111 187.438-187.438 491.321-187.438 678.752 0 187.431 187.424 187.431 491.307 0 678.745-89.81 90.32-212.011 140.97-339.379 140.662zM512.272 12.482c-240.017 0-435.378 195.368-435.378 435.385s195.361 435.378 435.378 435.378 435.385-195.361 435.385-435.378-195.368-435.385-435.385-435.385z" />
<glyph unicode="&#xe90f;" glyph-name="play-button" d="M73.143 960l877.714-512-877.714-512z" />
<glyph unicode="&#xe910;" glyph-name="like" d="M752 900c-55.566 0-106.51-17.608-151.414-52.336-43.050-33.294-71.712-75.7-88.586-106.536-16.874 30.838-45.536 73.242-88.586 106.536-44.904 34.728-95.848 52.336-151.414 52.336-155.064 0-272-126.834-272-295.028 0-181.708 145.886-306.030 366.738-494.236 37.504-31.962 80.014-68.19 124.198-106.828 5.824-5.1 13.304-7.908 21.064-7.908s15.24 2.808 21.064 7.906c44.188 38.644 86.696 74.87 124.222 106.85 220.828 188.186 366.714 312.508 366.714 494.216 0 168.194-116.936 295.028-272 295.028z" />
<glyph unicode="&#xe911;" glyph-name="thumb-up" d="M924.4 270.24c9.44-20.64 38.96-101.12-45.76-154.96 4.916-10.503 7.785-22.805 7.785-35.778 0-17.523-5.234-33.823-14.225-47.423l0.199 0.321c-33.92-50.64-123.76-75.92-268.16-75.92-85.12 3.36-211.76 3.12-327.76 33.52v496.88c17.36 29.696 49.6 52.84 67.6 78.72 72.664 101.6 132.288 200 139.12 320.080 2.080 41.28 13.76 63.52 34.96 66.16 2.88 0.24 62.32 4.16 97.68-43.52 36.8-49.6 32.4-134.4-13.28-252-9.318-22.296-14.731-48.203-14.731-75.374 0-5.316 0.207-10.584 0.614-15.796l-0.043 0.69c0.632-3.204 3.42-5.588 6.764-5.588 0.727 0 1.427 0.113 2.085 0.321l-0.049-0.013c57.6 14.32 250.88 55.6 319.040-16.72 25.6-27.28 30.88-66.96 15.68-118.16 14.133-20.349 22.579-45.575 22.579-72.774 0-31.569-11.378-60.481-30.257-82.858l0.158 0.192zM101.128 517.352h127.6c17.541 0 31.76-14.219 31.76-31.76v-509.832c0-17.541-14.219-31.76-31.76-31.76h-127.6c-17.541 0-31.76 14.219-31.76 31.76v509.832c0 17.541 14.219 31.76 31.76 31.76z" />
<glyph unicode="&#xe912;" glyph-name="date" d="M857.28 824h-112.64v16c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-16h-337.28v16c0 17.673-14.327 32-32 32s-32-14.327-32-32v0-16h-112.64c-74.331-0.182-134.538-60.389-134.72-134.703v-561.297c0.182-74.331 60.389-134.538 134.703-134.72h690.577c74.331 0.182 134.538 60.389 134.72 134.703v561.297c-0.182 74.331-60.389 134.538-134.703 134.72h-0.017zM166.72 760h112.64v-16c0-17.673 14.327-32 32-32s32 14.327 32 32v0 16h337.28v-16c0-17.673 14.327-32 32-32s32 14.327 32 32v0 16h112.64c39.058 0 70.72-31.662 70.72-70.72v0-75.84h-832v75.84c0 39.058 31.662 70.72 70.72 70.72v0zM857.28 56h-690.56c-0.003 0-0.008 0-0.012 0-39.058 0-70.72 31.662-70.72 70.72 0 0.45 0.004 0.899 0.013 1.347l-0.001-0.067v421.44h832v-421.44c0.007-0.381 0.012-0.83 0.012-1.28 0-39.058-31.662-70.72-70.72-70.72-0.004 0-0.008 0-0.012 0h0.001z" />
<glyph unicode="&#xe913;" glyph-name="three-o-clock-clock" d="M511.982 960c-282.286 0-511.982-229.677-511.982-512s229.695-512 511.982-512c282.341 0 512 229.677 512 512s-229.659 512-512 512zM511.982 4.263c-244.669 0-443.719 199.050-443.719 443.737s199.068 443.737 443.719 443.737c244.706 0 443.737-199.050 443.737-443.737s-199.013-443.737-443.737-443.737zM765.553 485.065h-219.431v290.141c0 18.855-15.286 34.141-34.122 34.141-18.818 0-34.104-15.304-34.104-34.141v-358.385h287.657c18.836 0 34.122 15.268 34.104 34.122 0 18.836-15.304 34.122-34.104 34.122z" />
<glyph unicode="&#xe914;" glyph-name="map" d="M991.97 512.028c-17.663 0-31.998-14.335-31.998-31.998v-362.345l-255.984-102.394v336.747c0 17.663-14.335 31.998-31.998 31.998s-31.998-14.335-31.998-31.998v-336.683l-255.984 102.394v506.976l148.279-59.324c16.191-6.528 35.006 1.408 41.597 17.855 6.592 16.383-1.408 35.006-17.855 41.597l-191.54 76.667c0 0 0 0-0.064 0l-0.512 0.192c-7.616 3.072-16.127 3.072-23.743 0l-0.576-0.192c0 0 0 0-0.064 0l-319.404-127.8c-12.095-4.864-20.095-16.575-20.095-29.694v-575.964c0-10.623 5.312-20.543 14.079-26.494 5.376-3.648 11.583-5.504 17.919-5.504 4.032 0 8.063 0.768 11.903 2.304l308.077 123.192 307.501-123c0 0 0 0 0.064 0l0.576-0.256c7.616-3.072 16.127-3.072 23.743 0l0.576 0.256c0 0 0 0 0.064 0l319.404 127.736c12.031 4.928 20.031 16.639 20.031 29.758v383.976c0 17.663-14.335 31.998-31.998 31.998zM320.012 117.749l-255.984-102.394v507.040l255.984 102.394v-507.040zM799.982 832.008c-52.925 0-95.994-43.069-95.994-95.994s43.069-95.994 95.994-95.994 95.994 43.069 95.994 95.994-43.069 95.994-95.994 95.994zM799.982 704.016c-17.663 0-31.998 14.335-31.998 31.998s14.335 31.998 31.998 31.998c17.663 0 31.998-14.335 31.998-31.998s-14.335-31.998-31.998-31.998zM799.982 960c-123.512 0-223.986-100.474-223.986-223.986 0-114.937 179.701-318.508 200.179-341.355 6.080-6.72 14.719-10.623 23.807-10.623s17.727 3.904 23.807 10.623c20.479 22.847 200.179 226.418 200.179 341.355 0 123.512-100.474 223.986-223.986 223.986zM799.982 464.863c-69.884 82.875-159.99 210.099-159.99 271.151 0 88.186 71.804 159.99 159.99 159.99s159.99-71.804 159.99-159.99c0-60.988-90.106-188.276-159.99-271.151z" />
<glyph unicode="&#xe915;" glyph-name="call" d="M1006.195 247.484l-261.539 116.414c-11.477 5.109-24.914 2.523-33.688-6.477-17.375-17.836-58.391-59.664-83.492-84.313-49.93 35.047-103.281 81.125-155.539 134.414-0.141 0.141-0.281 0.281-0.422 0.422-52.492 51.477-96.891 102.953-132.227 153.305 30.281 30.57 83.609 83.203 84.273 83.859 8.883 8.766 11.414 22.117 6.344 33.531l-115.875 260.992c-5.969 13.453-20.828 20.594-35.063 16.836l-201.305-53.039c-61.094-15.547-90.914-79.516-72.047-140.75 58.227-189.016 142.039-350.156 305.664-516.016 0.055-0.055 0.109-0.109 0.164-0.164l1.047-1.047c0.055-0.055 0.109-0.109 0.164-0.164 216.195-213.297 411.234-273.391 516.016-305.672 60.625-18.672 125.031 10.398 140.75 72.008l53.563 200.719c3.797 14.25-3.32 29.148-16.789 35.141zM911.398 26.922c-0.031-0.125-0.063-0.25-0.094-0.375-7.070-27.938-37.086-38.18-64.969-29.586-106.875 32.93-285.742 88.031-491.461 290.953l-0.961 0.969c-202.938 205.734-262.383 398.711-290.961 491.461-8.594 27.914 1.672 57.906 29.586 64.961 0.094 0.023 0.188 0.047 0.281 0.078l176.742 46.555 97.102-218.703c-24.836-24.578-73.453-72.813-87.773-87.953-9.563-10.109-10.914-25.477-3.258-37.109 39.578-60.141 91.281-121.664 153.664-182.859 62.078-63.281 126.023-117.125 184.922-155.711 11.367-7.445 26.32-6.32 36.445 2.734 15.82 14.156 64.078 63.164 88.664 88.266l219.078-97.523zM512.008 898c249.227 0 451.992-201.867 451.992-449.992 0-16.562 13.43-30 29.992-30 16.57 0 30 13.438 30 30 0 281.211-229.672 509.992-511.984 509.992-16.57 0-30-13.43-30-30s13.43-30 30-30zM512.008 778c181.953 0 329.992-148.031 329.992-329.992 0-16.562 13.43-30 30-30 16.563 0 30 13.438 30 30 0 215.047-174.953 389.992-389.992 389.992-16.57 0-30-13.43-30-30 0-16.563 13.43-30 30-30zM512.008 658.008c115.789 0 209.992-94.203 209.992-210 0-16.562 13.43-30 30-30s30 13.438 30 30c0 148.875-121.117 270-269.992 270-16.57 0-30-13.438-30-30 0-16.57 13.43-30 30-30z" />
<glyph unicode="&#xe916;" glyph-name="envelope" d="M927.999 832.001h-831.999c-52.938 0-96.001-43.063-96.001-96.001v-576c0-52.938 43.063-96.001 96.001-96.001h831.999c52.938 0 96.001 43.063 96.001 96.001v576c0 52.938-43.063 96.001-96.001 96.001zM927.999 768.001c4.348 0 8.484-0.902 12.265-2.477l-428.264-371.18-428.267 371.18c3.781 1.573 7.917 2.477 12.265 2.477zM927.999 128.001h-831.999c-17.656 0-32.001 14.343-32.001 32.001v537.905l427.031-370.094c6.032-5.218 13.501-7.813 20.969-7.813s14.937 2.593 20.969 7.813l427.031 370.094v-537.907c-0.002-17.656-14.345-31.999-32.001-31.999z" />
<glyph unicode="&#xe917;" glyph-name="close" d="M73.44 9.44c5.792-5.798 13.797-9.385 22.64-9.385s16.848 3.587 22.64 9.385v0l393.28 393.28 393.44-393.28c5.794-5.794 13.799-9.378 22.64-9.378 17.683 0 32.018 14.335 32.018 32.018 0 8.841-3.584 16.846-9.378 22.64l-393.44 393.28 393.28 393.44c5.794 5.794 9.378 13.799 9.378 22.64 0 17.683-14.335 32.018-32.018 32.018-8.841 0-16.846-3.584-22.64-9.378v0l-393.28-393.44-393.44 393.28c-5.559 4.783-12.847 7.695-20.815 7.695-17.673 0-32-14.327-32-32 0-7.968 2.912-15.255 7.73-20.857l-0.035 0.042 393.28-393.44-393.28-393.44c-5.751-5.784-9.305-13.757-9.305-22.56s3.555-16.776 9.307-22.562l-0.002 0.002z" />
<glyph unicode="&#xe918;" glyph-name="envelope-1" d="M896 810.667h-768c-58.816 0-106.667-47.851-106.667-106.667v-512c0-58.816 47.851-106.667 106.667-106.667h768c58.816 0 106.667 47.851 106.667 106.667v512c0 58.816-47.851 106.667-106.667 106.667zM643.371 448.043l314.517 271.467c1.259-4.992 2.112-10.112 2.112-15.488v-512c0-5.376-0.853-10.496-2.112-15.488l-314.517 271.531zM896 768c14.272 0 27.328-4.864 37.995-12.779l-380.288-328.213c-24.171-20.971-59.243-20.949-83.456 0l-380.245 328.213c10.645 7.936 23.723 12.779 37.995 12.779zM66.112 176.512c-1.259 4.992-2.112 10.112-2.112 15.488v512c0 5.376 0.853 10.496 2.112 15.488l314.517-271.467zM128 128c-14.272 0-27.328 4.864-37.995 12.779l323.264 279.061 29.077-25.109c19.861-17.216 44.757-25.813 69.653-25.813s49.771 8.597 69.611 25.792l29.12 25.131 323.264-279.083c-10.645-7.936-23.723-12.779-37.995-12.779h-768z" />
<glyph unicode="&#xe919;" glyph-name="lock" d="M809.792-41.6h-595.584c-28.608 0-51.84 23.232-51.84 51.84v505.984c0 28.608 23.232 51.84 51.84 51.84h595.584c28.608 0 51.84-23.232 51.84-51.84v-505.984c0-28.608-23.232-51.84-51.84-51.84zM214.208 541.184c-13.76 0-24.96-11.2-24.96-24.96v-505.984c0-13.76 11.2-24.96 24.96-24.96h595.584c13.76 0 24.96 11.2 24.96 24.96v505.984c0 13.76-11.2 24.96-24.96 24.96zM766.208 541.184c-7.424 0-13.44 6.016-13.44 13.44v115.456c0 32.448-6.4 64-18.944 93.696-12.096 28.672-29.44 54.4-51.52 76.48s-47.808 39.424-76.48 51.52c-29.696 12.544-61.184 18.944-93.632 18.944s-64-6.4-93.696-18.944c-28.672-12.096-54.4-29.44-76.48-51.52s-39.424-47.808-51.52-76.48c-12.544-29.696-18.944-61.248-18.944-93.696v-115.52c0-7.424-6.016-13.44-13.44-13.44s-13.44 6.016-13.44 13.44v115.52c0 36.096 7.104 71.104 21.056 104.128 13.504 31.872 32.768 60.48 57.28 84.992s53.12 43.84 84.992 57.28c33.024 13.952 68.096 21.056 104.128 21.056 36.096 0 71.104-7.104 104.128-21.056 31.872-13.504 60.48-32.768 84.992-57.28s43.84-53.12 57.28-84.992c13.952-33.024 21.056-68.096 21.056-104.128v-115.52c0.064-7.36-5.952-13.376-13.376-13.376zM691.456 541.184c-7.424 0-13.44 6.016-13.44 13.44v115.456c0 91.456-74.432 165.824-165.824 165.824-91.456 0-165.824-74.432-165.824-165.824v-115.52c0-7.424-6.016-13.44-13.44-13.44s-13.44 6.016-13.44 13.44v115.52c0 51.456 20.032 99.904 56.448 136.256 36.416 36.416 84.8 56.448 136.256 56.448s99.904-20.032 136.256-56.448c36.416-36.416 56.448-84.8 56.448-136.256v-115.52c0-7.36-6.016-13.376-13.44-13.376zM547.968 246.72c-4.736 0-9.344 2.496-11.776 6.976-3.584 6.528-1.216 14.656 5.312 18.24 19.2 10.56 31.296 30.72 31.616 52.544 0.448 33.344-26.176 61.056-59.456 61.824-16.576 0.384-32.256-5.76-44.096-17.344s-18.368-27.072-18.368-43.648c0-22.272 12.096-42.752 31.616-53.44 6.528-3.584 8.896-11.776 5.312-18.24-3.584-6.528-11.776-8.896-18.24-5.312-28.096 15.424-45.568 44.928-45.568 76.992 0 23.872 9.408 46.208 26.496 62.848s39.616 25.536 63.488 24.96c47.936-1.152 86.4-41.088 85.696-89.088-0.448-31.488-17.92-60.544-45.568-75.712-2.048-1.024-4.224-1.6-6.464-1.6zM512.192 113.152c-27.136 0-49.216 22.080-49.216 49.216v97.792c0 7.424 6.016 13.44 13.44 13.44s13.44-6.016 13.44-13.44v-97.792c0-12.352 10.048-22.336 22.336-22.336s22.336 10.048 22.336 22.336v97.792c0 7.424 6.016 13.44 13.44 13.44s13.44-6.016 13.44-13.44v-97.792c0-27.136-22.080-49.216-49.216-49.216z" />
<glyph unicode="&#xe91a;" glyph-name="menu" d="M960 63.999h-895.999c-35.348 0-64 28.655-64 64s28.653 64 64 64h896.001c35.345 0 64-28.655 64-64-0.002-35.345-28.655-64-64.003-64zM960 384.001h-895.999c-35.348 0-64 28.653-64 63.998s28.653 64 64 64h896.001c35.345 0 64-28.653 64-64s-28.655-63.998-64.003-63.998zM960 704.001h-895.999c-35.348 0-64 28.653-64 64s28.653 64 64 64h896.001c35.345 0 64-28.653 64-64s-28.655-64-64.003-64z" />
<glyph unicode="&#xe91b;" glyph-name="high-resolution-images" d="M636.878 590.361c-14.985 0-24.976 9.99-24.976 24.976s9.99 24.976 24.976 24.976v0c14.985 0 24.976-9.99 24.976-24.976s-9.99-24.976-24.976-24.976zM761.756 48.39h-499.512c-39.961 0-77.424 14.985-104.898 44.956-27.473 27.473-44.956 64.937-44.956 104.898v499.512c0 39.961 14.985 77.424 44.956 104.898 27.473 29.971 64.937 44.956 104.898 44.956h499.512c39.961 0 77.424-14.985 104.898-44.956 27.473-27.473 44.956-64.937 44.956-104.898v-499.512c0-39.961-14.985-77.424-44.956-104.898-27.473-29.971-64.937-44.956-104.898-44.956zM262.244 797.659c-27.473 0-52.449-9.99-69.932-29.971-19.98-17.483-29.971-42.459-29.971-69.932v-499.512c0-27.473 9.99-52.449 29.971-69.932s42.459-29.971 69.932-29.971h499.512c27.473 0 52.449 9.99 69.932 29.971 19.98 19.98 29.971 44.956 29.971 69.932v499.512c0 27.473-9.99 52.449-29.971 69.932-17.483 19.98-42.459 29.971-69.932 29.971h-499.512zM679.337 255.688c-7.493 0-12.488 2.498-17.483 7.493l-209.795 209.795c-29.971 27.473-59.941 27.473-89.912 0l-207.298-207.298c-9.99-9.99-24.976-9.99-34.966 0s-9.99 24.976 0 34.966l207.298 207.298c49.951 47.454 112.39 47.454 159.844 0l207.298-207.298c9.99-9.99 9.99-24.976 0-34.966-2.498-7.493-9.99-9.99-14.985-9.99zM886.634 255.688c-7.493 0-12.488 2.498-17.483 7.493l-124.878 124.878c-29.971 27.473-59.941 27.473-89.912 0l-42.459-39.961c-9.99-9.99-24.976-9.99-34.966 0s-9.99 24.976 0 34.966l42.459 42.459c49.951 47.454 112.39 47.454 159.844 0l124.878-124.878c9.99-9.99 9.99-24.976 0-34.966-4.995-7.493-9.99-9.99-17.483-9.99z" />
<glyph unicode="&#xe91c;" glyph-name="rateing" d="M510.65 233.499l204.737 51.307 85.531-260.695-290.269 209.388zM981.832 570.46h-360.409l-110.773 335.573-110.795-335.573h-360.388l291.685-208-110.795-335.576 761.476 543.577z" />
<glyph unicode="&#xe91d;" glyph-name="royalty-free-use" d="M804.215 130.81h-584.429c-29.971 0-54.946 12.488-77.424 32.468-19.98 19.98-32.468 47.454-32.468 77.424v414.595c0 29.971 12.488 54.946 32.468 77.424 19.98 19.98 47.454 32.468 77.424 32.468h581.932c29.971 0 54.946-12.488 77.424-32.468 19.98-19.98 32.468-47.454 32.468-77.424v-417.093c0-29.971-12.488-54.946-32.468-77.424s-47.454-29.971-74.927-29.971zM219.785 715.239c-14.985 0-29.971-4.995-42.459-17.483-9.99-9.99-17.483-24.976-17.483-39.961v-417.093c0-14.985 4.995-29.971 17.483-42.459 9.99-9.99 24.976-17.483 42.459-17.483h581.932c14.985 0 29.971 4.995 39.961 17.483 9.99 9.99 17.483 24.976 17.483 42.459v414.595c0 14.985-4.995 29.971-17.483 39.961-9.99 9.99-24.976 17.483-39.961 17.483h-581.932zM367.141 298.146c-22.478 0-44.956 9.99-62.439 24.976s-24.976 37.463-24.976 62.439v124.878c0 22.478 9.99 44.956 24.976 62.439 32.468 32.468 89.912 32.468 122.38 0 17.483-17.483 24.976-37.463 24.976-62.439 0-14.985-9.99-24.976-24.976-24.976s-24.976 9.99-24.976 24.976c0 9.99-4.995 19.98-9.99 27.473-14.985 14.985-39.961 14.985-52.449 0-7.493-7.493-9.99-17.483-9.99-27.473v-124.878c0-9.99 4.995-19.98 9.99-27.473 14.985-14.985 39.961-14.985 52.449 0 7.493 7.493 9.99 17.483 9.99 27.473 0 14.985 9.99 24.976 24.976 24.976s24.976-9.99 24.976-24.976c0-22.478-9.99-44.956-24.976-62.439-14.985-14.985-37.463-24.976-59.941-24.976zM656.859 298.146c-22.478 0-44.956 9.99-62.439 24.976s-24.976 37.463-24.976 62.439v124.878c0 22.478 9.99 44.956 24.976 62.439 32.468 32.468 89.912 32.468 122.38 0 17.483-17.483 24.976-37.463 24.976-62.439 0-14.985-9.99-24.976-24.976-24.976s-24.976 9.99-24.976 24.976c0 9.99-4.995 19.98-9.99 27.473-14.985 14.985-39.961 14.985-52.449 0-7.493-7.493-9.99-17.483-9.99-27.473v-124.878c0-9.99 4.995-19.98 9.99-27.473 14.985-14.985 39.961-14.985 52.449 0 7.493 7.493 9.99 17.483 9.99 27.473 0 14.985 9.99 24.976 24.976 24.976s24.976-9.99 24.976-24.976c0-22.478-9.99-44.956-24.976-62.439s-34.966-24.976-59.941-24.976z" />
<glyph unicode="&#xe91e;" glyph-name="shape-1" d="M256 426.667h-128c-11.733 0-21.333 9.6-21.333 21.333s9.6 21.333 21.333 21.333h128c11.733 0 21.333-9.6 21.333-21.333s-9.6-21.333-21.333-21.333zM512 682.667c-11.733 0-21.333 9.6-21.333 21.333v128c0 11.733 9.6 21.333 21.333 21.333s21.333-9.6 21.333-21.333v-128c0-11.733-9.6-21.333-21.333-21.333zM332.8 605.867c-5.333 0-10.667 2.133-14.933 6.4l-93.867 93.867c-8.533 8.533-8.533 21.333 0 29.867s21.333 8.533 29.867 0l93.867-93.867c8.533-8.533 8.533-21.333 0-29.867-4.267-4.267-9.6-6.4-14.933-6.4zM691.2 605.867c-5.333 0-10.667 2.133-14.933 6.4-8.533 8.533-8.533 21.333 0 29.867l93.867 93.867c8.533 8.533 21.333 8.533 29.867 0s8.533-21.333 0-29.867l-93.867-93.867c-4.267-4.267-9.6-6.4-14.933-6.4zM238.933 153.6c-5.333 0-10.667 2.133-14.933 6.4-8.533 8.533-8.533 21.333 0 29.867l93.867 93.867c8.533 8.533 21.333 8.533 29.867 0s8.533-21.333 0-29.867l-93.867-93.867c-4.267-4.267-9.6-6.4-14.933-6.4zM640 42.667c0 0-1.067 0-1.067 0-8.533 1.067-16 6.4-19.2 14.933l-128 384c-2.133 7.467-1.067 16 5.333 21.333 5.333 5.333 13.867 7.467 21.333 5.333l384-128c8.533-3.2 13.867-9.6 14.933-19.2s-4.267-17.067-11.733-20.267l-164.267-82.133-82.133-164.267c-4.267-7.467-10.667-11.733-19.2-11.733zM546.133 413.867l98.133-294.4 61.867 124.8c2.133 4.267 5.333 7.467 9.6 9.6l124.8 61.867-294.4 98.133z" />
<glyph unicode="&#xe91f;" glyph-name="social-1" d="M711.111-24.178c-22.756 0-45.511 17.067-45.511 45.511v125.156c0 17.067 0 34.133-5.689 45.511s-11.378 28.444-22.756 34.133c-11.378 11.378-17.067 28.444-11.378 45.511s17.067 28.444 34.133 28.444c125.156 11.378 238.933 56.889 238.933 256 0 51.2-17.067 96.711-51.2 130.844-11.378 11.378-17.067 28.444-11.378 45.511 11.378 34.133 17.067 68.267 5.689 102.4-22.756-5.689-56.889-17.067-113.778-56.889-11.378-5.689-22.756-11.378-34.133-5.689-91.022 22.756-187.733 22.756-278.756 0-11.378-5.689-22.756 0-34.133 5.689-56.889 34.133-91.022 51.2-113.778 56.889 0-39.822 0-73.956 17.067-108.089 5.689-17.067 0-34.133-11.378-45.511-34.133-34.133-51.2-79.644-51.2-130.844 0-199.111 113.778-238.933 238.933-256 17.067 0 28.444-11.378 34.133-28.444s0-34.133-11.378-45.511c-11.378-11.378-17.067-22.756-22.756-34.133s-5.689-28.444-5.689-39.822v-39.822c0 0 0-5.689 0-5.689v-85.333c0-22.756-17.067-45.511-45.511-45.511s-39.822 28.444-39.822 51.2v28.444c-125.156-22.756-233.244 39.822-295.822 164.978-11.378 22.756 0 45.511 17.067 56.889 22.756 11.378 45.511 0 56.889-17.067 51.2-96.711 119.467-136.533 216.178-113.778v5.689c0 22.756 0 51.2 11.378 73.956 0 0 0 5.689 0 5.689-119.467 28.444-244.622 102.4-244.622 329.956 0 62.578 22.756 125.156 56.889 170.667-17.067 56.889-11.378 113.778 11.378 164.978 11.378 11.378 22.756 17.067 34.133 22.756 17.067 5.689 73.956 11.378 187.733-56.889 91.022 22.756 187.733 22.756 284.444 0 113.778 73.956 170.667 62.578 187.733 56.889 11.378-5.689 22.756-11.378 28.444-22.756 22.756-51.2 28.444-113.778 11.378-164.978 39.822-45.511 56.889-108.089 56.889-170.667 0-244.622-147.911-307.2-244.622-329.956 0 0 0-5.689 0-5.689 11.378-22.756 11.378-51.2 11.378-79.644v-119.467c0-22.756-22.756-45.511-45.511-45.511z" />
<glyph unicode="&#xe920;" glyph-name="social-2" d="M512-18.489c-119.467 0-233.244 45.511-312.889 119.467 0 0-5.689 5.689-5.689 5.689-91.022 85.333-147.911 204.8-147.911 341.333 0 199.111 125.156 369.778 301.511 438.044 0 0 5.689 0 5.689 0 45.511 22.756 102.4 28.444 159.289 28.444 130.844 0 244.622-51.2 329.956-136.533 0 0 5.689-5.689 5.689-5.689 79.644-85.333 130.844-199.111 130.844-324.267 0-11.378 0-22.756 0-39.822 0 0 0 0 0 0-11.378-159.289-108.089-301.511-244.622-375.467 0 0-5.689 0-5.689-5.689-62.578-28.444-136.533-45.511-216.178-45.511zM278.756 146.489c62.578-51.2 142.222-85.333 233.244-85.333 51.2 0 102.4 11.378 153.6 28.444-17.067 91.022-45.511 187.733-79.644 273.067-136.533-28.444-250.311-113.778-307.2-216.178zM665.6 391.111c28.444-79.644 56.889-164.978 73.956-250.311 79.644 56.889 130.844 142.222 147.911 238.933-68.267 17.067-147.911 17.067-221.867 11.378zM130.844 453.689c0 0 0-5.689 0-5.689 0-91.022 34.133-176.356 85.333-238.933 68.267 113.778 193.422 199.111 335.644 238.933-11.378 22.756-17.067 39.822-28.444 56.889-153.6-45.511-312.889-51.2-392.533-51.2zM762.311 482.133c45.511 0 91.022-5.689 136.533-11.378-5.689 79.644-34.133 153.6-79.644 210.489-56.889-62.578-130.844-108.089-216.178-142.222 11.378-22.756 22.756-45.511 28.444-68.267 45.511 5.689 85.333 11.378 130.844 11.378zM347.022 795.022c-102.4-51.2-182.044-142.222-210.489-256 79.644 0 210.489 5.689 347.022 45.511-39.822 68.267-85.333 142.222-136.533 210.489zM432.356 823.467c51.2-68.267 96.711-142.222 130.844-210.489 73.956 28.444 142.222 73.956 193.422 130.844-68.267 56.889-153.6 91.022-244.622 91.022-28.444 0-51.2-5.689-79.644-11.378z" />
<glyph unicode="&#xe921;" glyph-name="social-3" d="M682.667 21.333h-341.333c-68.267 0-130.844 28.444-182.044 73.956s-73.956 113.778-73.956 182.044v341.333c0 68.267 28.444 130.844 73.956 182.044 51.2 45.511 113.778 73.956 182.044 73.956h341.333c68.267 0 130.844-28.444 182.044-73.956 51.2-51.2 73.956-113.778 73.956-182.044v-341.333c0-68.267-28.444-130.844-73.956-182.044s-113.778-73.956-182.044-73.956zM341.333 789.333c-45.511 0-91.022-17.067-119.467-51.2-34.133-28.444-51.2-73.956-51.2-119.467v-341.333c0-45.511 17.067-91.022 51.2-119.467 28.444-34.133 73.956-51.2 119.467-51.2h341.333c45.511 0 91.022 17.067 119.467 51.2s51.2 73.956 51.2 119.467v341.333c0 45.511-17.067 91.022-51.2 119.467-28.444 34.133-73.956 51.2-119.467 51.2h-341.333zM466.489 21.333c-22.756 0-45.511 17.067-45.511 45.511v295.822h-34.133c-28.444 0-45.511 17.067-45.511 39.822s17.067 45.511 45.511 45.511h45.511c0 91.022 22.756 216.178 216.178 216.178 17.067 0 34.133-22.756 34.133-45.511s-17.067-45.511-45.511-45.511c-108.089 0-125.156-34.133-125.156-125.156h125.156c28.444 0 45.511-17.067 45.511-45.511s-17.067-45.511-45.511-45.511h-125.156v-295.822c0-22.756-17.067-39.822-45.511-39.822z" />
<glyph unicode="&#xe922;" glyph-name="social-4" d="M352.711 21.333c-108.089 0-221.867 28.444-329.956 91.022-17.067 11.378-28.444 28.444-22.756 51.2 5.689 17.067 22.756 34.133 45.511 28.444 73.956 0 142.222 11.378 210.489 39.822-324.267 199.111-164.978 568.889-164.978 574.578 5.689 11.378 17.067 22.756 34.133 22.756s28.444-5.689 39.822-17.067c39.822-56.889 91.022-102.4 153.6-130.844 45.511-22.756 102.4-39.822 153.6-45.511-5.689 51.2 11.378 96.711 39.822 136.533s62.578 68.267 108.089 85.333c45.511 17.067 91.022 22.756 142.222 5.689 34.133-11.378 68.267-28.444 96.711-51.2 34.133 17.067 85.333 39.822 102.4 51.2s34.133 5.689 51.2-5.689c11.378-11.378 17.067-28.444 11.378-45.511-5.689-11.378-39.822-102.4-85.333-153.6 0-5.689 0-17.067 0-22.756 0-233.244-102.4-426.667-284.444-534.756-91.022-51.2-193.422-79.644-301.511-79.644zM210.489 129.422c136.533-34.133 278.756-17.067 398.222 51.2 153.6 91.022 244.622 256 244.622 460.8 0 11.378 0 17.067 0 28.444s0 28.444 11.378 39.822c5.689 5.689 17.067 17.067 22.756 28.444-11.378-5.689-17.067-5.689-22.756-11.378-17.067-5.689-34.133 0-45.511 11.378-22.756 22.756-51.2 39.822-79.644 45.511s-62.578 5.689-91.022-5.689c-28.444-11.378-51.2-28.444-68.267-56.889-17.067-22.756-28.444-56.889-28.444-85.333v-45.511c0-22.756-17.067-39.822-39.822-39.822-79.644 0-164.978 17.067-238.933 51.2-45.511 28.444-91.022 62.578-130.844 102.4-22.756-108.089-34.133-318.578 216.178-426.667 11.378-5.689 22.756-17.067 22.756-34.133s-5.689-28.444-17.067-39.822c-45.511-34.133-96.711-62.578-153.6-73.956z" />
<glyph unicode="&#xe923;" glyph-name="social-5" d="M512 231.822c-56.889 0-108.089 22.756-153.6 62.578s-62.578 96.711-62.578 153.6 22.756 108.089 62.578 153.6c79.644 79.644 221.867 79.644 301.511 0 45.511-45.511 68.267-96.711 68.267-153.6s-22.756-108.089-62.578-153.6-96.711-62.578-153.6-62.578zM512 573.156c-34.133 0-68.267-11.378-91.022-34.133s-34.133-56.889-34.133-91.022 11.378-68.267 39.822-91.022c45.511-45.511 130.844-45.511 182.044 0 22.756 22.756 39.822 56.889 39.822 91.022s-22.756 68.267-45.511 91.022c-22.756 22.756-56.889 34.133-91.022 34.133zM682.667 21.333h-341.333c-68.267 0-130.844 28.444-182.044 73.956s-73.956 113.778-73.956 182.044v341.333c0 68.267 28.444 130.844 73.956 182.044 51.2 45.511 113.778 73.956 182.044 73.956h341.333c68.267 0 130.844-28.444 182.044-73.956 51.2-51.2 73.956-113.778 73.956-182.044v-341.333c0-68.267-28.444-130.844-73.956-182.044s-113.778-73.956-182.044-73.956zM341.333 789.333c-45.511 0-91.022-17.067-119.467-51.2-34.133-28.444-51.2-73.956-51.2-119.467v-341.333c0-45.511 17.067-91.022 51.2-119.467 28.444-34.133 73.956-51.2 119.467-51.2h341.333c45.511 0 91.022 17.067 119.467 51.2s51.2 73.956 51.2 119.467v341.333c0 45.511-17.067 91.022-51.2 119.467-28.444 34.133-73.956 51.2-119.467 51.2h-341.333zM745.244 641.422c-11.378 0-17.067 5.689-28.444 11.378-17.067 17.067-22.756 39.822-5.689 62.578v0c17.067 17.067 39.822 22.756 62.578 5.689s22.756-45.511 5.689-68.267c-5.689-5.689-22.756-11.378-34.133-11.378z" />
<glyph unicode="&#xe924;" glyph-name="unlimited-image-creation" d="M128 166.4c-5.12 0-10.24 2.56-15.36 5.12-5.12 5.12-10.24 12.8-10.24 20.48v340.48c0 7.68 5.12 15.36 10.24 20.48 7.68 5.12 15.36 5.12 23.040 2.56l299.52-102.4c10.24-2.56 17.92-12.8 17.92-23.040v-110.080c0-10.24-5.12-20.48-15.36-23.040l-299.52-128c-2.56-2.56-7.68-2.56-10.24-2.56zM153.6 496.64v-266.24l248.32 104.96v76.8l-248.32 84.48zM512 550.4c-2.56 0-5.12 0-7.68 2.56l-384 128c-10.24 2.56-17.92 12.8-17.92 23.040s7.68 20.48 17.92 23.040l384 128c5.12 2.56 10.24 2.56 15.36 0l384-128c10.24-2.56 17.92-12.8 17.92-23.040s-7.68-20.48-17.92-23.040l-384-128c-2.56-2.56-5.12-2.56-7.68-2.56zM209.92 704l302.080-99.84 302.080 99.84-302.080 99.84-302.080-99.84zM596.48 38.4c-5.12 0-10.24 2.56-15.36 5.12-7.68 5.12-10.24 12.8-10.24 20.48v371.2c0 10.24 7.68 20.48 17.92 25.6l299.52 97.28c7.68 2.56 15.36 0 23.040-2.56 7.68-5.12 10.24-12.8 10.24-20.48v-343.040c0-10.24-5.12-20.48-15.36-23.040l-299.52-128c-2.56-2.56-5.12-2.56-10.24-2.56zM622.080 417.28v-314.88l248.32 104.96v291.84l-248.32-81.92z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
cn/fonts/icomoond7e0.ttf Normal file
View File

Binary file not shown.

BIN
cn/fonts/icomoond7e0.woff Normal file
View File

Binary file not shown.

BIN
cn/fonts/reey-font/reey-regular-webfont.woff Normal file
View File

Binary file not shown.

BIN
cn/fonts/reey-font/reey-regular-webfont.woff2 Normal file
View File

Binary file not shown.

12
cn/fonts/reey-font/stylesheet.css Normal file
View File

@@ -0,0 +1,12 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 28, 2021 */
@font-face {
font-family: 'reeyregular';
src: url('reey-regular-webfont.woff2') format('woff2'),
url('reey-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

BIN
cn/images/ai_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
cn/images/background/video-one-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 KiB

BIN
cn/images/blog/blog-1-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

BIN
cn/images/blog/blog-details-person-img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
cn/images/blog/blog-page-1-1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
cn/images/blog/blog-page-1-2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
cn/images/blog/blog-page-1-3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 161 KiB

BIN
cn/images/blog/blog-page-1-4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
cn/images/blog/blog-page-1-5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
cn/images/blog/blog-page-1-6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
cn/images/blog/blog-page-1-7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 92 KiB

BIN
cn/images/blog/blog-page-1-8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
cn/images/blog/blog-page-1-9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

Some files were not shown because too many files have changed in this diff Show More