2025-06-30 10:02:03 +08:00

483 lines
16 KiB
HTML

<!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 active">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 active">Project Details</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="#" class="nav-link dropdown-toggle">Blog <i class="bx bx-chevron-down"></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<a href="blog.html" class="nav-link">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 -->
<!-- Page Title Section -->
<div class="page-title-area title-bg-three">
<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>Project Details</h2>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
</li>
<li>
<span>Project Details</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Page Title Section -->
<!-- Projects Details Section -->
<div class="project-details-area pt-100">
<div class="container">
<div class="details-img">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="img-left">
<img src="assets/img/projects/project-details1.jpg" alt="Details" />
</div>
</div>
<div class="col-lg-6">
<div class="content-right">
<h2>Business Planning For <span>Corel</span> Corporation</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
</p>
<ul>
<li>
Client:
<span>Corel Corporation</span>
</li>
<li>
Category:
<span>Investment Planning</span>
</li>
<li>
Date:
<span>24th Mar, 2021</span>
</li>
<li>
Website:
<a href="#">www.google.com</a>
</li>
</ul>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout</p>
</div>
</div>
</div>
</div>
<div class="details-handle">
<h2>How We <span>Handle</span> The Project</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it
to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages
</p>
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of
letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text
</p>
</div>
<div class="details-most">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="most-left">
<img src="assets/img/projects/project-details2.jpg" alt="Details" />
</div>
</div>
<div class="col-lg-6">
<div class="most-right">
<h2>Most <span>Challenging</span> Part Of This Project</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et
ea rebum. Stet clita kasd gubergren, no sea takimata
</p>
<ul>
<li>Affordable Budget to fulfill your dream easily</li>
<li>100% Satisfaction Guarantee until the work has done</li>
<li>Highly Professional Staff are engaged in any work</li>
<li>Accurate Testing Processes for the future security</li>
<li>25+ Years Of Experience Work with global</li>
</ul>
</div>
</div>
</div>
</div>
<div class="details-summary">
<h2>Project Summary</h2>
<p>
are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to
use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined
</p>
</div>
</div>
</div>
<!-- End Projects Details Section -->
<!-- Newsletter Section -->
<section class="subscribe-area four ptb-100 mtb-100">
<div class="subscribe-img">
<img src="assets/img/subscribe-main2.png" alt="Subscribe" />
</div>
<div class="container">
<div class="subscribe-wrap">
<div class="section-title two">
<h2>Subscribe Our Newsletter</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis libero facilis consequatur deleniti, ipsa provident? Culpa tenetur incidunt</p>
</div>
<form class="newsletter-form" data-toggle="validator">
<input type="email" class="form-control" placeholder="Enter Your Email" name="EMAIL" required autocomplete="off" />
<button class="btn common-btn" type="submit">
Subscribe
<span></span>
</button>
<div id="validator-newsletter" class="form-result"></div>
</form>
</div>
</div>
</section>
<!-- End Newsletter 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>