Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; database has a deprecated constructor in /home/castwell/public_html/admin/include/database/class.database.php on line 9
Sandwich Panawall - Castwell/title>
<meta name="keywords" content="sandwich panawall, panawall" />
<meta name="description" content="Designed with styles profile to create a stiffened rib design and anti‐capillary gap, all side lap joints are accurately secured and provides extra strength for optimal performance.">
<meta name="author" content="CASTWELL INDUSTRIES (M) SDN BHD">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" type="text/css">
<!-- Vendor CSS -->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/animate/animate.min.css">
<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">
<!-- Theme CSS -->
<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/theme-elements.css">
<link rel="stylesheet" href="css/theme-blog.css">
<link rel="stylesheet" href="css/theme-shop.css">
<!-- Current Page CSS -->
<link rel="stylesheet" href="vendor/circle-flip-slideshow/css/component.css">
<link rel="stylesheet" href="vendor/nivo-slider/nivo-slider.css">
<link rel="stylesheet" href="vendor/nivo-slider/default/default.css">
<!-- Skin CSS -->
<link rel="stylesheet" href="css/skin/skin.css">
<!-- Castwell CSS --> <link rel="stylesheet" href="css/castwell.css">
<!-- Head Libs -->
<script src="vendor/modernizr/modernizr.min.js"></script>
</head>
<body data-spy="scroll" data-target="#navSecondary" data-offset="170">
<div class="body">
<header id="header" class="header-narrow" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 0, 'stickySetTop': '0', 'stickyChangeLogo': false}">
<div class="header-body">
<div class="header-container container">
<div class="header-row">
<div class="header-column">
<div class="header-logo">
<a href="index.php">
<img alt="Castwell" width="250" src="img/logo.png">
</a>
</div>
</div>
<div class="header-column">
<div class="header-row">
<div class="header-nav">
<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main">
<i class="fa fa-bars"></i>
</button>
<div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 custom-header-nav-main-dark-style collapse">
<nav>
<ul class="nav nav-pills" id="mainNav">
<li>
<a href="index.php">
Home
</a>
</li>
<li class="">
<a href="about-us.php">
About Us
</a>
</li>
<li class="">
<a href="whats-new.php">
What's New
</a>
</li>
<li class="active">
<a href="project.php">
Project
</a>
</li>
<li class="">
<a href="media.php">
Media & Events
</a>
</li>
<li class="">
<a href="career.php">
Career
</a>
</li>
<li class="">
<a href="contact-us.php">
Contact
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </header>
<div role="main" class="main">
<section class="section section-no-border background-color-light m-none" id="">
<div class="container">
<div class="row center">
<div class="col-md-8 col-md-offset-2">
<h2 class="text-uppercase font-weight-bold font-color-red mt-xlg mb-xlg">Sandwich Panawall</h2>
</div>
</div>
<div class="row center">
<!--<div class="col-md-12 col-sm-12">-->
<div class="col-md-6 col-sm-12">
<img style="margin-top: 60px;width:100%;" src="/img/panawall.png">
</div>
<div class="col-md-6 col-sm-12-push-9" style="padding: 10% 0;">
<div>
<h2 class="font-color-gold" style="text-transform:capitalize;">High Durability & Versatility</h2>
<p class="text-md pt-md mb-xlg">
Designed with styles profile to create a stiffened rib design and anti‐capillary gap, all side lap joints are accurately secured and provides extra strength for optimal performance. With our stringent quality control on the production floor, you are rest assured of a high performance, quality assured and long lasting Castwell Product.
</p>
<br>
</div>
</div>
</div>
</section>
<section class="section section-no-border background-color-light m-none" style="background:url('/img/concrete-pontoon/Background 1.jpg') left top no-repeat; padding: 5% 0;">
<div class="row center">
<div class="col-md-12 col-sm-12" style="padding: 0% 10%;">
<h2 class="font-color-white">
INSTALLATIONS WORLDWIDE
</h2>
<p class="font-color-white">
Castwell will, for every location, design, produce and install your project to ensure longest possible lifetime with minimum maintenance costs. <br>Contact our friendly consultant about your grand project.
</p>
<button onclick="location.href='https://castwell.com.my/contact-us.php'">
<span>Talk to us</span>
</button>
</div>
</div>
</section>
<section class="section section-no-border background-color-light m-none" id="product-details">
<div class="row center" >
<div class="col-md-12 col-sm-12">
<h2 class="font-color-gold">Product Details</h2>
</div>
</div>
<div class="row center">
<div class="col-md-6 col-sm-12">
<img style="margin-top: 60px;width:100%;" src="/img/panawall-durable.png">
</div>
<div class="col-md-6 col-sm-12" style="padding: 12% 0;">
<h2>Strong Material</h2>
<p>
The panel profile is manufactured using a sandwich
of Polyurethane insulation (PU) or Rockwool
and finished with double metal wall of color coated
hot‐dipped galvanized iron sheet, on top and bottom
surface.
Pre‐painted color coated steel sheet that available in
diverse range of colors and variety 3D embossed texture profile to select, eg: stone and brick
</p>
<button onclick="location.href='https://castwell.com.my/contact-us.php'">
<span>Contact us for product sheet</span>
</button>
</div>
</div>
<div class="row center" style="background-color: #f0f0f0;padding: 0 2% 4% 0;">
<div class="col-md-6 col-sm-12-push-9" style="padding-top: 10%;">
<h2>Superior Insulation</h2>
<p>
We use Rigid polyurethane or PIR foam which consists of multiple materials sandwiched together. It
provides an excellent thermal insulation properties
deal to its low thermal conductivity.
</p>
</div>
<div class="col-md-6 col-sm-12-pull-3">
<img style="margin-top: 60px;width:100%;" src="/img/panawall-PIR.png">
</div>
</div>
<div class="row center">
<div class="col-md-6 col-sm-12">
<img style="margin-top: 60px;width:100%;" src="/img/panawall-pattern.png">
</div>
<div class="col-md-6 col-sm-12" style="padding-top: 22%;">
<h2>Embossed Pattern</h2>
<p>
There are three different types of texture to choose from: Wood, Tile and Stone so you can match the design of your building.
</p>
</div>
</div>
</section>
<section class="section section-no-border background-color-light m-none">
<div class="row center" >
<div class="col-md-12 col-sm-12">
<h2 class="font-color-gold">Project Gallery</h2><br>
<p>Project Rapid Package 6A & 11 at Pengerang, Johor, 4 Stories Accommodations (Year 2016)</p>
<section id="gallery">
<div class="container">
<div id="image-gallery">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">
<div class="img-wrapper">
<a href="/img/panawall-project.png"><img src="/img/panawall-project.png" class="img-responsive"></a>
<div class="img-overlay">
<i class="fa fa-plus-circle" aria-hidden="true"></i>
</div>
</div>
</div>
</div><!-- End row -->
</div><!-- End image gallery -->
</div><!-- End container -->
</section>
</div>
</div>
</section>
<section class="section section-no-border background-color-light m-none" style="background:url('/img/concrete-pontoon/Background 2.jpg') center top no-repeat; padding: 8% 0;">
<div class="row center">
<h2 class="font-color-white">Have a project in mind?</h2>
<button onclick="location.href='https://castwell.com.my/contact-us.php'">
<span>
Talk to us
</span>
</button>
</div>
</section>
</div>
</div>
</section>
</div>
<footer id="footer" class="custom-footer m-none">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="col-md-12">
<a href="index.php" class="text-decoration-none">
<img src="img/footer_logo.png" width="300" class="img-responsive" alt />
</a>
</div>
<div class="col-md-12">
<ul class="social-icons custom-social-icons">
<li>Follow Us : </li>
<li class="social-icons-linkedin">
<a href="https://www.linkedin.com/in/castwell-industries-m-sdn-bhd-349293143/" target="_blank" title="Linkedin">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li class="social-icons-facebook">
<a href="https://www.facebook.com/CastwellGroup" target="_blank" title="Facebook">
<i class="fa fa-facebook"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<p class="address">CASTWELL INDUSTRIES (M) SDN BHD<br>
Lot 5755-3, Kidamai Industrial Park,
<br />Bukit Angkat Sungai Chua,
<br />43000 Kajang, Selangor, Malaysia. </p>
<ul>
<li><i class="fa fa-phone"></i> +603-8733 7812 (Hunting Line)</li>
<li><i class="fa fa-fax"></i> +603-8734 7812</li>
<li><i class="fa fa-envelope"></i> <a href="mailto:inquiry@castwell.com.my">inquiry@castwell.com.my</a></li>
</ul>
</div>
<div class="col-md-4">
<h5>CERTIFICATION</h5>
<p>SIRIM | Bomba | Patent | ISO </p>
<p><a href="#iso" class="popup-with-zoom-anim text-decoration-none" title="ISO"><img src="img/iso_new.jpg" width="50" border="0"></a>
<a href="#cidb" class="popup-with-zoom-anim text-decoration-none" title="CIDB"><img src="img/cidb.png" width="130" border="0"> </a>
<a href="#miti" class="popup-with-zoom-anim text-decoration-none" title="MITI"><img src="img/MITI.jpg" width="100" border="0"> </a>
</p>
<p> <a href="#MyIPO" class="popup-with-zoom-anim text-decoration-none" title="MyIPO"><img src="img/MyIPO.png" width="120"></a>
<a href="#sirim" class="popup-with-zoom-anim text-decoration-none" title="SIRIM"><img src="img/sirim.png" title="SIRIM" width="200"></a></p>
</div>
<div id="iso" class="dialog dialog-lg zoom-anim-dialog mfp-hide p-xlg">
<div class="row">
<img src="img/cert_iso.jpg" class="img-responsive">
</div>
</div>
<div id="cidb" class="dialog dialog-lg zoom-anim-dialog mfp-hide p-xlg">
<div class="row">
<img src="img/cert_cidb_00.jpg" class="img-responsive">
<img src="img/cert_cidb_01.jpg" class="img-responsive">
</div>
</div>
<div id="miti" class="dialog dialog-lg zoom-anim-dialog mfp-hide p-xlg">
<div class="row">
<img src="img/cert_miti.jpg" class="img-responsive">
</div>
</div>
<div id="MyIPO" class="dialog dialog-lg zoom-anim-dialog mfp-hide p-xlg">
<div class="row">
<img src="img/cert_myipo.jpg" class="img-responsive">
</div>
</div>
<div id="sirim" class="dialog dialog-lg zoom-anim-dialog mfp-hide p-xlg">
<div class="row">
<img src="img/cert_sirim.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
<div class="footer-copyright m-none pt-xs pb-xs">
<div class="container">
<div class="row">
<div class="col-md-12 center pt-md">
<p>Copyright © 2025 <strong>CASTWELL INDUSTRIES (M) SDN BHD</strong>. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</footer>
</div>
<!---Styling--->
<style>
#gallery {
padding-top: 40px;
@media screen and (min-width: 991px) {
padding: 60px 30px 0 30px;
}
}
.img-wrapper {
position: relative;
margin-top: 15px;
height: 200px;
overflow:hidden;
img {
width: 100%;
}
}
.img-overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
i {
color: #fff;
font-size: 3em;
}
}
#overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
// Removes blue highlight
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
img {
margin: 0;
width: 80%;
height: auto;
object-fit: contain;
padding: 5%;
@media screen and (min-width:768px) {
width: 60%;
}
@media screen and (min-width:1200px) {
width: 50%;
}
}
}
#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}
.font-color-white{
color:white;
}
button{
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
background-color: #CEB76F;
color: white;
border-radius: 25px;
}
.image{
padding-right: 0px!important;
}
@media screen and (max-width:676px){
iframe{
width: 380px;
}
}
#product-details img{
width: 100%;
}
@media screen and (max-width: 1024px){
.main{
padding: 1% 1%;
}
}
</style>
<!-- Vendor -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/jquery.appear/jquery.appear.min.js"></script>
<script src="vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="vendor/jquery-cookie/jquery-cookie.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/common/common.min.js"></script>
<script src="vendor/jquery.validation/jquery.validation.min.js"></script>
<script src="vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
<script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>
<script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
<script src="vendor/isotope/jquery.isotope.min.js"></script>
<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="vendor/vide/vide.min.js"></script>
<!-- Theme Base, Components and Settings -->
<script src="js/theme.js"></script>
<!-- Current Page Vendor and Views -->
<script src="vendor/circle-flip-slideshow/js/jquery.flipshow.min.js"></script>
<script src="vendor/nivo-slider/jquery.nivo.slider.min.js"></script>
<script src="js/views/view.home.js"></script>
<!-- Demo -->
<script src="js/contact.js"></script>
<!-- Theme Custom -->
<script src="js/custom.js"></script>
<!-- Theme Initialization Files -->
<script src="js/theme.init.js"></script>
<script>
$( document ).ready(function() {
$('#what-new').appear(function() {
$('#new-nav').addClass( "active" );
$('#home').removeClass( "active" );
$('#project-nav').removeClass( "active" );
});
$('#project').appear(function() {
$('#project-nav').addClass( "active" );
$('#new-nav').removeClass( "active" );
$('#home').removeClass( "active" );
});
$('#hightlight').appear(function() {
$('#project-nav').removeClass( "active" );
$('#new-nav').removeClass( "active" );
$('#home').addClass( "active" );
});
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109756438-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109756438-1');
</script>
<script>
// Gallery image hover
$( ".img-wrapper" ).hover(
function() {
$(this).find(".img-overlay").animate({opacity: 1}, 600);
}, function() {
$(this).find(".img-overlay").animate({opacity: 0}, 600);
}
);
// Lightbox
var $overlay = $('<div id="overlay"></div>');
var $image = $("<img>");
var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>');
var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>');
var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>');
// Add overlay
$overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton);
$("#gallery").append($overlay);
// Hide overlay on default
$overlay.hide();
// When an image is clicked
$(".img-overlay").click(function(event) {
// Prevents default behavior
event.preventDefault();
// Adds href attribute to variable
var imageLocation = $(this).prev().attr("href");
// Add the image src to $image
$image.attr("src", imageLocation);
// Fade in the overlay
$overlay.fadeIn("slow");
});
// When the overlay is clicked
$overlay.click(function() {
// Fade out the overlay
$(this).fadeOut("slow");
});
// When next button is clicked
$nextButton.click(function(event) {
// Hide the current image
$("#overlay img").hide();
// Overlay image location
var $currentImgSrc = $("#overlay img").attr("src");
// Image with matching location of the overlay image
var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
// Finds the next image
var $nextImg = $($currentImg.closest(".image").next().find("img"));
// All of the images in the gallery
var $images = $("#image-gallery img");
// If there is a next image
if ($nextImg.length > 0) {
// Fade in the next image
$("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
} else {
// Otherwise fade in the first image
$("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800);
}
// Prevents overlay from being hidden
event.stopPropagation();
});
// When previous button is clicked
$prevButton.click(function(event) {
// Hide the current image
$("#overlay img").hide();
// Overlay image location
var $currentImgSrc = $("#overlay img").attr("src");
// Image with matching location of the overlay image
var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
// Finds the next image
var $nextImg = $($currentImg.closest(".image").prev().find("img"));
// Fade in the next image
$("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
// Prevents overlay from being hidden
event.stopPropagation();
});
// When the exit button is clicked
$exitButton.click(function() {
// Fade out the overlay
$("#overlay").fadeOut("slow");
});
</script>
</body>
</html>