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

14
en/.htaccess Normal file
View File

@@ -0,0 +1,14 @@
# Enable the Rewrite Engine
RewriteEngine On
# If the requested file does not exist
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# Check if a file exists with .php or .html extension
RewriteRule ^([^\.]+)$ $1.php [L,NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^\.]+)$ $1.html [L,NC]
# Redirect to custom 404 page if the file still doesn't exist
ErrorDocument 404 /404.php

59
en/404.php Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<?php 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">Oops! Page can’t be found.</h3>
<p class="error-page__text">The page you are looking for doesn't exist or has been moved.
</p>
<div class="error-page__btn-box">
<a href="index" class="error-page__btn thm-btn">Take me to Home<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>

68
en/about.php Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<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="AI Tool Path is an AI tool navigation platform, integrating various SaaS tools and services from different countries and regions.">-->
<!--<meta name="keywords" content="AI tools, SaaS tools, AI integration, AI Tool Path, global AI services, AI tools navigation">-->
<!--<title>About Us - AI Tool Path</title>-->
<?php
$title = "About Us - AI Tool Path";
$description = "AI Tool Path is an AI tool navigation platform, integrating various SaaS tools and services from different countries and regions.";
$keywords = "AI tools, SaaS tools, AI integration, AI Tool Path, global AI services, AI tools navigation";
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">About AI Tool Path</h3>
</div>
</div>
</div>
</section>
<!-- About AI Tool Path 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;">
<!-- Main Content -->
<div class="about-us__content" style="flex: 1; max-width:600px; margin: 0 20px;">
<p style="text-indent: 2em;">AI Tool Path is a comprehensive AI tool navigation platform designed to integrate various SaaS tools and services from different countries and regions. With a focus on simplifying access to AI-powered solutions, AI Tool Path provides users with a centralized hub to discover, compare, and utilize a wide range of AI and SaaS tools across multiple industries.</p>
<p style="text-indent: 2em;">Our platform is built to cater to both individuals and businesses, offering tools that enhance productivity, automate processes, and drive innovation. AI Tool Path curates and categorizes these tools, allowing users to quickly find solutions tailored to their specific needs, whether it's in project management, data analysis, customer service, or any other field where AI technologies can be applied.</p>
<p style="text-indent: 2em;">With continuous updates and an expanding directory of tools, AI Tool Path is committed to staying at the forefront of AI advancements, ensuring that our users have access to the latest and most effective AI solutions available on the market. Join us in navigating the future of AI and unlocking the full potential of AI-driven SaaS tools worldwide.</p>
</div>
</div>
</div>
</section>
<style>
/* Mobile view: content stacks vertically on smaller screens */
@media (max-width: 768px) {
.about-us__wrapper {
flex-direction: column; /* Stack content vertically */
}
}
</style>
<!-- Main Footer Start -->
<?php include 'container/footer.php'; ?>
<!-- Main Footer End -->
<!-- Footer Links -->
<?php include 'container/footer_links.php'; ?>
</body>
</html>

217
en/blog-details.php Normal file
View File

@@ -0,0 +1,217 @@
<!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 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']);
$image_name = htmlspecialchars($blog['image']);
$tags = htmlspecialchars($blog['tags']);
$description = $blog['description'];
$created_at = new DateTime($blog['created_at']);
$formatted_date = $created_at->format('d M Y');
// SEO settings
$max_description_length = 160;
$page_description = substr($description, 0, $max_description_length);
// 设置SEO相关信息
$site_title_suffix = " - AI Tool Path: The Ultimate AI Tool Directory"; // 替换为您的网站名称
$site_keywords_suffix = " - AI Tools, AI Tool Directory, AI Tool Path, AI Software, AI Tool Guide, AI Applications, AI Technology, Best AI Tools, Developer AI Tools, Marketer AI Tools, AI Tool Path,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>
<!-- 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>
<!-- Comments and Form Section -->
<?php
$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"><ul>';
while ($row = mysqli_fetch_assoc($result)) {
$comment_name = htmlspecialchars($row['name']);
$comment_message = htmlspecialchars($row['message']);
echo "<li><strong>$comment_name:</strong> $comment_message</li>";
}
echo '</ul></div>';
}
?>
<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>
</div>
<div class="col-md-6">
<div class="form-group">
<p class="contact-one__form-label">Email*</p>
<input type="email" name="email" placeholder="example@gmail.com" required="">
</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">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>
<!-- Footer -->
<?php include 'container/footer.php'; ?>
<?php include 'container/footer_links.php'; ?>
</body>
</html>
<?php
// Handle form submission
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
if (!empty($blog_id)) {
$name = mysqli_real_escape_string($conn, $_POST['name']);
$email = mysqli_real_escape_string($conn, $_POST['email']);
$message = mysqli_real_escape_string($conn, $_POST['message']);
$ip_address = $_SERVER['REMOTE_ADDR'];
$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);
}
} else {
echo "Error: Missing or invalid blog ID.";
}
}
?>
<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>

