561 lines
16 KiB
HTML
Raw Normal View History

2025-06-30 10:02:03 +08:00
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/css/boxicons.min.css" />
<link rel="stylesheet" href="assets/css/meanmenu.css" />
<link rel="stylesheet" href="assets/css/animate.min.css" />
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
<link rel="stylesheet" href="assets/fonts/flaticon.css" />
<link rel="stylesheet" href="assets/css/modal-video.min.css" />
<link rel="stylesheet" href="assets/css/odometer.min.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
<title>Corel - Corporate Business HTML Template</title>
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
</head>
<body>
<!-- Preloader -->
<div class="loader">
<div class="d-table">
<div class="d-table-cell">
<div class="pre-load">
<div class="inner one"></div>
<div class="inner two"></div>
<div class="inner three"></div>
</div>
</div>
</div>
</div>
<!-- End Preloader -->
<!-- Header -->
<div class="navbar-area sticky-top">
<div class="mobile-nav">
<a href="index.html" class="logo">
<img src="assets/img/logo-three.png" alt="Logo" />
</a>
</div>
<div class="main-nav four">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo-three.png" alt="Logo" />
</a>
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Home <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="index.html" class="nav-link">Home Demo One</a>
</li>
<li class="nav-item">
<a href="index-2.html" class="nav-link">Home Demo Two</a>
</li>
<li class="nav-item">
<a href="index-3.html" class="nav-link">Home Demo Three</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Pages <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Users <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="sign-in.html" class="nav-link">Sign In</a>
</li>
<li class="nav-item">
<a href="sign-up.html" class="nav-link">Sign Up</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Team <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="team.html" class="nav-link">Team</a>
</li>
<li class="nav-item">
<a href="team-details.html" class="nav-link">Team Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="pricing.html" class="nav-link">Pricing</a>
</li>
<li class="nav-item">
<a href="testimonials.html" class="nav-link">Testimonials</a>
</li>
<li class="nav-item">
<a href="faq.html" class="nav-link">FAQ</a>
</li>
<li class="nav-item">
<a href="404.html" class="nav-link">404 Error Page</a>
</li>
<li class="nav-item">
<a href="coming-soon.html" class="nav-link">Coming Soon</a>
</li>
<li class="nav-item">
<a href="privacy-policy.html" class="nav-link">Privacy Policy</a>
</li>
<li class="nav-item">
<a href="terms-conditions.html" class="nav-link">Terms & Conditions</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Services <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="services.html" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="service-details.html" class="nav-link">Service Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Projects <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="projects.html" class="nav-link">Projects</a>
</li>
<li class="nav-item">
<a href="project-details.html" class="nav-link">Project Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle active">Blog <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="blog.html" class="nav-link active">Blog</a>
</li>
<li class="nav-item">
<a href="blog-details.html" class="nav-link">Blog Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
<div class="side-nav">
<div class="nav-search">
<i id="search-btn" class="bx bx-search-alt"></i>
<div id="search-overlay" class="block">
<div class="centered">
<div id="search-box">
<i id="close-btn" class="bx bx-x"></i>
<form>
<input type="text" class="form-control" placeholder="Search..." />
<button type="submit" class="btn">Search</button>
</form>
</div>
</div>
</div>
</div>
<div class="dropdown nav-flag-dropdown">
<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="assets/img/flag1.jpg" alt="Flag" />
Eng
<i class="bx bx-chevron-down"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">
<img src="assets/img/flag2.jpg" alt="Flag" />
Ger
</a>
<a class="dropdown-item" href="#">
<img src="assets/img/flag3.jpg" alt="Flag" />
Isr
</a>
<a class="dropdown-item" href="#">
<img src="assets/img/flag4.jpg" alt="Flag" />
USA
</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- End Header -->
<!-- Title Section -->
<div class="page-title-area title-bg-four">
<div class="title-shape">
<img src="assets/img/title/title-bg-shape.png" alt="Shape" />
</div>
<div class="d-table">
<div class="d-table-cell">
<div class="container">
<div class="title-content">
<h2>Blog</h2>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
</li>
<li>
<span>Blog</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Title Section -->
<!-- Blog Section -->
<section class="blog-area three ptb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog2.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>12 Mar, 2021</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Become a leader in business</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog3.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>11 Jan, 2022</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Good financial practices</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog4.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>14 Jan, 2022</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Good financial practices</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog5.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>15 Mar, 2022</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Good financial practices</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog6.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>16 Mar, 2022</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Become a leader in business</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
<div class="col-lg-6">
<div class="blog-item">
<a href="blog-details.html">
<img src="assets/img/blog/blog7.jpg" alt="Blog" />
</a>
<ul>
<li>
<i class="bx bxs-calendar"></i>
<span>17 Mar, 2022</span>
</li>
<li>
<i class="bx bxs-user"></i>
<span>By:</span>
<a href="#">Admin</a>
</li>
<li>
<i class="bx bxs-comment-detail"></i>
<a href="#">2 Comments</a>
</li>
</ul>
<h3>
<a href="blog-details.html">Become a leader in business</a>
</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, omnis accusamus magni quisquam deserunt quis impedit enim, iure atque eveniet cumque</p>
<a class="blog-btn" href="#">Read More</a>
</div>
</div>
</div>
<div class="pagination-area">
<ul>
<li>
<a href="#">Prev</a>
</li>
<li>
<a class="active" href="#">1</a>
</li>
<li>
<a href="#">2</a>
</li>
<li>
<a href="#">3</a>
</li>
<li>
<a href="#">Next</a>
</li>
</ul>
</div>
</div>
</section>
<!-- End Blog Section -->
<!-- Footer -->
<footer class="footer-area pt-100">
<div class="container">
<div class="row">
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-logo">
<a class="footer-corel" href="index.html">
<img src="assets/img/logo-three.png" alt="Logo" />
</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur quaerat quo unde</p>
<ul>
<li>
<a href="#" target="_blank">
<i class="bx bxl-facebook"></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="bx bxl-twitter"></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="bx bxl-linkedin"></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="bx bxl-instagram"></i>
</a>
</li>
<li>
<a href="#" target="_blank">
<i class="bx bxl-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-hours">
<h3>Open Hours</h3>
<ul>
<li>Monday <span>8:00 - 20:00</span></li>
<li>Tuesday <span>8:00 - 20:00</span></li>
<li>Wednesday <span>8:00 - 20:00</span></li>
<li>Thursday <span>8:00 - 20:00</span></li>
<li>Sunday <span>8:00 - 20:00</span></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-link">
<h3>Links</h3>
<ul>
<li>
<i class="bx bx-chevron-right"></i>
<a href="about.html">About</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
<a href="services.html">Services</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
<a href="projects.html">Projects</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
<a href="blog.html">Blog</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
<a href="faq.html">FAQ</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-3">
<div class="footer-item">
<div class="footer-contact">
<h3>Contact Info</h3>
<ul>
<li>
<i class="bx bxs-location-plus"></i>
<span>113 Corel, New Jercy, USA</span>
</li>
<li>
<i class="bx bxs-phone-call"></i>
<a href="tel:+50080001000">+500-8000-1000</a>
<a href="tel:+50080001002">+500-8000-1002</a>
</li>
<li>
<i class="bx bxs-paper-plane"></i>
<a href="#">
<span>info@example.com</span>
</a>
<a href="#">
<span>info2@example.com</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area">
<div class="container">
<p>Copyright @ 2025 <a target="_blank" href="https://www.mobanwang.com/" title="网站模板">网站模板</a></p>
</div>
</div>
<div class="footer-shape">
<img src="assets/img/footer-bg.png" alt="Footer" />
</div>
</footer>
<!-- End Footer -->
<!-- Go To Top -->
<div class="go-top">
<i class="bx bxs-up-arrow-alt"></i>
<i class="bx bxs-up-arrow-alt"></i>
</div>
<!-- End Go To Top -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/form-validator.min.js"></script>
<script src="assets/js/jquery.meanmenu.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery-modal-video.min.js"></script>
<script src="assets/js/odometer.min.js"></script>
<script src="assets/js/jquery.appear.min.js"></script>
<script src="assets/js/smoothscroll.min.js"></script>
<script src="assets/js/custom.js"></script>
</body>
</html>