S
stephnisimOct 5, 2019
Hi Canvas Support,
I have an issue with the "close button" on my modal on load. It works perfectly fine if i place the same exact coding on another html file but it just couldnt work in the current file. Wonder are there clash on js code.
here it is:
*Very sorry if it is too much to read.
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:300,400,700" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/dark.css" type="text/css" />
<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="css/et-line.css" type="text/css" />
<link rel="stylesheet" href="css/animate.css" type="text/css" />
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/rzoil.css" type="text/css" />
<link rel="stylesheet" href="css/fonts.css" type="text/css" />
<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" type="text/css" href="include/rs-plugin/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="include/rs-plugin/css/layers.css">
<link rel="stylesheet" type="text/css" href="include/rs-plugin/css/navigation.css">
<!-- Document Title
============================================= -->
<title>One Page with Mobile Device | Canvas</title>
<style>
.revo-slider-emphasis-text {
font-size: 58px;
font-weight: 700;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
padding: 15px 20px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}
.revo-slider-desc-text {
font-size: 20px;
font-family: 'Lato', sans-serif;
width: 650px;
text-align: center;
line-height: 1.5;
}
.revo-slider-caps-text {
font-size: 16px;
font-weight: 400;
letter-spacing: 3px;
font-family: 'Raleway', sans-serif;
}
.tp-video-play-button { display: none !important; }
.tp-caption { white-space: nowrap; }
</style>
</head>
<body class="stretched side-push-panel">
<!-- Facebook SDK for "like page"
============================================= -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0"></script>
<!--============================================= -->
<div class="body-overlay" data-scrollto="#section-services"></div>
<div id="side-panel" class="dark">
<div id="side-panel-trigger-close" class="side-panel-trigger"><a href="#"><i class="icon-line-cross"></i></a></div>
<div class="side-panel-wrap">
<div class="widget widget_links clearfix">
<h4>About RZOIL sole distributor in Malaysia</h4>
<div style="font-size: 14px; line-height: 1.7;">
<address style="line-height: 1.7;">
No. 3, Jalan SS 13/3C, Subang Jaya,
Selangor, 47500 Petaling Jaya
</address>
<div class="clear topmargin-sm"></div>
<abbr title="Phone Number">Phone:</abbr> (603) 5636 2255
<abbr title="Fax">Fax:</abbr> (60) 3 5636 2255
<abbr title="Email Address">Email:</abbr> sales@malpy.com.my
</div>
</div>
<div class="widget clearfix">
<h4>Connect Socially</h4>
<a href="#" class="social-icon si-small si-colored si-facebook" title="Facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-small si-colored si-twitter" title="Twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon si-small si-colored si-linkedin" title="LinkedIn">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
<a href="#" class="social-icon si-small si-colored si-gplus" title="Google Plus">
<i class="icon-gplus"></i>
<i class="icon-gplus"></i>
</a>
<a href="#" class="social-icon si-small si-colored si-instagram" title="Instagram">
<i class="icon-instagram"></i>
<i class="icon-instagram"></i>
</a>
</div>
<div class="fb-page" data-href="https://www.facebook.com/rzoil.my/" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/rzoil.my/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/rzoil.my/">RZOIL Malaysia</a></blockquote></div>
</div>
</div>
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<header id="header">
<div id="header-wrap">
<div class="container clearfix">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<!-- Logo
============================================= -->
<div id="logo">
<a href="index.html" class="standard-logo" data-dark-logo="images/logo.svg"><img src="images/logo.svg" alt="Rzoil Logo"></a>
<a href="index.html" class="retina-logo" data-dark-logo="images/logo.svg"><img src="images/logo.svg" alt="Rzoil Logo"></a>
</div><!-- #logo end -->
<!-- Primary Navigation
============================================= -->
<nav id="primary-menu">
<ul class="one-page-menu" data-easing="easeInOutExpo" data-speed="1250" data-offset="65">
<li><a href="about-us.html" ><div>About Us</div></a></li>
<li><a href="./index.html#section-services" data-offset="60"><div>Services</div></a></li>
<li><a href="products.html"><div>Products</div></a></li>
<li><a href="news.html"><div>News</div></a></li>
<li><a href="./index.html#section-contact"><div>Contact</div></a></li>
</ul>
<div id="side-panel-trigger" class="side-panel-trigger"><a href="#"><i class="icon-reorder"></i></a></div>
</nav><!-- #primary-menu end -->
</div>
</div>
</header><!-- #header end -->
<!-- modal on load -->
<section id="slider" class="slider-element slider-parallax revslider-wrap ohidden clearfix">
<div class="modal-on-load" data-target="#myModal1"></div>
<!-- Modal -->
<div class="modal1 mfp-hide" id="myModal1">
<div class="block divcenter" style="background-color: #FFF; max-width: 600px;">
<div class="center clearfix" style="padding: 50px;">
<h3 class="uppercase">Check out Our Video</h3>
<iframe src="https://player.vimeo.com/video/139208268?badge=0" width="500" height="210" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<a href="#" class="button" onClick="$.magnificPopup.close();return false;">Close</a>
</div>
</div>
</div>
<!-- end of modal on load -->
<!-- Slider
============================================= -->
<!--
#################################
- THEMEPUNCH BANNER -
#################################
-->
<div id="rev_slider_ishop_wrapper" class="rev_slider_wrapper fullwidth-container" data-alias="default-slider" style="padding:0px;">
<!-- START REVOLUTION SLIDER 5.1.4 fullwidth mode -->
<div id="rev_slider_ishop" class="rev_slider fullwidthbanner" style="display:none;" data-version="5.1.4">
<ul> <!-- SLIDE -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-delay="5000" data-saveperformance="off" data-title="Latest Collections" style="background-color: #F6F6F6;">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="100"
data-y="50"
data-transform_in="x:-200;y:0;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="400"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/slider/rzoilbanner01.png" alt="Rzoil engine oil"></div>
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="570"
data-y="75"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333;">Get Ready For RZoil Premium Oil</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
data-x="570"
data-y="105"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 430px; line-height: 1.15;">Best and Premium
Engine Oil</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text tleft"
data-x="570"
data-y="275"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 550px; white-space: normal;">We have created a Design that looks Awesome, performs Brilliantly & senses Orientations.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="570"
data-y="375"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><a href="products.html" class="button button-border button-large button-rounded tright nomargin"><span>Browse Our Products</span> <i class="icon-angle-right"></i></a></div>
<div class="tp-caption utb tp-resizeme revo-slider-caps-text uppercase"
data-x="50"
data-y="50"
data-transform_in="x:0;y:-236;z:0;rotationZ:0;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="600"
data-start="2100"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/tag01.png" alt="Bestselling"></div>
</li>
<!-- SLIDE -->
<li data-transition="slideup" data-slotamount="1" data-masterspeed="1500" data-delay="5000" data-saveperformance="off" data-title="Messenger bags" style="background-color: #E9E8E3;">
<!-- LAYERS -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="630"
data-y="78"
data-transform_in="x:250;y:0;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;s:400;e:Power4.easeOutQuad;"
data-speed="400"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/slider/rzoilbanner02.png" alt="RZoil Engine Oil"></div>
<!-- LAYER NR. 2 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="0"
data-y="110"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333;">Try our additives with 40 years experiences</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
data-x="0"
data-y="140"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; line-height: 1.15;">Engine Oil</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text tleft"
data-x="0"
data-y="240"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 550px; white-space: normal;">Grantees insurmountable challenges invest protect, growth improving quality social entrepreneurship.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="0"
data-y="340"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><a href="products.html" class="button button-border button-large button-rounded tright nomargin"><span>Browse Our Products</span> <i class="icon-angle-right"></i></a></div>
<div class="tp-caption utb tp-resizeme revo-slider-caps-text uppercase"
data-x="540"
data-y="60"
data-transform_in="x:0;y:-236;z:0;rotationZ:0;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="600"
data-start="2100"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/tag02.png" alt="Bag"></div>
</li>
<!-- SLIDE -->
<li data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-delay="5000" data-saveperformance="off" data-title="Latest Collections" style="background-color: #F6F6F6;">
<!-- LAYERS -->
<!-- LAYER NR. 2 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="100"
data-y="50"
data-transform_in="x:-200;y:0;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="400"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/slider/rzoilbanner03.png" alt="Girl"></div>
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="570"
data-y="75"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333;">Get your Shopping Bags Ready</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
data-x="570"
data-y="105"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 430px; line-height: 1.15;">Latest Fashion
Collections</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text tleft"
data-x="570"
data-y="275"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 550px; white-space: normal;">We have created a Design that looks Awesome, performs Brilliantly & senses Orientations.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="570"
data-y="375"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><a href="#" class="button button-border button-large button-rounded tright nomargin"><span>Find Out More</span> <i class="icon-angle-right"></i></a></div>
</li>
<!-- SLIDE -->
<li data-transition="slideup" data-slotamount="1" data-masterspeed="1500" data-delay="5000" data-saveperformance="off" data-title="Messenger bags" style="background-color: #E9E8E3;">
<!-- LAYERS -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="630"
data-y="78"
data-transform_in="x:250;y:0;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;s:400;e:Power4.easeOutQuad;"
data-speed="400"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><img src="images/slider/rzoilbanner04.png" alt="Bag"></div>
<!-- LAYER NR. 3 -->
<div class="tp-caption ltl tp-resizeme revo-slider-caps-text uppercase"
data-x="0"
data-y="110"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1000"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333;">Buy Stylish Bags at Discounted Prices</div>
<div class="tp-caption ltl tp-resizeme revo-slider-emphasis-text nopadding noborder"
data-x="0"
data-y="140"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1200"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; line-height: 1.15;">Messenger Bags</div>
<div class="tp-caption ltl tp-resizeme revo-slider-desc-text tleft"
data-x="0"
data-y="240"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1400"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=" color: #333; max-width: 550px; white-space: normal;">Grantees insurmountable challenges invest protect, growth improving quality social entrepreneurship.</div>
<div class="tp-caption ltl tp-resizeme"
data-x="0"
data-y="340"
data-transform_in="x:0;y:150;z:0;rotationZ:0;scaleX:1.3;scaleY:1;skewX:0;skewY:0;opacity:0;s:700;e:Power4.easeOutQuad;"
data-speed="700"
data-start="1550"
data-easing="easeOutQuad"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.1"
data-endspeed="1000"
data-endeasing="Power4.easeIn" style=""><a href="#" class="button button-border button-large button-rounded tright nomargin"><span>Find Out More</span> <i class="icon-angle-right"></i></a></div>
</li>
</ul>
</div>
</div><!-- END REVOLUTION SLIDER -->
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="content-wrap nopadding">
<div id="section-about" class="center page-section">
<div class="container clearfix">
<div class="heading-block center">
<h1>Malaysia's <span>RZOIL</span> Sole Distributorship</h1>
</div>
<p class="lead divcenter bottommargin" style="max-width: 800px;">
Start with RZ experience in manufacturing and trading in chemical-technical automotive products. For the required speed, RZ provides comprehensive service as a dealer and as a producer of highly effective coolant and fuel additives, cleaners, care products and service products. With »Made in Germany« quality we supply the world market from Bad Boll. 30 years of experience in the service of mobility takes you too to the fast lane. Secure the pole position with chemical technology from CP Power Solutions GmbH.</p>
</div>
</div>
<div id="section-services" div class="divider divider-short divider-rounded divider-center"><i class="icon-pencil"></i></div>
<div class="container clearfix">
<div class="heading-block title-center">
<h1>Some of Our <span>Product's Services</span> does</h1>
</div>
<div class="container clearfix">
<div id="side-navigation" class="tabs customjs">
<div class="col_one_third nobottommargin">
<ul class="sidenav">
<li class="ui-tabs-active"><a href="#snav-content1"><i class="icon-car"></i>RZoil Cooling accessories<i class="icon-chevron-right"></i></a></li>
<li><a href="#snav-content2"><i class="icon-fighter-jet1"></i>RZoil Fuel & Oil additives<i class="icon-chevron-right"></i></a></li>
<li><a href="#snav-content3"><i class="icon-line-umbrella"></i>RZoil Automotive cleaner and care products<i class="icon-chevron-right"></i></a></li>
</ul>
</div>
<div class="col_two_third col_last nobottommargin">
<div id="snav-content1">
<div class="heading-block">
<h3>Cooling Accessories</h3>
<span>We support multiple Devices & Layouts.</span>
</div>
<p>Motor oils from German origin with best characteristics. With our constant quality controls before, during and after bottling, we ensure the consistently high quality. So you always get a high quality product. Yesterday, today and tomorrow!</p>
</div>
<div id="snav-content2">
<div class="heading-block">
<h3>Fuel & Oil additives</h3>
<span>Crisp & Clear Graphics across all your Retina & Standard Devices.</span>
</div>
<p>RZ also uses highly effective, TÜV-certified formulas for the radiator and fuel additives. The additives for gasoline and diesel reliably remove deposits from the tank up to the combustion chamber. The engine runs more smoothly, is more agile and consumes less fuel. Just what your customers want.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum consequuntur quaerat vero qui ipsum sunt velit vel, officia, nihil amet ullam. Omnis nam rerum, harum!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima perspiciatis cumque, ipsa laudantium totam blanditiis, expedita ut odit, cupiditate rem facilis ea ab, hic amet numquam nulla possimus consectetur ipsum fuga! Atque quibusdam, id eius illum numquam porro architecto accusamus nam adipisci mollitia excepturi dolores non, maiores sit fuga vero cumque ullam. Vitae quidem totam similique tempore eligendi necessitatibus culpa.</p>
</div>
<div id="snav-content3">
<div class="heading-block">
<h3>Automotive Cleaner & Care products</h3>
<span>Smart Reusable code all throughout the Template for Infinite Customizations.</span>
</div>
<p>Those who clean and care for their own car want flawless results. The product should be easy to use and environmentally friendly. RZ takes all this into account when developing the recipes for cleaners and care products. Our active substances are tested by independent laboratories and/or are certified by TÜV.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla, optio animi adipisci distinctio fuga, nihil perferendis dignissimos. Aperiam odio voluptatem dignissimos aliquam? Ea, nihil animi, recusandae quos nulla, suscipit magni provident nesciunt incidunt quo dicta asperiores iste. Illo, qui culpa. Reprehenderit in asperiores blanditiis pariatur aliquid iusto. Quisquam voluptatibus nostrum architecto repudiandae voluptate, ipsum quae iure! Commodi recusandae, repellendus voluptas fugiat aspernatur culpa quod delectus quidem consequatur odio assumenda saepe inventore molestiae ea expedita hic dolorum distinctio ut! Maiores, error.</p>
</div>
</div>
</div>
</div>
</div>
<div class="promo topmargin-lg promo-border bottommargin-lg promo-full">
<div class="container clearfix">
<h3>Call us today at <span>+603-5636 2255</span> or Email us at <span>sales@malpy.com.my</span></h3>
<span>We strive to provide Our Customers with Top Notch Support to make their Theme Experience Wonderful</span>
<a href="#section-contact" class="button button-xlarge button-rounded">Contact Us</a>
</div>
</div>
<div class="container clearfix">
<div class="heading-block center">
<h1>Some of our <span>RZOIL Products</span></h1>
<span>We have worked on some Awesome Projects that are worth boasting of.</span>
</div>
</div>
<!-- Portfolio Items
============================================= -->
<div id="portfolio" class="portfolio grid-container portfolio-nomargin portfolio-full portfolio-masonry mixed-masonry clearfix">
<article class="portfolio-item pf-media pf-icons wide">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed01.png" alt="Engine Oil">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Engine Oil</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-illustrations">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed02.png" alt="Diesel-Additives">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Diesel-Additives</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-graphics pf-uielements">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed03.png" alt="Additives">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Other Additives</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-media pf-icons wide">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed04.png" alt="Care Products">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Care Products</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-uielements pf-media wide">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed05.png" alt="Radiator Additives">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Radiator Additives</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-media pf-icons">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed06.png" alt="Fuel Additives">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Fuel Additives</a></h3>
</div>
</div>
</div>
</article>
<article class="portfolio-item pf-uielements pf-icons">
<div class="portfolio-image">
<a href="products.html">
<img src="images/product/mixed07.png" alt="Engine Additives">
</a>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3><a href="products.html">Engine Additives</a></h3>
</div>
</div>
</div>
</article>
</div><!-- #portfolio end -->
<div class="topmargin center"><a href="products.html" class="button button-border button-circle t600">View More Products</a></div>
</div>
<div id="section-contact" class="page-section notoppadding">
<div class="content-wrap">
<div class="container clearfix">
<!-- Postcontent
============================================= -->
<div class="postcontent nobottommargin">
<h3>Send us an Email</h3>
<div class="form-widget">
<div class="form-result"></div>
<form class="nobottommargin" id="template-contactform" name="template-contactform" action="include/form.php" method="post">
<div class="form-process"></div>
<div class="col_one_third">
<label for="template-contactform-name">Name <small>*</small></label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" />
</div>
<div class="col_one_third">
<label for="template-contactform-email">Email <small>*</small></label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
</div>
<div class="col_one_third col_last">
<label for="template-contactform-phone">Phone</label>
<input type="text" id="template-contactform-phone" name="template-contactform-phone" value="" class="sm-form-control" />
</div>
<div class="clear"></div>
<div class="col_two_third">
<label for="template-contactform-subject">Subject <small>*</small></label>
<input type="text" id="template-contactform-subject" name="subject" value="" class="required sm-form-control" />
</div>
<div class="col_one_third col_last">
<label for="template-contactform-service">Services</label>
<select id="template-contactform-service" name="template-contactform-service" class="sm-form-control">
<option value="">-- Select One --</option>
<option value="Wordpress">Wordpress</option>
<option value="PHP / MySQL">PHP / MySQL</option>
<option value="HTML5 / CSS3">HTML5 / CSS3</option>
<option value="Graphic Design">Graphic Design</option>
</select>
</div>
<div class="clear"></div>
<div class="col_full">
<label for="template-contactform-message">Message <small>*</small></label>
<textarea class="required sm-form-control" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
</div>
<div class="col_full hidden">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
</div>
<div class="col_full">
<button class="button button-3d nomargin" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send Message</button>
</div>
<input type="hidden" name="prefix" value="template-contactform-">
</form>
</div>
</div><!-- .postcontent end -->
<!-- Sidebar
============================================= -->
<div class="sidebar col_last nobottommargin">
<div class="widget clearfix">
<h3 class="nobottommargin uppercase">Brunei</h3>
<address>
<strong>Headquarters:</strong>
1 & 2 Bang Hjh Dyg Adi III,
Brunei and Muara, Brunei
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (673) 2 421 888
<abbr title="Fax"><strong>Fax:</strong></abbr> (673) 2 421 788
<abbr title="Email Address"><strong>Email:</strong></abbr> sales@malpy.com.bn
<div class="line line-sm"></div>
<h3 class="nobottommargin uppercase">Malaysia</h3>
<address>
<strong>Headquarters:</strong>
No. 3, Jalan SS 13/3C,
Subang Jaya, Selangor,
47500 Petaling Jaya
</address>
<abbr title="Phone Number"><strong>Phone:</strong></abbr> (60) 3 5636 2255
<abbr title="Fax"><strong>Fax:</strong></abbr> (60) 3 5636 2255
<abbr title="Email Address"><strong>Email:</strong></abbr> sales@malpy.com.my
</div>
<div class="widget noborder notoppadding">
<a href="#" class="social-icon si-small si-dark si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-small si-dark si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon si-small si-dark si-dribbble">
<i class="icon-dribbble"></i>
<i class="icon-dribbble"></i>
</a>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15936.371030618267!2d101.597904!3d3.069885!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x23261710b4c212a0!2sMalpy%20Machinery%20(M)%20Sdn.%20Bhd.!5e0!3m2!1sen!2smy!4v1569747229959!5m2!1sen!2smy" width="400" height="400" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div><!-- .sidebar end -->
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="dark">
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container clearfix">
<div class="col_half">
<img src="images/footer-logo.png" alt="" class="footer-logo">
Copyrights © 2019 All Rights Reserved by Malpy Machinery (M) SDN BHD.
</div>
<div class="col_half col_last tright">
<div class="copyrights-menu copyright-links fright clearfix">
<a href="#">Home</a>/<a href="#">About</a>/<a href="#">Features</a>/<a href="#">Portfolio</a>/<a href="#">FAQs</a>/<a href="#">Contact</a>
</div>
<div class="fright clearfix">
<a href="#" class="social-icon si-small si-borderless nobottommargin si-facebook">
<i class="icon-facebook"></i>
<i class="icon-facebook"></i>
</a>
<a href="#" class="social-icon si-small si-borderless nobottommargin si-twitter">
<i class="icon-twitter"></i>
<i class="icon-twitter"></i>
</a>
<a href="#" class="social-icon si-small si-borderless nobottommargin si-vimeo">
<i class="icon-vimeo"></i>
<i class="icon-vimeo"></i>
</a>
<a href="#" class="social-icon si-small si-borderless nobottommargin si-linkedin">
<i class="icon-linkedin"></i>
<i class="icon-linkedin"></i>
</a>
</div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script src="js/jquery.js"></script>
<script src="js/plugins.js"></script>
<!-- Google Map JavaScripts
============================================= -->
<script src="https://maps.google.com/maps/api/js?key=AIzaSyCzkxzbEni5vR_Ugt1De8gBzrLX3236bnA"></script>
<script src="js/jquery.gmap.js"></script>
<!-- Footer Scripts
============================================= -->
<script src="js/functions.js"></script>
<!-- SLIDER REVOLUTION 5.x SCRIPTS -->
<script src="include/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="include/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="include/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
<script>
var tpj=jQuery;
tpj.noConflict();
tpj(document).ready(function() {
var apiRevoSlider = tpj('#rev_slider_ishop').show().revolution(
{
sliderType:"standard",
jsFileLocation:"include/rs-plugin/js/",
sliderLayout:"fullwidth",
dottedOverlay:"none",
delay:9000,
navigation: {},
responsiveLevels:[1200,992,768,480,320],
gridwidth:1140,
gridheight:500,
lazyType:"none",
shadow:0,
spinner:"off",
autoHeight:"off",
disableProgressBar:"on",
hideThumbsOnMobile:"off",
hideSliderAtLimit:0,
hideCaptionAtLimit:0,
hideAllCaptionAtLilmit:0,
debugMode:false,
fallbacks: {
simplifyAll:"off",
disableFocusListener:false,
},
navigation: {
keyboardNavigation:"off",
keyboard_direction: "horizontal",
mouseScrollNavigation:"off",
onHoverStop:"off",
touch:{
touchenabled:"on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "ares",
enable: true,
hide_onmobile: false,
hide_onleave: false,
tmp: '<div class="tp-title-wrap"> <span class="tp-arr-titleholder">{{title}}</span> </div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 10,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 10,
v_offset: 0
}
}
}
});
apiRevoSlider.bind("revolution.slide.onloaded",function (e) {
SEMICOLON.slider.sliderParallaxDimensions();
});
}); //ready
</script>
<script>
jQuery(function() {
jQuery( "#side-navigation" ).tabs({ show: { effect: "fade", duration: 400 } });
});
</script>
</body>
</html>Thank You canvas great support. Really love you guys~