166
en/blog.php Normal file
View File

@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<?php
// Set SEO information for the blog homepage
$title = "Blog - AI Tools Navigation and Latest AI News - AI Tool Path";
$description = "Visit our blog to get the latest AI tools, technology trends, industry insights, and AI news, helping you quickly understand and leverage AI technology.";
$keywords = "AI blog, artificial intelligence news, AI tools, AI technology trends, AI industry insights";
// Include the file that contains SEO tags
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">Blog Post</p>
<h3 class="page-title__title">Check Out our Articles it may help to start your AI Journey</h3>
</div>
<p class="page-title__text">Mastering the Art of AI Tool: Unleashing the Power of <br> Automated Creativity with AI Tool Path</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;
// 计算查询的起始行
$start = ($current_page - 1) * $blogs_per_page;
// 使用准备语句查询总的博客数目
$stmt = $conn->prepare("SELECT COUNT(*) as total FROM blogs WHERE status = ?");
$status = 1;
$stmt->bind_param("i", $status);
$stmt->execute();
$stmt->bind_result($total_blogs);
$stmt->fetch();
$stmt->close();
// 计算总页数
$total_pages = ceil($total_blogs / $blogs_per_page);
// 获取当前页面的博客数据
$stmt = $conn->prepare("SELECT id, title, image, created_at FROM blogs WHERE status = ? ORDER BY created_at DESC LIMIT ?, ?");
$stmt->bind_param("iii", $status, $start, $blogs_per_page);
$stmt->execute();
$result = $stmt->get_result();
// 显示博客
while ($blog = $result->fetch_assoc()) {
$id = htmlspecialchars($blog['id']);
$title = htmlspecialchars($blog['title']);
$image_name = htmlspecialchars($blog['image']);
$created_at = new DateTime($blog['created_at']);
$formatted_date = $created_at->format('d M Y');
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='$title'>
</div>
</div>
<h3 class='blog-page__title'>
<a href='blog-details?blog=$id'>$title</a>
</h3>
</div>
</div>";
}
$stmt->close();
?>
</div>
<div class="career-page__pagination mt-5">
<ul class="pg-pagination list-unstyled">
<?php
// 构建分页的基础URL
$base_url = "?page=";
// "Previous" 按钮
if ($current_page > 1) {
echo '<li class="prev"><a href="' . $base_url . ($current_page - 1) . '" aria-label="Previous"><span class="fas fa-arrow-left"></span></a></li>';
}
if ($total_pages <= 6) {
// 如果总页数小于或等于6，显示所有页码
for ($page = 1; $page <= $total_pages; $page++) {
echo '<li class="count ' . ($page == $current_page ? 'active' : '') . '"><a href="' . $base_url . $page . '">' . $page . '</a></li>';
}
} else {
// 显示前两页
echo '<li class="count ' . ($current_page == 1 ? 'active' : '') . '"><a href="' . $base_url . '1">1</a></li>';
echo '<li class="count ' . ($current_page == 2 ? 'active' : '') . '"><a href="' . $base_url . '2">2</a></li>';
// 如果当前页码大于4，显示省略号
if ($current_page > 4) {
echo '<li class="count"><span>...</span></li>';
}
// 显示中间范围
$start_page = max(3, $current_page - 2);
$end_page = min($total_pages - 2, $current_page + 2);
for ($page = $start_page; $page <= $end_page; $page++) {
echo '<li class="count ' . ($page == $current_page ? 'active' : '') . '"><a href="' . $base_url . $page . '">' . $page . '</a></li>';
}
// 如果结束页小于总页数减去2，显示省略号
if ($end_page < $total_pages - 2) {
echo '<li class="count"><span>...</span></li>';
}
// 显示最后两页
echo '<li class="count ' . ($current_page == $total_pages - 1 ? 'active' : '') . '"><a href="' . $base_url . ($total_pages - 1) . '">' . ($total_pages - 1) . '</a></li>';
echo '<li class="count ' . ($current_page == $total_pages ? 'active' : '') . '"><a href="' . $base_url . $total_pages . '">' . $total_pages . '</a></li>';
}
// "Next" 按钮
if ($current_page < $total_pages) {
echo '<li class="next"><a href="' . $base_url . ($current_page + 1) . '" aria-label="Next"><span class="fas fa-arrow-right"></span></a></li>';
}
?>
</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>

