cloudflare
tcp/443 tcp/80 tcp/8443
Open service 2a06:98c1:3120::3:8443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=uO7CzqFXbPnWgjPtB5zhyu%2BkRF1FSA%2FQ%2FseumQLQ%2FRxI0DS1SgUHgGLrVURmN4jZZ12KH40Uqwe6ZMdGqEAx0USLGgAmJ0ft53FXRCS0RhX8WW6teGxrj%2BGWnG0G"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356b21cbbb10b-FRA
alt-svc: h3=":8443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 2a06:98c1:3120::3:443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:31 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=AYWWPS8DHa3bb3INCJhkQuhp7Syjbr%2FjXP9uIpSEEkPRBmVHRLVTHQqFfNaUZ4PcJu4cBDeXJYLi5%2BrbFijerAKYePSccxMtuvdVqdrOc6D8PQLgiD9p4U0rpOJu"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356b21b4118d3-FRA
alt-svc: h3=":443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 2a06:98c1:3120::3:80 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Length: 0
Connection: close
Location: https://019-072.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=K9lcUJJkCTPPia77sNV23QxDVuKjBvVEyMjydFHZs7BTlHoGffwgQkwQrjSGWy%2F%2F79mCw1YuKQp7hbDONPqTwewR1H0kElbKPY3obI%2Fli0Tm2gtjOTgGuYkrRjAw"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356b0bcf8d40e-FRA
alt-svc: h3=":443"; ma=86400
Open service 2a06:98c1:3121::3:8443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=JPc5FyeS3fpyCwoLTrWilT0zdT4etGOZZNAIp9SxLkN8G%2Be%2BkdXPZeYalEJmPm2fMNYXGB%2BpIOEr5i6sGE61%2BXpxM3W1FENtPF57%2BeSHbewbZdFqmHbgLIRswlHz"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356aced3eaab4-YYZ
alt-svc: h3=":8443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 2a06:98c1:3121::3:443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=lS9O0qWLyxRTFnvRLgM%2BxUjIP%2BE0kBBzeEIJTTcjK%2BEU0Z9kKv2ojejWR1FhzMgirMe4n5G828ZbFFdTYA3N6WMYTDEvr83xzhQLvVD3EUvPnAFqrBUDaoGeZhtU"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356acd98e0e3b-AMS
alt-svc: h3=":443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 2a06:98c1:3121::3:80 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Length: 0
Connection: close
Location: https://019-072.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=CWYPL36C8CF8a5NzulxYv0bL8RXIM2O%2B%2B3PtpU%2FHqwhnTJkNJ2bpPb84VSGOYLoGQxOauqoNtIV%2FVe8xwHsSEAdddMRhner%2BEk8e4mAjLpTL0TgMLenDA1n1G6fg"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356ac3a5dbb4a-FRA
alt-svc: h3=":443"; ma=86400
Open service 188.114.97.3:443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=%2F%2FJmBXVU0f3Sj5bOyMj5ai%2B1yhGn1sqApFIs6Gv%2Bqdi80CcTxKcWUmeM%2BSMjWWYHLwz4iBPpGL8Jrhicc3L%2FwTHDXmoS4rttTjMOM3IkKeV6"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356ac5bd0ce57-SIN
alt-svc: h3=":443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 188.114.97.3:8443 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 200 OK
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Type: text/html; charset=utf-8
Content-Length: 14425
Connection: close
Access-Control-Allow-Origin: *
Cache-Control: public, max-age=0, must-revalidate
ETag: "4b2d50b057dcf36b885d4a5ad43edf22"
referrer-policy: strict-origin-when-cross-origin
x-content-type-options: nosniff
Vary: accept-encoding
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=i9Y4WmmO1ilRWOCSGxYFTGH1nmrUWYUyRcqseZmaB4iv%2F10ucXrKqx9tT8r5YYDZ4FRVNnM4t0gwj4shpqTItBZJXyIvikzyzSJYlcJZppyR"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356ac6dc166a2-AMS
alt-svc: h3=":8443"; ma=86400
Page title: Northern First Construction Group Co., Ltd.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./assets/favicon.ico">
<title>Northern First Construction Group Co., Ltd.</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
.bg-about{
background-color:#010920;
}
.bg-footer{
background-color:#06102c;
}
.bg-icons{
background-color:#06102e;
}
.bg-cards{
background-color:#080c16;
}
.bg-cover-home {
background-image: url('./assets/bg.jpg');
background-size: cover;
background-position: center;
}
.bg-cover-contact {
background-image: url('./assets/footerbg.png');
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.navbar {
background-color:#010920 !important; /* bg-neutral-700 */
}
}
/* Container for the logo and text content */
footer .container {
max-width: 960px;
margin: 0 auto;
}
/* Logo size */
footer img {
height: 40px; /* Adjust the height as needed */
}
</style>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script>
function toggleMenu() {
document.getElementById('mobile-menu').classList.toggle('hidden');
}
function scrollToTop() {
window.scrollTo({ top: 0, behavior: 'smooth' });
}
window.addEventListener('scroll', function() {
const navbar = document.getElementById('navbar');
const homeSection = document.getElementById('home');
const homeSectionHeight = homeSection.offsetHeight;
if (window.scrollY > homeSectionHeight || window.innerWidth <= 768) {
navbar.classList.add('bg-neutral-700');
} else {
navbar.classList.remove('bg-neutral-700');
}
});
</script>
</head>
<body class="bg-gray-100 text-gray-900">
<!-- Navbar -->
<nav id="navbar" class="navbar bg-transparent fixed w-full z-10 top-0">
<div class="container mx-auto px-6 py-3 flex justify-between items-center">
<div class="text-2xl font-bold text-white">
<img src="./assets/logo.png" alt="">
</div>
<div class="md:hidden">
<button class="text-white focus:outline-none" onclick="toggleMenu()">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<div class="hidden md:flex space-x-4">
<a href="#home" class="text-white hover:text-blue-500">Home</a>
<a href="#about" class="text-white hover:text-blue-500">About</a>
<a href="#contact" class="text-white hover:text-blue-500">Contact</a>
</div>
</div>
<div class="hidden md:hidden" id="mobile-menu">
<a href="#home" class="block text-white hover:text-blue-500 px-4 py-2">Home</a>
<a href="#about" class="block text-white hover:text-blue-500 px-4 py-2">About</a>
<a href="#contact" class="block text-white hover:text-blue-500 px-4 py-2">Contact</a>
</div>
</nav>
<!-- Home Section -->
<section id="home" class="bg-cover-home text-white h-screen flex items-center justify-center relative">
<div class="absolute top-0 left-0 w-full h-full bg-black opa
Open service 188.114.97.3:80 · 019-072.pages.dev
2026-01-11 09:20
HTTP/1.1 301 Moved Permanently
Date: Sun, 11 Jan 2026 09:20:30 GMT
Content-Length: 0
Connection: close
Location: https://019-072.pages.dev/
Report-To: {"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=mID%2BHrE031uf9FVE3XZC8VgL9m473YBE3%2FbLnYxYmMEAcL8oMWoUuyjmlHU9cApi1lv3%2F2vxiThY1Kw6R1CLCFZptT9Cba%2Bi0%2Bmj7PCImlg8"}]}
Nel: {"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
Server: cloudflare
CF-RAY: 9bc356abeccc4210-EWR
alt-svc: h3=":443"; ma=86400