| Server IP : 87.98.249.37 / Your IP : 216.73.216.208 [ Web Server : Microsoft-IIS/10.0 System : Windows NT NS3076740 10.0 build 17763 (Windows Server 2019) AMD64 User : IWPD_292(growel19p) ( 0) PHP Version : 8.3.12 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Inetpub/vhosts/growel.com/httpdocs/demo/anodizing/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I-FIN AL SC 53 </title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background: #fff;
color: #333;
line-height: 1.6;
}
.product-image {
flex: 1 1 40%;
position: relative;
border-radius: 12px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
/* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); */
/* ✅ soft shadow */
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-image img {
max-width: 90%;
height: auto;
display: block;
border-radius: 12px;
filter: brightness(0.95) contrast(1.05);
/* ✅ makes image pop */
transition: transform 0.3s ease, filter 0.3s ease;
}
/* Decorative overlay with before/after */
.product-image::before {
content: "";
position: absolute;
top: 9px;
left: 8px;
width: 25px;
height: 92%;
border: 2px solid #D0342A;
border-radius: 8px;
z-index: -1;
background: red;
}
.product-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: rgba(208, 52, 42, 0.06); */
border-radius: 12px;
}
/* ✅ Hover effect */
.product-image:hover {
transform: translateY(-6px);
/* box-shadow: 0 12px 25px rgba(0, 0, 0, 0.18); */
}
.product-image:hover img {
transform: scale(1.05);
filter: brightness(1) contrast(1.1);
}
.product-container {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 30px;
}
/* Image column */
.product-image {
flex: 1 1 40%;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.product-image img {
width: 100%;
height: auto;
display: block;
border-radius: 8px;
}
/* Decorative overlay using before/after */
.product-image::before {
content: "";
position: absolute;
top: 19px;
left: 10px;
width: 65%;
height: 85%;
/* border: 2px solid #D0342A; */
border-radius: 8px;
z-index: -1;
}
/* Text column */
.product-details {
flex: 1 1 55%;
}
h1 {
color: #D0342A;
font-size: 28px;
margin-bottom: 20px;
}
h2 {
font-size: 16px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
position: relative;
display: inline-block;
padding-bottom: 5px;
}
h2::after {
content: "";
display: block;
width: 50%;
height: 2px;
background: #D0342A;
margin-top: 5px;
}
p {
margin-bottom: 12px;
}
strong {
display: inline-block;
margin-top: 10px;
}
ul {
padding-left: 20px;
margin-bottom: 15px;
}
.quote-btn {
display: inline-block;
margin: 25px 0;
padding: 12px 30px;
background: #222;
color: #fff;
font-weight: bold;
text-decoration: none;
border-radius: 3px;
transition: background 0.3s ease;
}
.quote-btn:hover {
background: #D0342A;
}
.disclaimer {
margin-top: 30px;
font-size: 14px;
color: #444;
}
.disclaimer strong {
display: block;
margin-bottom: 10px;
}
/* Responsive */
@media (max-width: 768px) {
.product-container {
flex-direction: column;
}
h1 {
font-size: 22px;
}
.quote-btn {
padding: 10px 20px;
font-size: 14px;
}
}
</style>
</head>
<body>
<div class="header">
<a href="index.html"><img src="header.png" alt="Growel Logo" style="width:100vw;"></a>
</div>
<br>
<br>
<div class="product-container">
<!-- Image Left -->
<div class="product-image">
<img src="https://growel.com/images/products/Surface-Conditioning.jpg" alt="I-Fin AL Chemical Bright 48">
</div>
<!-- Text Right -->
<div class="product-details">
<h1 style="border-bottom: 1px dotted red;">I-FIN AL SC 53 </h1>
<h2>DESCRIPTION</h2>
<p><strong>Application:</strong> Alkaline cleaners are specially formulated cleaning agents designed to remove
heavy soils, oils, grease, oxides, and other contaminants from aluminum surfaces before anodizing. They ensure
that the metal surface is perfectly clean, uniform, and receptive for further treatments.</p>
<p><strong>Growel Advantage:</strong></p>
<ul>
<li>Provides excellent removal of oils, lubricants, and drawing compounds from aluminum.</li>
<li>Ensures uniform cleaning without attacking the metal surface.</li>
<li>Reduces rework and rejects during anodizing and electroplating processes.</li>
<li>Better work atmosphere.</li>
<li>Environmentally optimized with reduced foaming for easy operation.</li>
<li>Suitable for both soak and spray cleaning applications.</li>
</ul>
<a href="#" class="quote-btn">Know More </a>
<div class="disclaimer">
<strong>DISCLAIMER :</strong>
<p>Our recommendations are made in good faith and are based on our skills. However, since the conditions of use
of these products are beyond our control, this information is given on the express condition and agreement
that Grauer & Weil (India) Limited, will not be liable to any person by reason thereof. Nothing herein shall
be deemed to be a recommendation to use any product in violation of any existing patent rights.</p>
</div>
</div>
</div>
</body>
</html>