581 lines
17 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 active">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 active">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 active">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">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-six">
<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>Team Details</h2>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<i class="bx bx-chevron-right"></i>
</li>
<li>
<span>Team Details</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Page Title Section -->
<!-- Team Details Section -->
<div class="team-details-area pt-100 pb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="details-img">
<img src="assets/img/team/team-details1.jpg" alt="Team" />
</div>
</div>
<div class="col-lg-7">
<div class="details-content">
<h2>John Doe</h2>
<span>CEO/Co-Founder</span>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Suscipit atque excepturi ipsum officia quae aliquam consequatur explicabo laborum</p>
<ul class="details-info">
<li>
Age:
<span>32 Years</span>
</li>
<li>
Department:
<span>Engineering</span>
</li>
<li>
Blood Group:
<span>A+</span>
</li>
<li>
Phone:
<a href="tel:0092152151254">(001) 100 200 8000</a>
</li>
<li>
Email:
<a href="#">
<span>info2@example.com</span>
</a>
</li>
<li>
Address:
<a href="#">12,Wall Street, New York, USA</a>
</li>
</ul>
<ul class="social">
<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>
</div>
<!-- End Team Details Section -->
<!-- Biography Section -->
<div class="biography-area pb-70">
<div class="container">
<div class="row">
<div class="col-lg-2">
<h2>Biography</h2>
</div>
<div class="col-lg-10">
<div class="content">
<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>
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
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Biography Section -->
<!-- Testimonials Section -->
<section class="testimonials-area three four ptb-100">
<div class="testimonials-shape">
<img src="assets/img/testimonials-shape2.png" alt="Shape" />
<img src="assets/img/testimonials-shape3.png" alt="Shape" />
</div>
<div class="container">
<div class="testimonials-slider owl-theme owl-carousel">
<div class="testimonials-item">
<i class="bx bxs-quote-right icon"></i>
<p>Corel is excellent in their work and I really amazed to see how they managed everything throughout the year without any problem. They has an excellent sense of finance & economy.</p>
<img src="assets/img/testimonials1.jpg" alt="Testimonials" />
<h3>Toya Brahan</h3>
<span>CEO of Company</span>
<ul>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
</ul>
</div>
<div class="testimonials-item">
<i class="bx bxs-quote-right icon"></i>
<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.</p>
<img src="assets/img/testimonials2.jpg" alt="Testimonials" />
<h3>Si Sam</h3>
<span>Director</span>
<ul>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star"></i>
</li>
</ul>
</div>
<div class="testimonials-item">
<i class="bx bxs-quote-right icon"></i>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
<img src="assets/img/testimonials3.jpg" alt="Testimonials" />
<h3>John Doe</h3>
<span>Manager</span>
<ul>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star checked"></i>
</li>
<li>
<i class="bx bxs-star"></i>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Testimonials 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>