header: move images to local
Reviewed-on: #2
This commit was merged in pull request #2.
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
<div class="ribbon-content">
|
<div class="ribbon-content">
|
||||||
<div class="ribbon-company-info">
|
<div class="ribbon-company-info">
|
||||||
<img
|
<img
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
src="components/header/images/kylong-logo.png"
|
||||||
alt="Ky Long Logo"
|
alt="Ky Long Logo"
|
||||||
class="ribbon-logo"
|
class="ribbon-logo"
|
||||||
/>
|
/>
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
<div class="col-lg-6 col-md-6 col-12">
|
<div class="col-lg-6 col-md-6 col-12">
|
||||||
<div class="d-flex align-items-center">
|
<div class="d-flex align-items-center">
|
||||||
<img
|
<img
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
src="components/header/images/kylong-logo.png"
|
||||||
alt="Ky Long Logo"
|
alt="Ky Long Logo"
|
||||||
class="logo me-3"
|
class="logo me-3"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
@@ -29,112 +29,7 @@
|
|||||||
/>
|
/>
|
||||||
<body>
|
<body>
|
||||||
<!-- Header Component -->
|
<!-- Header Component -->
|
||||||
<div class="top-ribbon">
|
<div id="header"></div>
|
||||||
<div class="container-fluid px-4">
|
|
||||||
<div class="ribbon-content">
|
|
||||||
<div class="ribbon-company-info">
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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">
|
|
||||||
<button class="mobile-menu-btn me-3">
|
|
||||||
<i class="bi bi-list"></i>
|
|
||||||
</button>
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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 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">TRANG CHỦ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/contactMain" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Floating Menu Button -->
|
<!-- Floating Menu Button -->
|
||||||
<button class="floating-menu-btn" id="floatingMenuBtn">
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
||||||
@@ -301,7 +196,7 @@
|
|||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
<script src="/components/header/header.js"></script>
|
<script src="/components/header/headerLoader.js"></script>
|
||||||
<script src="contactPages/contactMain.js"></script>
|
<script src="contactPages/contactMain.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -23,112 +23,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Header Component -->
|
<!-- Header Component -->
|
||||||
<div class="top-ribbon">
|
<div id="header"></div>
|
||||||
<div class="container-fluid px-4">
|
|
||||||
<div class="ribbon-content">
|
|
||||||
<div class="ribbon-company-info">
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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">
|
|
||||||
<button class="mobile-menu-btn me-3">
|
|
||||||
<i class="bi bi-list"></i>
|
|
||||||
</button>
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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 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">TRANG CHỦ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/contactMain" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Floating Menu Button -->
|
<!-- Floating Menu Button -->
|
||||||
<button class="floating-menu-btn" id="floatingMenuBtn">
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
||||||
@@ -707,6 +602,6 @@
|
|||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="homePages/homeMain.js?v=1.1"></script>
|
<script src="homePages/homeMain.js?v=1.1"></script>
|
||||||
<script src="/components/header/header.js"></script>
|
<script src="/components/header/headerLoader.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,21 +1,23 @@
|
|||||||
<!-- views\newsPage\newsArticle1\newsArticle1.html -->
|
<!-- views\newsPage\newsArticle1\newsArticle1.html -->
|
||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="vi">
|
<html lang="vi">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Tin Tức - Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long</title>
|
<title>Tin Tức - Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="newsPages/newsArticle1/newsArticle1.css" />
|
<link rel="stylesheet" href="newsPages/newsArticle1/newsArticle1.css" />
|
||||||
</head>
|
</head>
|
||||||
@@ -490,7 +492,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
|
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,21 +1,23 @@
|
|||||||
<!-- views\newsPage\newsArticle2\newsArticle2.html -->
|
<!-- views\newsPage\newsArticle2\newsArticle2.html -->
|
||||||
<!DOCTYPE html>
|
<!doctype html>
|
||||||
<html lang="vi">
|
<html lang="vi">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Tin Tức - Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long</title>
|
<title>Tin Tức - Công ty TNHH Đầu Tư Thương Mại Dịch Vụ Kỳ Long</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="newsPages/newsArticle2/newsArticle2.css" />
|
<link rel="stylesheet" href="newsPages/newsArticle2/newsArticle2.css" />
|
||||||
</head>
|
</head>
|
||||||
@@ -292,7 +294,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
|
<script src="newsPages/newsArticle1/newsArticle1.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -29,112 +29,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Header Component -->
|
<!-- Header Component -->
|
||||||
<div class="top-ribbon">
|
<div id="header"></div>
|
||||||
<div class="container-fluid px-4">
|
|
||||||
<div class="ribbon-content">
|
|
||||||
<div class="ribbon-company-info">
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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">
|
|
||||||
<button class="mobile-menu-btn me-3">
|
|
||||||
<i class="bi bi-list"></i>
|
|
||||||
</button>
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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 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">TRANG CHỦ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/contactMain" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Floating Menu Button -->
|
<!-- Floating Menu Button -->
|
||||||
<button class="floating-menu-btn" id="floatingMenuBtn">
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
||||||
@@ -383,6 +278,6 @@
|
|||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="newsPages/newsMain/newsMain.js"></script>
|
<script src="newsPages/newsMain/newsMain.js"></script>
|
||||||
<script src="/components/header/header.js"></script>
|
<script src="/components/header/headerLoader.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -23,112 +23,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Header Component -->
|
<!-- Header Component -->
|
||||||
<div class="top-ribbon">
|
<div id="header"></div>
|
||||||
<div class="container-fluid px-4">
|
|
||||||
<div class="ribbon-content">
|
|
||||||
<div class="ribbon-company-info">
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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">
|
|
||||||
<button class="mobile-menu-btn me-3">
|
|
||||||
<i class="bi bi-list"></i>
|
|
||||||
</button>
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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 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">TRANG CHỦ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/contactMain" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Floating Menu Button -->
|
<!-- Floating Menu Button -->
|
||||||
<button class="floating-menu-btn" id="floatingMenuBtn">
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
||||||
@@ -483,6 +378,6 @@
|
|||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="productPages/productMain/productMain.js"></script>
|
<script src="productPages/productMain/productMain.js"></script>
|
||||||
<script src="/components/header/header.js"></script>
|
<script src="/components/header/headerLoader.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -9,16 +9,18 @@
|
|||||||
LONG
|
LONG
|
||||||
</title>
|
</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -139,7 +141,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.js"></script>
|
<script src="productPages/productSeparateCommerceLNG/productSeparateCommerceLNG.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -8,16 +8,18 @@
|
|||||||
PNG - Khí tự nhiên nén | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
PNG - Khí tự nhiên nén | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
||||||
</title>
|
</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -137,7 +139,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateCommercePNG/productSeparateCommercePNG.js"></script>
|
<script src="productPages/productSeparateCommercePNG/productSeparateCommercePNG.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+9
-7
@@ -8,16 +8,18 @@
|
|||||||
Đồng Hồ Đo Khí | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
Đồng Hồ Đo Khí | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG
|
||||||
</title>
|
</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -134,7 +136,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.js"></script>
|
<script src="productPages/productSeparateProductionGasMeter/productSeparateProductionGasMeter.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -9,16 +9,18 @@
|
|||||||
LONG
|
LONG
|
||||||
</title>
|
</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -137,7 +139,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateProductionPRU/productSeparateProductionPRU.js"></script>
|
<script src="productPages/productSeparateProductionPRU/productSeparateProductionPRU.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+9
-7
@@ -6,16 +6,18 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Van Điều Áp | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG</title>
|
<title>Van Điều Áp | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -134,7 +136,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.js"></script>
|
<script src="productPages/productSeparateProductionPressureRegulatorValve/productSeparateProductionPressureRegulatorValve.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
+9
-7
@@ -6,16 +6,18 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Dàn Hóa Hơi | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG</title>
|
<title>Dàn Hóa Hơi | CÔNG TY TNHH ĐẦU TƯ THƯƠNG MẠI DỊCH VỤ KỲ LONG</title>
|
||||||
<link
|
<link
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
|
|
||||||
/>
|
/>
|
||||||
<link
|
<link
|
||||||
rel="preload"
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||||||
href="components/header/header.html"
|
rel="stylesheet"
|
||||||
as="fetch"
|
|
||||||
crossorigin="anonymous"
|
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="components/header/header.css" />
|
<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="components/footer/footer.css" />
|
||||||
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
<link rel="stylesheet" href="productPages/productMain/productMain.css" />
|
||||||
<link
|
<link
|
||||||
@@ -134,7 +136,7 @@
|
|||||||
<!-- Footer Component -->
|
<!-- Footer Component -->
|
||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="components/header/header.js"></script>
|
<script src="components/header/headerLoader.js"></script>
|
||||||
<script src="productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.js"></script>
|
<script src="productPages/productSeparateProductionVaporizer/productSeparateProductionVaporizer.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -24,112 +24,7 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<!-- Header Component -->
|
<!-- Header Component -->
|
||||||
<div class="top-ribbon">
|
<div id="header"></div>
|
||||||
<div class="container-fluid px-4">
|
|
||||||
<div class="ribbon-content">
|
|
||||||
<div class="ribbon-company-info">
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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">
|
|
||||||
<button class="mobile-menu-btn me-3">
|
|
||||||
<i class="bi bi-list"></i>
|
|
||||||
</button>
|
|
||||||
<img
|
|
||||||
src="https://ik.imagekit.io/1e8470bv5/companyLogo.webp?updatedAt=1754143468028"
|
|
||||||
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 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">TRANG CHỦ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/aboutMain" class="nav-link" id="about">GIỚI THIỆU</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/productMain" class="nav-link" id="products">SẢN PHẨM</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/serviceMain" class="nav-link" id="services">DỊCH VỤ</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/newsMain" class="nav-link" id="news">TIN TỨC</a>
|
|
||||||
<span class="separator"></span>
|
|
||||||
<a href="/contactMain" class="nav-link" id="contact">LIÊN HỆ</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<!-- Floating Menu Button -->
|
<!-- Floating Menu Button -->
|
||||||
<button class="floating-menu-btn" id="floatingMenuBtn">
|
<button class="floating-menu-btn" id="floatingMenuBtn">
|
||||||
@@ -425,6 +320,6 @@
|
|||||||
<div id="footer"></div>
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script src="servicePages/serviceMain.js?v=1.0"></script>
|
<script src="servicePages/serviceMain.js?v=1.0"></script>
|
||||||
<script src="/components/header/header.js"></script>
|
<script src="/components/header/headerLoader.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user