LiteSpeed
tcp/443
Open service 198.38.94.18:443 · pqbmt.ae
2026-01-23 08:57
HTTP/1.1 200 OK
Connection: close
content-type: text/html
last-modified: Mon, 14 Oct 2024 09:13:37 GMT
accept-ranges: bytes
content-length: 12786
date: Fri, 23 Jan 2026 08:57:44 GMT
server: LiteSpeed
vary: User-Agent
alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
Page title: Perfect Quality Building Materials Trading LLC
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Perfect Quality Building Materials Trading LLC</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
:root {
--primary-color: #1a5f7a;
--secondary-color: #457b9d;
--accent-color: #ffd700;
--background-color: #f8f9fa;
--text-color: #333;
--white-color: #ffffff;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif;
line-height: 1.6;
color: var(--text-color);
background-color: var(--background-color);
}
.container {
width: 85%;
margin: 0 auto;
overflow: hidden;
}
header {
background-color: var(--primary-color);
color: var(--white-color);
padding: 1rem 0;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
transition: all 0.3s ease-in-out;
}
header.scrolled {
padding: 0.5rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
nav ul {
list-style-type: none;
display: flex;
justify-content: center;
}
nav ul li {
margin: 0 20px;
}
nav ul li a {
color: var(--white-color);
text-decoration: none;
font-weight: 300;
transition: all 0.3s ease;
}
nav ul li a:hover {
color: var(--accent-color);
}
.hero {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('YOUR_HERO_IMAGE.jpg') no-repeat center center/cover;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--white-color);
padding-top: 80px;
}
.hero h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
animation: fadeInUp 1s ease-out;
}
.hero p {
font-size: 1.2rem;
max-width: 600px;
margin: 0 auto;
animation: fadeInUp 1s ease-out 0.5s both;
}
.section {
padding: 80px 0;
background: var(--background-color);
}
.section h2 {
text-align: center;
margin-bottom: 40px;
color: var(--primary-color);
font-size: 2.5rem;
}
.card-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.card {
flex-basis: calc(33.333% - 20px);
background: var(--white-color);
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: all 0.3s ease;
position: relative;
z-index: 0;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.2);
z-index: 1;
}
.card h3 {
color: var(--secondary-color);
margin-bottom: 10px;
}
.card ul {
list-style-type: none;
padding-left: 0;
}
.card ul li {
margin-bottom: 5px;
}
.card ul li::before {
content: "✓ ";
color: var(--primary-color);
}
.contact {
background-color: var(--secondary-color);
color: var(--whi