398
en/contact.php Normal file
View File

@@ -0,0 +1,398 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<?php
// Set SEO information for the Join Us page
$title = "Submit Your AI Tool - AI Tool Path";
$description = "Join us in advancing and innovating AI tools. Submit your AI tool to help more users discover and utilize your products.";
$keywords = "Join us, AI tools, artificial intelligence, AI development, AI innovation, AI industry trends, 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 = 'en'; // Specify the language as English ('en')
// 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('You have already submitted this domain or IP address. Please do not submit again.', {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('Submission successful. It will be displayed after approval.', {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('Form submission failed. Error message: " . 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('Please fill in all required fields.', {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> <!-- Load layui.js -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-src/dist/css/layui.css" /> <!-- Load 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; /* Control form size */
margin: 0 auto; /* Center form */
}
.form-group {
margin-bottom: 20px;
}
textarea {
max-height: 200px;
overflow: auto; /* Allow scrolling when content overflows */
resize: vertical; /* Allow users to resize vertically */
}
.file-input {
display: none; /* Hide file input button */
}
</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">Submit Your AI Tool</p>
<h3 class="page-title__title">Submit your AI tool and let more users discover and use it.</h3>
</div>
<p class="page-title__text">Master the art of AI tools: unleash the power of automation and creativity with AI Tool Path</p>
<p class="page-title__text">Business cooperation: admin@aitoolpath.com</p>
<p class="page-title__text">Tool review: 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">Submit Your AI Tool</h3>
<form method="POST" action="" id="tool-form">
<div class="form-group">
<p class="contact-one__form-label">Product Name *</p>
<input type="text" name="product_name" id="product_name" placeholder="Product Name" maxlength="20" required="">
</div>
<div class="form-group">
<p class="contact-one__form-label">Domain *</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">Auto Fill with 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">Upload Logo</button>
<img id="logo_thumbnail" class="thumbnail" style="display:none;">
</div>
<div class="form-group">
<p class="contact-one__form-label">Screenshot 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">Upload Screenshot</button>
<img id="screenshot_thumbnail" class="thumbnail" style="display:none;">
</div>
<div class="form-group">
<p class="contact-one__form-label">Keywords *</p>
<input type="text" name="keywords" placeholder='AI video, AI chat' id="keywords" maxlength="120" required="">
</div>
<div class="form-group text-message-box">
<p class="contact-one__form-label">Description *</p>
<textarea name="description" id="description" placeholder='One-sentence introduction' maxlength="160" required=""></textarea>
</div>
<div class="form-group text-message-box">
<p class="contact-one__form-label">Feature Description *</p>
<textarea name="ai_description" id="ai_description" placeholder='Introduce the features, the more detailed the better' 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="Please wait...">Submit Tool</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">Processing, please wait...</div>
</div>
<!-- Free Trial Start -->
<?php include 'container/free_trail.php' ?>
<!-- Free Trial End -->
<!-- Main Footer Start -->
<?php include 'container/footer.php' ?>
<!-- Main Footer End -->
<?php include 'container/footer_links.php' ?>
<script>
// Form submission handling
$('#tool-form').on('submit', function(e) {
e.preventDefault(); // Prevent default form submission
// Check if required fields are filled
if (!$('#product_name').val() || !$('#domain').val() || !$('#keywords').val() || !$('#description').val() || !$('#ai_description').val()) {
layui.layer.msg("Please fill in all required fields.", { icon: 5 });
return;
}
// Check if domain format is correct
var domain = $('#domain').val();
var domainRegex = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-]*)*$/; // Simple domain validation regex
if (!domainRegex.test(domain)) {
layui.layer.msg("Please enter a valid domain, e.g. https://www.example.com", { icon: 5 });
return;
}
// Show loading mask and disable button
$('#loading-mask').show();
$('.contact-one__btn').attr('disabled', true);
// Submit the form
$.ajax({
url: '', // Current page, submitted to PHP processing
type: 'POST',
data: $(this).serialize(),
success: function(response, textStatus, request) {
$('#loading-mask').hide();
$('.contact-one__btn').attr('disabled', false);
// Display different messages based on the response header X-Response-Status
var responseStatus = request.getResponseHeader('X-Response-Status');
switch (responseStatus) {
case 'success':
layui.layer.msg('Submission successful. It will be displayed after approval.', { icon: 1 }, function() {
// Redirect to the specified page after the success message
window.location.href = 'contact';
});
break;
case 'duplicate':
layui.layer.msg('You have already submitted this domain or IP address. Please do not submit again.', { icon: 5 });
break;
case 'error':
layui.layer.msg('Form submission failed. Please try again.', { icon: 5 });
break;
case 'missing_fields':
layui.layer.msg('Please fill in all required fields.', { icon: 5 });
break;
default:
layui.layer.msg('An unknown error occurred. Please try again.', { icon: 5 });
}
},
error: function(xhr, status, error) {
$('#loading-mask').hide();
$('.contact-one__btn').attr('disabled', false);
layui.layer.msg('Request failed. Please try again.', { icon: 5 });
}
});
});
</script>
<script>
// AI Fill button click event
$('#ai-fill-button').click(function() {
var domain = $('#domain').val();
var productName = $('#product_name').val();
var language = '英文'; // Default language is English
if (!domain || !productName) {
layui.layer.msg("Please enter both the product name and domain.", {icon: 5});
return;
}
// Show loading mask and disable button
$('#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) {
// Hide loading mask and enable button
$('#loading-mask').hide();
$('#ai-fill-button').attr('disabled', false);
console.log('API response:', data); // Log the API response
if (data.code === 200) {
var responseData = data.data;
$('#logo_url').val(responseData.logo_filename || "Fetch failed, please enter manually");
$('#logo_thumbnail').attr('src', responseData.logo_filename).toggle(!!responseData.logo_filename);
$('#screenshot_url').val(responseData.screenshot_filename || "Fetch failed, please enter manually");
$('#screenshot_thumbnail').attr('src', responseData.screenshot_filename).toggle(!!responseData.screenshot_filename);
$('#keywords').val(responseData.keywords || "Fetch failed, please enter manually");
$('#description').val(responseData.description || "Fetch failed, please enter manually");
$('#ai_description').val(responseData.ai_description || "Fetch failed, please enter manually");
layui.layer.msg('AI Fill completed', {icon: 1});
} else {
layui.layer.msg(data.message, {icon: 5});
}
},
error: function(xhr, status, error) {
// Hide loading mask and enable button
$('#loading-mask').hide();
$('#ai-fill-button').attr('disabled', false);
console.error('Request error:', error);
layui.layer.msg('Request failed. Please try again.', {icon: 5});
}
});
});
// Upload 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', // Replace with your upload API
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(data) {
if (data.code === 200) {
console.log(data.data.file_url); // Log uploaded image URL
$('#logo_url').val(data.data.file_url);
$('#logo_thumbnail').attr('src', data.data.file_url).show();
layui.layer.msg('Logo uploaded successfully', {icon: 1});
} else {
layui.layer.msg('Logo upload failed. Please try again.', {icon: 5});
}
},
error: function(xhr, status, error) {
layui.layer.msg('Logo upload failed. Please try again.', {icon: 5});
}
});
});
// Upload Screenshot
$('#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', // Replace with your upload 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('Screenshot uploaded successfully', {icon: 1});
} else {
layui.layer.msg('Screenshot upload failed. Please try again.', {icon: 5});
}
},
error: function(xhr, status, error) {
layui.layer.msg('Screenshot upload failed. Please try again.', {icon: 5});
}
});
});
</script>
</body>
</html>

