hiepht/PresentCorpo
0
0
Fork 0
forked from MinhQuan/PresentCorpo
Code Pull Requests Activity
Files
42429b150970d7dcffce544576cd73acc2c86dad
PresentCorpo/views/aboutPages/aboutMain.html
T
MinhQuan 42429b1509 footer: add footer loader
2026-06-03 03:42:39 +07:00

315 lines
11 KiB
HTML
Raw Blame History

<!-- views/aboutPages/aboutMain.html -->
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG - Giới Thiệu</title>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css"
/>
<link href="/components/header/header.css?v=1.1" rel="stylesheet" />
<link rel="stylesheet" href="components/footer/footer.css" />
<link rel="stylesheet" href="aboutPages/aboutMain.css" />
</head>
<body>
<!-- Header Component -->
<div id="header"></div>
<!-- Floating Menu Button -->
<button class="floating-menu-btn" id="floatingMenuBtn">
<i class="bi bi-list"></i>
</button>
<!-- Sidebar Overlay -->
<div class="sidebar-overlay" id="sidebarOverlay"></div>
<!-- Sidebar -->
<div class="sidebar" id="sidebar">
<div class="sidebar-header">
<img
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
alt="Ky Long Logo"
class="sidebar-logo"
/>
<button class="close-sidebar">
<i class="bi bi-x-lg"></i>
</button>
</div>
<nav class="sidebar-nav">
<a href="/" class="nav-link">TRANG CHỦ</a>
<a href="/aboutMain" class="nav-link">GIỚI THIỆU</a>
<a href="/productMain" class="nav-link">SẢN PHẨM</a>
<a href="/serviceMain" class="nav-link">DỊCH VỤ</a>
<a href="/newsMain" class="nav-link">TIN TỨC</a>
<a href="/contactMain" class="nav-link">LIÊN HỆ</a>
</nav>
<div class="sidebar-contact">
<div class="d-flex align-items-center mb-3">
<div
class="contact-icon2 d-flex align-items-center justify-content-center me-2"
>
<i class="bi bi-geo-alt-fill"></i>
</div>
<div>
<div>Lầu 12, số 27 Đinh Bộ Lĩnh,</div>
<div>P. Bình Thạnh, TP.Hồ Chí Minh</div>
</div>
</div>
<div class="d-flex align-items-center">
<div
class="contact-icon d-flex align-items-center justify-content-center me-2"
>
<i class="bi bi-envelope-open-fill"></i>
</div>
<div>
<div>Email:</div>
<div>info@kylongtech.com</div>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="hero">
<img
src="https://ik.imagekit.io/1e8470bv5/about-banner.png?updatedAt=1750347696406"
alt="About Banner"
/>
</div>
<!----- ABOUT SECTION HTML ----->
<section class="about-section" id="gioi-thieu">
<div class="about-content">
<div class="about-image">
<div class="video-wrapper">
<img
src="https://i.imgur.com/738wFGw.png"
alt="Kỹ thuật viên Kỳ Long"
/>
<div class="play-button">
<i class="fa fa-play-circle"></i>
</div>
</div>
</div>
<div class="about-text">
<h1 class="page-intro">Công ty TNHH Thương Mại Dịch Vụ Kỳ Long</h1>
<h2 class="sub-intro"></h2>
<p>
Chào mừng bạn đến với Công ty KỲ LONG, một công ty năng lượng uy tín
có nhiều kinh nghiệm trong công việc cung cấp khí đốt tự nhiên cho
các khách hàng công nghiệp.
</p>
<p>
Cam kết mạnh mẽ của chúng tôi trong việc làm hài lòng khách hàng và
cung cấp đổi mới đã giúp chúng tôi trở thành một đối tác đáng tin
cậy cho các doanh nghiệp đang tìm kiếm các giải pháp năng lượng đáng
tin cậy.
</p>
<p>
Đội ngũ kỹ sư tận tâm của chúng tôi đảm bảo sự mịn màng và tối ưu
hóa năng lượng thụ dưỡng cho mọi khách hàng, sử dụng công nghệ tiên
tiến nhất và các phương pháp tiếp cận sáng tạo tiếp theo.
</p>
<p>
Hãy tham gia cùng chúng tôi trong nỗ lực thúc đẩy một tương lai sạch
hơn, bền vững hơn và thịnh vượng về kinh tế cho các ngành công
nghiệp khác nhau.
</p>
</div>
</div>
</section>
<!----- DEVELOPMENT HISTORY SECTION HTML ----->
<section class="history-section" id="lich-su-phat-trien">
<div class="history-content">
<h2 class="section-title">Lịch Sử Phát Triển</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-year">2010</div>
<div class="timeline-description">
Thành lập công ty và bắt đầu hoạt động trong lĩnh vực cung cấp khí
đốt công nghiệp.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2011</div>
<div class="timeline-description">
Mở rộng quy mô hoạt động và thiết lập quan hệ đối tác với các nhà
cung cấp lớn.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2013</div>
<div class="timeline-description">
Triển khai các dự án lớn và tăng cường năng lực sản xuất.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2014</div>
<div class="timeline-description">
Phát triển các giải pháp năng lượng tiên tiến và bền vững.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2015</div>
<div class="timeline-description">
Mở rộng thị trường và tăng cường dịch vụ khách hàng.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2016</div>
<div class="timeline-description">
Đầu tư vào công nghệ mới và nâng cao chất lượng sản phẩm.
</div>
</div>
<div class="timeline-item">
<div class="timeline-year">2017</div>
<div class="timeline-description">
Khẳng định vị thế là một trong những nhà cung cấp khí đốt hàng đầu
trong khu vực.
</div>
</div>
</div>
</div>
</section>
<!----- BUSINESS CULTURE SECTION HTML ----->
<section class="business-culture-section" id="van-hoa-doanh-nghiep">
<div class="culture-content">
<h2 class="section-title">Văn Hoá Doanh Nghiệp</h2>
<div class="culture-container">
<div class="culture-left">
<div class="culture-item">
<h3 class="culture-title">Tầm Nhìn</h3>
<div class="culture-text">
<p>
Tại <strong>Kỳ Long</strong>, chúng tôi luôn đề cao việc học
hỏi và cải tiến. Bằng việc không ngừng đổi mới, chúng tôi luôn
hướng đến mục tiêu dẫn đầu ngành năng lượng.
</p>
</div>
</div>
<div class="culture-image middle-image">
<img
src="https://i.imgur.com/l5eqS2D.png"
alt="Gas Transport Systems"
/>
</div>
<div class="culture-item">
<h3 class="culture-title">Triết Lý Kinh Doanh</h3>
<div class="culture-text">
<p>
Tiến đến mục tiêu tiên bộ công nghệ để tối ưu hóa quy trình và
cung cấp dịch vụ phân phối khí hàng đầu. Dự đoán sự thay đổi
của thị trường và thích ứng với các xu hướng và thách thức
mới.
</p>
</div>
</div>
</div>
<div class="culture-right">
<div class="culture-image">
<img
src="https://i.imgur.com/3xts2iI.png"
alt="Industrial Gas Facility"
/>
</div>
<div class="culture-item">
<h3 class="culture-title">Sứ Mệnh</h3>
<div class="culture-text">
<p>
Tiến đến mục tiêu tiên bộ công nghệ để tối ưu hóa quy trình và
cung cấp dịch vụ phân phối khí hàng đầu. Dự đoán sự thay đổi
của thị trường và thích ứng với các xu hướng và thách thức
mới.
</p>
</div>
</div>
<div class="culture-image">
<img
src="https://i.imgur.com/eOMemEG.png"
alt="Kỹ thuật viên Kỳ Long"
/>
</div>
</div>
</div>
</div>
</section>
<!----- MANAGEMENT TEAM SECTION HTML ----->
<section class="management-team-section" id="doi-ngu-quan-ly">
<div class="team-content">
<h2 class="section-title">Đội ngũ quản lý</h2>
<div class="team-members">
<div class="team-member">
<div class="member-image">
<img
src="https://i.imgur.com/yQz0eeM.png"
alt="Trần Kỳ Phong - Giám đốc điều hành"
/>
</div>
<div class="member-info">
<h3 class="member-name">Trần Kỳ Phong</h3>
<p class="member-position">Giám đốc điều hành</p>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img
src="https://i.imgur.com/miUmz82.jpeg"
alt="Jonas Guiliani - Giám đốc mua hàng"
/>
</div>
<div class="member-info">
<h3 class="member-name">Jonas Guiliani</h3>
<p class="member-position">Giám đốc mua hàng</p>
</div>
</div>
<div class="team-member">
<div class="member-image">
<img
src="https://i.imgur.com/lIeYaAP.png"
alt="Nguyễn Hoàng Long - Giám đốc vận hành"
/>
</div>
<div class="member-info">
<h3 class="member-name">Nguyễn Hoàng Long</h3>
<p class="member-position">Giám đốc vận hành</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Component -->
<div id="footer"></div>
<!-- Scripts -->
<script src="/components/header/headerLoader.js"></script>
<script src="aboutPages/aboutMain.js?v=1.1"></script>
<script src="/components/footer/footerLoader.js"></script>
</body>
</html>
View Git Blame Copy Permalink