Профнастил алюминиевый для несущих конструкций 1.2мм

* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}

.container {
display: flex;
justify-content: center;
align-items: center;
height: auto;
min-height: 10vh;
padding: 20px;
}

.card {
display: flex;
max-width: 900px;
height: 400px;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.image-box {
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
}

.image-box img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 100%;
transition: transform 0.3s ease, filter 0.3s ease;
}

.image-box:hover img {
transform: scale(1.2);
filter: blur(5px);
}

.image-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 18px;
font-weight: bold;
opacity: 0;
transition: opacity 0.5s;
padding: 10px;
border-radius: 5px;
width: 100%;
text-align: center;


text-shadow: 2px 2px 5px black;
}

.image-box:hover .image-text {
opacity: 1;
}

.text-box {
width: 50%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}

.text-box .title {
font-size: 24px;
margin-bottom: 10px;
}

.text-box .subtitle {
font-size: 16px;
color: #555;
}

.highlight {
display: inline-block;
position: relative;
}

.highlight::after {
content: "";
position: absolute;
width: 100%;
height: 4px;
background: blue;
bottom: -2px;
left: 0;
transition: height 0.3s;
}

.highlight:hover::after {
height: 100%;
opacity: 0.3;
}

table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 10px;
table-layout: fixed;
}

th, td {
padding: 12px;
text-align: left;
border-bottom: 1px solid #ddd;
}

th {
background-color: #2661FF;
color: #333;
}

td {
border-right: none;
word-wrap: break-word;
}

th:last-child, td:last-child {
border-right: none;
}

tbody tr:hover {
background: #6891FF;
color: #000000;
transform: scale(1.05, 1.09);
transition: transform 0.2s;
}

.container88 {
border: 3px solid #FFFFFF;
padding: 20px;
background: #FFFF;
border-radius: 1px;
overflow: hidden;
max-width: none;
margin-bottom: 1px;
}

.table-header {
font-size: 20px;
font-weight: bold;
background-color: #2661FF;
color: #fff;
padding: 12px;
margin-bottom: 10px;
text-align: center;
}

.services-title {
font-size: 32px;
margin-bottom: 20px;
color: #005eff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}

.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);

max-width: 900px;
margin: 0 auto;
overflow: hidden;
}

.box {
background: linear-gradient(135deg, #005eff, #00aaff);
border-radius: 20px;
padding: 20px;
text-align: center;
color: white;
font-size: 18px;
font-weight: bold;
box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 150px;
width: 100%;
overflow: hidden;
}

.box:hover {
transform: scale(1.05);
box-shadow: 0 0 30px rgba(0, 123, 255, 0.6);
background-color: #007acc;
}

.box::before {
font-size: 36px;
margin-bottom: 15px;
transition: font-size 0.3s ease;
}

.box:hover::before {
font-size: 40px;
}

@media (max-width: 768px) {
.grid-container {
grid-template-columns: repeat(2, 1fr);
}

.block11 {
width: 48%;
}
}

@media (max-width: 480px) {
.grid-container {
grid-template-columns: 1fr;
}

.block11 {
width: 100%;
}
}

.custom-h2 {
font-size: 2rem;
font-weight: bold;
text-align: center;
color: #227FFF;
}

.container12 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px;
}

.block11 {
width: 32%;
min-height: 150px;
background: linear-gradient(6891FF, #a8d8ff, #6891FF);
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
border-radius: 80px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
padding: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
overflow: visible;
}

.block11:hover {
transform: translateY(-10px) scale(1.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.block11:nth-child(1),
.block11:nth-child(2),
.block11:nth-child(3),
.block11:nth-child(4),
.block11:nth-child(5),
.block11:nth-child(6) {
background: linear-gradient(135deg, #046BD9, #130278);
}
.block11 a {
text-decoration: none;
color: inherit;
display: block;
}
.block11 a:hover {
text-decoration: underline;
}






• 12 лет работы в металлопрокате• 3200 активных постоянных клиентов по стране и ближайшему зарубежью• 120 000 тонн металла на наших складах• 38 складов по всей России, 7 в странах СНГ• 1,6 млн тонн металла отгружено в 2020 году



ИНМЕТПРОМ - ОТГРУЖАЕМ МЕТАЛЛ ПО ВСЕЙ РОССИИ

Крупная металлоторговая компания полного цикла. В течение 12 лет работы мы развивались сами и помогали развиваться рынку, постоянно повышая стандарты сервиса.







Характеристики товара




Марка
С20


Материал профнастила
алюминий


Применение
для несущих конструкций


Состояние
новый


Толщина
1.2 мм






ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ

Гидроабразивная резка металла
Гравировка
Гибка металла
Вальцовка металла
Долбежные работы
Лазерная резка металла