This post is also available in:
English
: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 EngineeringСталеві складські будівлі
Спеціально спроектовані сталеві складські будівлі для промислового зберігання, логістичних операцій, підтримки виробництва
та великомасштабного комерційного використання.
Інжиніринг на замовлення
Проектування та оптимізація конструкцій для конкретних проектів
Виробництво важкої сталі
Потужний виробничий потенціал для промислових конструкцій
Сертифіковане зварювання
Контрольоване виробництво з кваліфікованими процедурами зварювання
Підтримка "під ключ"
Від проектування до виготовлення, доставки та монтажу
Індивідуальні рішення з промислової сталіІнженерні сталеві складські будівлі для промислових і комерційних проектів
Сталеві складські будівлі є одним з найбільш ефективних конструктивних рішень для зберігання,
логістики, промислової підтримки та операцій, пов'язаних з виробництвом.
Сфери використанняЗастосування сталевих складських будівель
Технічні деталіТехнічні характеристики будівлі сталевого складу
Запросіть комерційну пропозицію для вашого проекту складу металоконструкцій
Поділіться своїми кресленнями, розмірами та технічними вимогами.
Нур Груп Інжиніринг запропонує правильне рішення для сталевого складу.