106
en/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>

59
en/container/footer.php Normal file
View File

@@ -0,0 +1,59 @@
<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">A Magical Tool to Optimize you content for the
first know who you're targeting. Identify your target audience.</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">Resources</h3>
</div>
<div class="footer-widget__resources-list-box">
<ul class="footer-widget__resources-list">
<li><a href="products">Products</a></li>
<li><a href="blog">Blog</a></li>
<li><a href="contact">Join Us</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">Company</h3>
</div>
<div class="footer-widget__company-list-box">
<ul class="footer-widget__company-list">
<li><a href="privacy-policy">Terms & Conditions</a></li>
<li><a href="privacy-policy">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">Copyright © 2024 <a href="">AI Tool Path</a>. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>

48
en/container/footer_links.php Normal file
View File

@@ -0,0 +1,48 @@
<!-- 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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-F9S9TCZEJL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-F9S9TCZEJL');
</script>

71
en/container/free_trail.php Normal file
View File

@@ -0,0 +1,71 @@
<?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 (mysqli_num_rows($result) > 0) {
$rowss = mysqli_fetch_assoc($result);
// Assign fetched data to variables
$small_heading_EN = htmlspecialchars($rowss['small_heading_CTA_EN']);
$small_heading_CN = htmlspecialchars($rowss['small_heading_CTA_CN']);
$large_heading_EN = htmlspecialchars($rowss['Large_heading_CTA_EN']);
$large_heading_CN = htmlspecialchars($rowss['Large_heading_CTA_CN']);
$btn_text_EN = htmlspecialchars($rowss['btn_text_cta_EN']);
$btn_text_CN = htmlspecialchars($rowss['btn_text_cta_CN']);
$btn_link = htmlspecialchars($rowss['btn_link']);
$long_description_EN = htmlspecialchars($rowss['long_description_CTA_EN']);
$long_description_CN = htmlspecialchars($rowss['long_description_CTA_CN']);
}
?>
<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_EN); ?></span>
</div>
<h2 class="section-title__title"><?php echo html_entity_decode($large_heading_EN); ?>
</h2>
</div>
<p class="free-trail__text"><?php echo html_entity_decode($long_description_EN); ?>
</p>
<div class="free-trail__btn-box">
<a href="<?php echo $btn_link; ?>" class="thm-btn-two free-trail__btn"><?php echo $btn_text_EN; ?><i
class="icon-up-right-arrow"></i> </a>
</div>
</div>
</div>
</div>
</section>

