hiep200311
149 lines
4.8 KiB
HTML
149 lines
4.8 KiB
HTML
<!-- views\components\header\header.html -->
|
|
<!doctype html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Kỳ Long Header</title>
|
|
</head>
|
|
<body>
|
|
<!-- Top Orange Ribbon -->
|
|
<div class="top-ribbon">
|
|
<div class="container-fluid px-4">
|
|
<div class="ribbon-content">
|
|
<div class="ribbon-company-info">
|
|
<img
|
|
src="components/header/images/kylong-logo.png"
|
|
alt="Ky Long Logo"
|
|
class="ribbon-logo"
|
|
/>
|
|
<span class="ribbon-company-name">KỲ LONG</span>
|
|
<span>Thắp sáng tương lai, vững bền thành quả</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Header Section -->
|
|
<header class="header py-3">
|
|
<div class="container-fluid px-4">
|
|
<div class="row align-items-center">
|
|
<!-- Logo and Company Info -->
|
|
<div class="col-lg-6 col-md-6 col-12">
|
|
<div class="d-flex align-items-center">
|
|
<img
|
|
src="components/header/images/kylong-logo.png"
|
|
alt="Ky Long Logo"
|
|
class="logo me-3"
|
|
/>
|
|
<div class="company-info">
|
|
<div>
|
|
<a
|
|
href="/"
|
|
title="Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long"
|
|
class="company-name"
|
|
>
|
|
CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
|
</a>
|
|
</div>
|
|
<div class="company-slogan">
|
|
Thắp sáng tương lai, vững bền thành quả
|
|
</div>
|
|
<div class="company-year">SINCE 2010</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Contact Info - Horizontal Layout -->
|
|
<div class="col-lg-6 col-md-6 col-12 header-contact-section">
|
|
<div class="row g-3">
|
|
<!-- Address -->
|
|
<div class="col-md-6 col-12">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="contact-icon2 d-flex align-items-center justify-content-center me-2"
|
|
>
|
|
<i class="bi bi-geo-alt-fill"></i>
|
|
</div>
|
|
<div class="contact-text">
|
|
<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>
|
|
|
|
<!-- Email -->
|
|
<div class="col-md-6 col-12">
|
|
<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 class="contact-text">
|
|
<div>Email:</div>
|
|
<div class="contact-text">info@kylongtech.com</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Navigation Section -->
|
|
<nav class="nav-container">
|
|
<div class="container-fluid px-4">
|
|
<div class="navbar-nav d-flex flex-row justify-content-around py-3">
|
|
<a
|
|
href="/"
|
|
class="nav-link"
|
|
id="home"
|
|
title="Trang Chủ Kỳ Long - Dịch vụ khí đốt công nghiệp"
|
|
>TRANG CHỦ</a
|
|
>
|
|
<a
|
|
href="/aboutMain"
|
|
class="nav-link"
|
|
id="about"
|
|
title="Giới thiệu về Công ty Kỳ Long - Chuyên gia khí đốt"
|
|
>GIỚI THIỆU</a
|
|
>
|
|
<a
|
|
href="/productMain"
|
|
class="nav-link"
|
|
id="products"
|
|
title="Sản phẩm khí đốt và thiết bị công nghiệp Kỳ Long"
|
|
>SẢN PHẨM</a
|
|
>
|
|
<a
|
|
href="/serviceMain"
|
|
class="nav-link"
|
|
id="services"
|
|
title="Dịch vụ cung cấp khí đốt công nghiệp Kỳ Long"
|
|
>DỊCH VỤ</a
|
|
>
|
|
<a
|
|
href="/newsMain"
|
|
class="nav-link"
|
|
id="news"
|
|
title="Tin tức và cập nhật từ Kỳ Long"
|
|
>TIN TỨC</a
|
|
>
|
|
<a
|
|
href="/contactMain"
|
|
class="nav-link"
|
|
id="contact"
|
|
title="Liên hệ với Kỳ Long - Đối tác khí đốt tin cậy"
|
|
>LIÊN HỆ</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|