• Leading Provider Of Industrial Solutions
• Certified ISO 9001:2009

Toggle navigation

• Leading Provider Of Industrial Solutions
• Certified ISO 9001:2009

<div class=”category-grid”>

<a href=”https://corebending.com/profile-rolling-tools/” class=”category-card”>
<img src=”https://corebending.com/wp-content/uploads/2026/04/Pipe-and-Profile-Rolling-Tooling.jpg” alt=”Pipe and Profile Rolling Tooling”>

<div class=”overlay”>

<div class=”icon”>
<svg viewBox=”0 0 24 24″ width=”42″ height=”42″ fill=”white”>
<path d=”M10 2a8 8 0 105.29 14.29l4.7 4.7 1.41-1.41-4.7-4.7A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z”/>
</svg>
</div>

<div class=”bottom-content”>
<div class=”title”>Profile Rolling Tools</div>
<div class=”subtitle”>Pipe and Profile Rolling Tooling</div>
<div class=”btn”>View Details</div>
</div>

<div class=”light”></div>

</div>
</a>

<a href=”https://corebending.com/mandrel-tube-bending-tools/” class=”category-card”>
<img src=”https://corebending.com/wp-content/uploads/2026/04/Mandrel-Tube-and-Pipe-Bending-Tooling.jpg” alt=”Mandrel Tube and Pipe Bending Tooling”>

<div class=”overlay”>

<div class=”icon”>
<svg viewBox=”0 0 24 24″ width=”42″ height=”42″ fill=”white”>
<path d=”M10 2a8 8 0 105.29 14.29l4.7 4.7 1.41-1.41-4.7-4.7A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z”/>
</svg>
</div>

<div class=”bottom-content”>
<div class=”title”>Mandrel Tube Bending Tools</div>
<div class=”subtitle”>Tube and Pipe Bending Tooling</div>
<div class=”btn”>View Details</div>
</div>

<div class=”light”></div>

</div>
</a>

</div>

<style>

/* GRID */
.category-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
animation: fadeIn 1s ease;
}

/* CARD */
.category-card {
position: relative;
overflow: hidden;
border-radius: 14px;
height: 420px;
transition: 0.4s ease;
cursor: pointer;
}

/* IMAGE */
.category-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.6s ease;
}

/* OVERLAY */
.overlay {
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.15));
transition: 0.4s;
}

/* ICON */
.icon {
opacity: 0;
transform: scale(0.8);
transition: 0.3s;
}

/* ALT CONTENT */
.bottom-content {
position: absolute;
bottom: 20px;
left: 20px;
}

/* TITLE */
.title {
font-size: 22px;
font-weight: 700;
}

/* SUBTITLE */
.subtitle {
font-size: 14px;
opacity: 0.85;
margin: 6px 0 12px;
}

/* BUTTON */
.btn {
display: inline-block;
padding: 6px 14px;
font-size: 13px;
border-radius: 20px;
background: rgba(255,255,255,0.2);
backdrop-filter: blur(6px);
transition: 0.3s;
}

/* LIGHT EFFECT */
.light {
position: absolute;
top: 0;
left: -75%;
width: 50%;
height: 100%;
background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
transform: skewX(-20deg);
}

/* HOVER EFFECTS */
.category-card:hover img {
transform: scale(1.1);
}

.category-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

.category-card:hover .overlay {
background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.25));
}

.category-card:hover .icon {
opacity: 1;
transform: scale(1);
}

.category-card:hover .btn {
background: #fff;
color: #000;
}

/* LIGHT SWEEP ANIMATION */
.category-card:hover .light {
left: 125%;
transition: 0.8s;
}

/* FADE IN */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* MOBILE */
@media(max-width:768px){
.category-grid {
grid-template-columns: 1fr;
}
.category-card {
height: 300px;
}
}

</style>