179
en/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">Products</a></li>
<li><a href="blog">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">Join us</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>

62
en/container/links.php Normal file
View File

@@ -0,0 +1,62 @@
<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 name="360-site-verification" content="fe8d8c3da251df36a0252d7c2fd03d0f" />
<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 -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<?php include('../cms_admin/db_connection.php');?>
<meta name="robots" content="index, follow">
<?php
// Fetch the first available record from the 'basi
$fetch_query = "SELECT * FROM basic_info LIMIT 1";
$result = $conn->query($fetch_query);
// Initialize variables to empty strings if no data is found
$m_desc= $m_keywords= $m_title=$email = $phone = $facebook = $twitter = $linked_in = $instagram = $youtube = $tiktok = '';
if ($result->num_rows > 0) {
$row = $result->fetch_assoc();
$m_title = $row['m_title'];
$m_keywords = $row['m_keywords'];
$m_desc = $row['m_desc'];
}
?>
<title> <?php echo $m_title; ?></title>
<meta name="title" content="<?php echo $m_title; ?>">
<meta name="description" content="<?php echo $m_desc; ?>">
<meta name="keywords" content="<?php echo $m_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
en/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
en/css/02-bootstrap-select.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

1244
en/css/05-rtl.css Normal file
View File

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

314
en/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
en/css/08-font-awesome.css Normal file
View File

File diff suppressed because it is too large Load Diff

177
en/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
en/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
en/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
en/css/12-swiper.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

83
en/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
en/css/14-jquery-ui.css Normal file
View File

File diff suppressed because it is too large Load Diff

351
en/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
en/css/bootstrap.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

351
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/css/module-css/header.css Normal file
View File

File diff suppressed because it is too large Load Diff

126
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/css/responsive.css Normal file
View File

File diff suppressed because it is too large Load Diff

149
en/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
en/fonts/fa-brands-400.ttf Normal file
View File

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

47
en/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
en/fonts/icomoond7e0.ttf Normal file
View File

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

12
en/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
en/images/ai_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 278 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

BIN
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/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
en/images/blog/blog-page-1-9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
en/images/brand/brand-logo-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

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