This post is also available in:
Ukrainian
:root{
--ng-orange:#f47c20;
--ng-dark:#111111;
--ng-dark-2:#1a1a1a;
--ng-dark-3:#222222;
--ng-text:#f5f5f5;
--ng-muted:#c9c9c9;
--ng-border:rgba(255,255,255,0.10);
--ng-shadow:0 10px 30px rgba(0,0,0,0.25);
--ng-radius:18px;
--ng-max:1380px;
}
*{
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
.ng-steel-page{
background:linear-gradient(180deg,#0f0f0f 0%, #171717 100%);
color:var(--ng-text);
font-family:Arial, Helvetica, sans-serif;
line-height:1.6;
width:100%;
overflow-x:hidden;
}
.ng-steel-page a{
text-decoration:none;
}
.ng-container{
width:min(100% - 32px, var(--ng-max));
margin:0 auto;
}
.ng-section{
padding:70px 0;
}
/* BAŞLIKLAR NG TURUNCUSU */
.ng-title{
font-size:40px;
line-height:1.15;
font-weight:800;
margin:0 0 18px;
color:var(--ng-orange);
}
.ng-subtitle{
color:var(--ng-orange);
font-size:15px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:12px;
display:block;
}
.ng-h2{
font-size:30px;
line-height:1.2;
margin:0 0 16px;
color:var(--ng-orange);
font-weight:800;
}
.ng-h3{
font-size:22px;
line-height:1.25;
margin:0 0 14px;
color:var(--ng-orange);
font-weight:800;
}
.ng-lead{
font-size:18px;
color:#ececec;
max-width:850px;
margin:0;
}
.ng-muted{
color:var(--ng-muted);
}
.ng-btn-wrap{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:28px;
}
.ng-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:12px;
font-weight:700;
transition:.25s ease;
border:1px solid transparent;
}
.ng-btn-primary{
background:var(--ng-orange);
color:#fff;
}
.ng-btn-primary:hover{
background:#ff8d35;
transform:translateY(-2px);
}
.ng-btn-secondary{
background:transparent;
color:#fff;
border-color:var(--ng-border);
}
.ng-btn-secondary:hover{
border-color:var(--ng-orange);
color:var(--ng-orange);
}
.ng-hero{
position:relative;
overflow:hidden;
padding:90px 0 80px;
background:
linear-gradient(90deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.55) 45%, rgba(0,0,0,.45) 100%),
url('https://images.unsplash.com/photo-1513828583688-c52646db42da?auto=format&fit=crop&w=1800&q=80') center/cover no-repeat;
}
.ng-hero-grid{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:28px;
align-items:center;
}
.ng-hero-card{
background:rgba(20,20,20,.65);
backdrop-filter:blur(4px);
border:1px solid var(--ng-border);
border-radius:var(--ng-radius);
padding:28px;
box-shadow:var(--ng-shadow);
}
.ng-badges{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
.ng-badge{
background:rgba(255,255,255,0.04);
border:1px solid var(--ng-border);
border-radius:14px;
padding:18px 16px;
}
.ng-badge strong{
display:block;
color:var(--ng-orange);
font-size:16px;
margin-bottom:6px;
}
.ng-badge span{
color:var(--ng-muted);
font-size:14px;
}
.ng-scroll-nav{
position:sticky;
top:0;
z-index:20;
background:rgba(12,12,12,.92);
backdrop-filter:blur(10px);
border-top:1px solid var(--ng-border);
border-bottom:1px solid var(--ng-border);
}
.ng-scroll-nav-inner{
display:flex;
gap:12px;
overflow-x:auto;
white-space:nowrap;
padding:14px 0;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
}
.ng-scroll-nav-inner::-webkit-scrollbar{
height:8px;
}
.ng-scroll-nav-inner::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.20);
border-radius:20px;
}
.ng-scroll-link{
display:inline-flex;
align-items:center;
padding:10px 16px;
border:1px solid var(--ng-border);
border-radius:999px;
color:#fff;
font-size:14px;
transition:.2s ease;
background:#1a1a1a;
flex:0 0 auto;
}
.ng-scroll-link:hover{
border-color:var(--ng-orange);
color:var(--ng-orange);
}
.ng-content-grid{
display:grid;
grid-template-columns:1fr 360px;
gap:30px;
align-items:start;
}
.ng-main-card,
.ng-side-card{
background:var(--ng-dark-2);
border:1px solid var(--ng-border);
border-radius:var(--ng-radius);
box-shadow:var(--ng-shadow);
}
.ng-main-card{
padding:34px;
min-width:0;
}
.ng-side-card{
padding:26px;
position:sticky;
top:82px;
}
.ng-paragraph{
color:var(--ng-muted);
margin:0 0 16px;
font-size:16px;
}
.ng-list{
list-style:none;
padding:0;
margin:22px 0 0;
display:grid;
gap:12px;
}
.ng-list li{
position:relative;
padding-left:18px;
color:#e5e5e5;
}
.ng-list li::before{
content:"";
position:absolute;
left:0;
top:11px;
width:8px;
height:8px;
border-radius:50%;
background:var(--ng-orange);
}
.ng-chip-scroll{
overflow-x:auto;
padding-bottom:6px;
scrollbar-width:thin;
-webkit-overflow-scrolling:touch;
width:100%;
display:block;
}
.ng-chip-row{
display:flex;
gap:12px;
min-width:max-content;
flex-wrap:nowrap;
}
.ng-chip{
border:1px solid var(--ng-border);
background:#191919;
border-radius:999px;
padding:12px 18px;
color:#fff;
font-weight:600;
white-space:nowrap;
flex:0 0 auto;
}
/* TABLO SCROLL DÜZELTME */
.ng-table-scroll{
width:100%;
max-width:100%;
overflow-x:auto !important;
overflow-y:hidden;
display:block;
-webkit-overflow-scrolling:touch;
border:1px solid var(--ng-border);
border-radius:16px;
margin-top:22px;
background:#151515;
}
.ng-table-scroll::-webkit-scrollbar{
height:10px;
}
.ng-table-scroll::-webkit-scrollbar-thumb{
background:rgba(255,255,255,.22);
border-radius:20px;
}
.ng-table{
width:100%;
min-width:980px; /* scroll’un kesin çalışması için yükseltildi */
border-collapse:collapse;
background:#151515;
table-layout:auto;
}
.ng-table th,
.ng-table td{
padding:16px 18px;
text-align:left;
border-bottom:1px solid var(--ng-border);
vertical-align:top;
white-space:normal;
}
.ng-table th{
background:#1e1e1e;
color:var(--ng-orange);
font-size:14px;
text-transform:uppercase;
letter-spacing:.04em;
font-weight:800;
position:relative;
}
.ng-table td{
color:#e8e8e8;
font-size:15px;
min-width:220px;
}
.ng-process{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin-top:24px;
}
.ng-process-item{
border:1px solid var(--ng-border);
border-radius:16px;
padding:18px;
background:#181818;
}
.ng-process-number{
width:38px;
height:38px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:var(--ng-orange);
color:#fff;
font-weight:800;
margin-bottom:12px;
}
.ng-process-item strong{
display:block;
margin-bottom:8px;
font-size:17px;
color:var(--ng-orange);
}
.ng-process-item p{
margin:0;
color:var(--ng-muted);
font-size:14px;
}
.ng-card-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin-top:22px;
}
.ng-mini-card{
border:1px solid var(--ng-border);
border-radius:16px;
background:#181818;
padding:22px;
}
.ng-mini-card h4{
margin:0 0 10px;
font-size:18px;
color:var(--ng-orange);
}
.ng-mini-card p{
margin:0;
color:var(--ng-muted);
font-size:15px;
}
.ng-cta{
background:
linear-gradient(90deg, rgba(244,124,32,.20), rgba(244,124,32,.05)),
#141414;
border:1px solid rgba(244,124,32,.25);
border-radius:22px;
padding:34px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
flex-wrap:wrap;
}
.ng-cta h3{
margin:0 0 10px;
font-size:30px;
color:var(--ng-orange);
}
.ng-cta p{
margin:0;
color:var(--ng-muted);
max-width:760px;
}
.ng-side-box{
border:1px solid var(--ng-border);
border-radius:14px;
padding:16px;
background:#161616;
margin-bottom:14px;
}
.ng-side-box strong{
display:block;
color:var(--ng-orange);
margin-bottom:6px;
font-size:15px;
}
.ng-side-box span{
color:var(--ng-muted);
font-size:14px;
}
@media (max-width: 1180px){
.ng-content-grid{
grid-template-columns:1fr;
}
.ng-side-card{
position:static;
}
.ng-card-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width: 980px){
.ng-hero-grid{
grid-template-columns:1fr;
}
.ng-process{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.ng-title{
font-size:34px;
}
.ng-h2{
font-size:26px;
}
.ng-table{
min-width:900px;
}
}
@media (max-width: 640px){
.ng-section{
padding:52px 0;
}
.ng-main-card,
.ng-side-card{
padding:22px;
}
.ng-card-grid{
grid-template-columns:1fr;
}
.ng-process{
grid-template-columns:1fr;
}
.ng-badges{
grid-template-columns:1fr;
}
.ng-title{
font-size:29px;
}
.ng-lead{
font-size:16px;
}
.ng-cta h3{
font-size:24px;
}
.ng-table{
min-width:820px;
}
}
Nur Grup EngineeringSteel Warehouse Buildings
Custom-designed steel warehouse buildings for industrial storage, logistics operations,
production support, and large-scale commercial use.
Custom Engineering
Project-specific structural design and optimization
Heavy Steel Fabrication
Strong production capability for industrial structures
Certified Welding
Controlled production with qualified welding procedures
Turnkey Support
From design to fabrication, delivery, and assembly
Custom Industrial Steel SolutionsEngineered Steel Warehouse Buildings for Industrial and Commercial Projects
Steel warehouse buildings are among the most efficient structural solutions for storage,
logistics, industrial support, and production-related operations.
Usage AreasApplications of Steel Warehouse Buildings
Technical DetailsSteel Warehouse Building Technical Specifications
Request a Quote for Your Steel Warehouse Project
Share your drawings, dimensions, and technical requirements.
Nur Grup Engineering will provide the right steel warehouse solution. 
