copperandzincroofing.com.au
Open in
urlscan Pro
66.35.109.212
Public Scan
Submitted URL: https://www.czrc.com.au/
Effective URL: https://copperandzincroofing.com.au/
Submission: On November 17 via api from US — Scanned from AU
Effective URL: https://copperandzincroofing.com.au/
Submission: On November 17 via api from US — Scanned from AU
Form analysis 1 forms found in the DOM
POST /
<form method="post" action="/" id="Form" enctype="multipart/form-data">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
value="WpplPKaw087tK3zXOR+4JnH7kkEToo7jvOqq1J5e1hC2Y4jDFh0eTZ/JDZMuL+ReTl+BjeidxhyQPvjJ4iZBrorloqrptvypcKS7LmYVWbs2Tld/W/VZ4pi1+WchFWNylF3YpNj03nHi1wLgNwHOD9qdDX7M2vCzW3bIv1vs6oOlY2U5f4hrMUswvX0cCFuFuzS+Ab/ucHOXTSZSu7TaLfLiCLLSx9gBQEfZclfPGPEzrRK3L7AitRr5Tai5Hj8WSc6dMrfNaOhPM0wS9InA53uDeIrF2XvZFtwADDWea2gm8RPdOxjT9+FMrKrOWxwiPaqPFWSBulAYJpZRdsw5WFgumFtjxJezMJEO1o1ptynqKLyVNE7h84OIQ5y8/TnIF87eOQ==">
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['Form'];
if (!theForm) {
theForm = document.Form;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<script src="/WebResource.axd?d=pynGkmcFUV0-QEhAS37eeS09eCvMPoZlMVS1_lrFJE_H_Tl3UMRO-0WAvsk1&t=638611231965203766" type="text/javascript"></script>
<script src="/ScriptResource.axd?d=D9drwtSJ4hAob6mtbRjKD-dFwZ9QgTnZBIz5qNVjOKu2Hut22nIrEbh0uPAO0ST4gH0djWc7G9awY7HRSi-6jn2n1ZROjbldu2fzfm1UpO_zuU4jBphD95lfcP3tVCam7iycjvq15vWzwjtY0&t=ffffffffb201fd3f" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(Sys) === 'undefined') throw new Error('ASP.NET Ajax client-side framework failed to load.');
//]]>
</script>
<script src="/ScriptResource.axd?d=JnUc-DEDOM5nlE887aATtQ_ViG-uAQucQ8hX6_EUS_XUd_TlrLbvrlMoigHgyf-Qb4WjZSog28mm8Z2q2LXt93tclc5GNVAdtMq7zxp-RBxSvT9zpb4V9rsQIIztZQbTCezac0YTFcpmWBXpNXtf709A5sk1&t=ffffffffb201fd3f" type="text/javascript"></script>
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
<input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="gcITQyNR5ndeY8F8RBeID7rqXPZTdy0yzdHIAIjepKuDPhe7wiMpItQ8LpUSfqnyXEmNgCk8tTVk/rgMhAwGz9YyozA6xNuGaSjL/TSX9l4zbIuf">
</div>
<script src="/js/dnn.js?cdv=69" type="text/javascript"></script>
<script src="/js/Debug/dnn.modalpopup.js?cdv=69" type="text/javascript"></script>
<script src="/Resources/Shared/Scripts/jquery/jquery.hoverIntent.min.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/bootstrap.min.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scrollMagic/plugins/TweenMax.min.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scrollMagic/ScrollMagic.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scrollMagic/plugins/animation.gsap.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scrollMagic/plugins/ScrollToPlugin.min.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scrollMagic/plugins/debug.addIndicators.js?cdv=69" type="text/javascript"></script>
<script src="/Portals/_default/skins/czr/js/scripts.js?cdv=69" type="text/javascript"></script>
<script src="/js/Debug/dnncore.js?cdv=69" type="text/javascript"></script>
<script src="/js/Debug/dnn.servicesframework.js?cdv=69" type="text/javascript"></script>
<script src="/DesktopModules/EasyDNNNews/static/rateit/js/jquery.rateit_2.2.js?cdv=69" type="text/javascript"></script>
<script src="/Resources/Shared/Scripts/dnn.jquery.js?cdv=69" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 90, '');
//]]>
</script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Header -->
<header>
<nav class="navbar navbar-expand-xl navbar-dark container align-items-sm-start align-items-center">
<a id="dnn_dnnLOGO_hypLogo" title="The Copper & Zinc Roofing Company" href="https://copperandzincroofing.com.au/"><img id="dnn_dnnLOGO_imgLogo" class="navbar-brand" src="/Portals/0/CZRC%20Logo%20Full_White.png?ver=2020-12-04-040925-283" alt="The Copper & Zinc Roofing Company"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link " href="https://copperandzincroofing.com.au/">
Home
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/About-Us">
About Us
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Services">
Services
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Projects">
Projects
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Materials">
Materials
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Craftsmanship">
Craftsmanship
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Employment">
Employment
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://copperandzincroofing.com.au/Contact-Us">
Contact Us
</a>
</li>
</ul>
</div>
</nav>
</header>
<script>
jQuery(function($) {
var clickthru = false;
var path = window.location.pathname;
$('.dropdown-item').each(function() {
if (path.split('/').pop() === $(this).attr('href').split('/').pop()) {
$(this).addClass('active');
$(this).parent().parent().addClass('active');
}
})
//path.split('/')[1] == 0 ? $('.bottom-menu').addClass(colorsMatrix[0][1]) : 0;
if ($(window).width() > 769) {
$('.navbar .dropdown').hover(function() {
$(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
}, function() {
$(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
});
$('.navbar .dropdown > a').click(function() {
location.href = this.href;
});
} else {
$('.navbar .dropdown > a').click(function() {
if (clickthru == false) {
$(this).parent().find('.dropdown-menu').first().stop(true, true).delay(250).slideDown();
clickthru = true
} else {
$(this).parent().find('.dropdown-menu').first().stop(true, true).delay(100).slideUp();
location.href = this.href;
}
});
}
});
</script>
<!-- //Header -->
<div id="siteWrapper" class="home">
<!-- Page Content -->
<main role="main">
<a id="return-top" href=""><i class="far fa-arrow-alt-circle-up"></i></a>
<div class="bg-black">
<div id="banner" class="main-banner-container fs hometest">
<div class="banner-image"></div>
<div class="side-overlay"></div>
<div class="banner-spacer"></div>
<div class="wrapper container">
<div class="row w-100">
<div class="overlay px-3 px-lg-5 pt-2 pt-lg-4 pb-4 col-sm-9 col-md-8 col-lg-6 col-xs-12 text-container s">
<div id="dnn_BannerContent">
<div class="DnnModule DnnModule-2sxc DnnModule-457 DnnVersionableControl"><a name="457"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr457_ContentPane" class=""><!-- Start_Module_457 -->
<div id="dnn_ctr457_ModuleContent" class="DNNModuleContent Mod2sxcC">
<div class="sc-content-block" data-cb-instance="457" data-cb-id="457">
<div class="sc-element">
</div>
<h1 class="title h1">Over 15 Years Experience</h1>
<h2 class="h5">SPECIALISING IN THE APPLICATION OF COPPER, ZINC AND ALUMINIUM ON HIGH-END ARCHITECTURAL DWELLINGS</h2>
</div>
</div><!-- End_Module_457 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-400">
<div id="mainContent-inner">
<div class="container top-most">
<section class="row dnnpane">
<div id="dnn_ContentPane" class="col-md-12 contentPane DNNEmptyPane"></div>
</section>
<section class="padding-top-md-9 padding-top-4 padding-bottom-4">
<div id="dnn_P1_100">
<div class="DnnModule DnnModule-2sxc DnnModule-397 DnnVersionableControl"><a name="397"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr397_ContentPane" class=""><!-- Start_Module_397 -->
<div id="dnn_ctr397_ModuleContent" class="DNNModuleContent Mod2sxcC">
<div class="sc-content-block" data-cb-instance="397" data-cb-id="397">
<div class="row">
<div class="col-md-5">
<h2 class="h2">The Copper and Zinc<br> Roofing Company</h2>
<span class="h6">We are copper, zinc & aluminium<br> roofing and cladding specialists.</span>
<p>Owner/director Dan Coddington has over 15 years experience in all aspects of roofing and formed the copper and zinc roofing company on a foundation of exceptional quality, attention to detail, outstanding service,
innovation, experience and an extensive knowledge of materals and their application.</p>
<p><a class="hover-white underline-link" href="#">see more</a></p>
<div class="margin-top-4 d-none d-xl-block">
<ul class="list-inline">
<li class="list-inline-item"><span class="h6"><a class="hover-white d-flex align-items-center flex-column" href="/Craftsmanship"><i class="czr-icon-craftsmanship"></i>Craftsmanship</a></span></li>
<li class="list-inline-item"><span class="h6"><a class="hover-white d-flex align-items-center flex-column" href="/Materials-Services"><i class="czr-icon-materials-sevices"></i>Materials</a></span></li>
<li class="list-inline-item"><span class="h6"><a class="hover-white d-flex align-items-center flex-column" href="/Projects"><i class="czr-icon-projects"></i>Projects</a></span></li>
</ul>
</div>
</div>
<div class="col-md-7">
<img class="w-100 img-fluid" src="/Portals/0/adam/Content/PfNDHd6ACUWsO5u9OF0ocg/Image/Palm-Beach-House-3.png">
</div>
<div class="col-12 d-xl-none text-center">
<div class="margin-top-4">
<ul class="list-sm-inline list-block ml-0">
<li class="list-sm-inline-item list-block-item"><span
class="h6"><a class="border border-sm-0 hover-white d-flex align-items-center flex-sm-column flex-row-reverse justify-content-center p-4 p-sm-0" href="/Craftsmanship"><i class="czr-icon-craftsmanship ml-4 ml-sm-0 mb-0 mb-sm-3"></i>Craftsmanship</a></span>
</li>
<li class="list-sm-inline-item list-block-item"><span
class="h6"><a class="border border-sm-0 hover-white d-flex align-items-center flex-sm-column flex-row-reverse justify-content-center p-4 p-sm-0" href="/Materials-Services"><i class="czr-icon-materials-sevices ml-4 ml-sm-0 mb-0 mb-sm-3"></i>Materials</a></span>
</li>
<li class="list-sm-inline-item list-block-item"><span
class="h6"><a class="border border-sm-0 hover-white d-flex align-items-center flex-sm-column flex-row-reverse justify-content-center p-4 p-sm-0" href="/Projects"><i class="czr-icon-projects ml-4 ml-sm-0 mb-0 mb-sm-3"></i>Projects</a></span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div><!-- End_Module_397 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</section>
<div class="row">
<hr class="black">
</div>
<section class="row padding-top-4">
<div id="dnn_P2_100_1" class="col-md-12">
<div class="DnnModule DnnModule-2sxc DnnModule-398 DnnVersionableControl"><a name="398"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr398_ContentPane" class=""><!-- Start_Module_398 -->
<div id="dnn_ctr398_ModuleContent" class="DNNModuleContent Mod2sxcC">
<div class="sc-content-block" data-cb-instance="398" data-cb-id="398">
<style>
.h6 p {
color: #ff6558;
}
.templates .wLink a {
text-decoration: underline;
font-weight: bold;
}
.templates .wLink a:hover {
color: white !important;
}
</style>
<div class="sc-element">
</div>
<div class="templates d-block d-sm-flex justify-content-between align-items-center mb-4 mb-sm-2">
<div class="d-lg-flex flex-lg-row align-items-center">
<h2 class="border-right h2 mr-3 pr-3 d-flex align-items-center">Latest Projects</h2>
<span class="h6">Copper, zinc and aluminium high<br> end architectural dwellings.</span>
<span class="h6 wLink"></span>
</div>
<div>
<a class="hover-white underline-link" href="/Projects">See all projects</a>
</div>
</div>
</div>
</div><!-- End_Module_398 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-EasyDNNnews DnnModule-395"><a name="395"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr395_ContentPane" class=""><!-- Start_Module_395 -->
<div id="dnn_ctr395_ModuleContent" class="DNNModuleContent ModEasyDNNnewsC">
<script type="text/javascript">
/*<![CDATA[*/
eds2_2(function($) {
if (typeof edn_fluidvids != 'undefined') edn_fluidvids.init({
selector: ['.edn_fluidVideo iframe'],
players: ['www.youtube.com', 'player.vimeo.com']
});
});
/*]]>*/
</script>
<div class="eds_news_module_395 news eds_subCollection_news eds_news_CZR eds_template_List_Article_Tile_HomePage eds_templateGroup_newsListArticleDefault eds_styleSwitchCriteria_module-395">
<div id="dnn_ctr395_ViewEasyDNNNewsMain_ctl00_pnlListArticles">
<!--ArticleRepeat:Before:-->
<div class="projects">
<div class="edn_395_article_list_wrapper row ">
<!--ArticleTemplate-->
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 pb-4 mb-lg-0 project">
<div class="d-block">
</div>
<a href="https://www.copperandzincroofing.com.au/Projects/gerringong" target="_self">
<img class="img-fluid w-100" src="/Portals/0/EasyDNNnews/Uploads/31/Gerringong - Latest- HERO-91764.jpg" alt="Gerringong">
<div class="cover">
<div class="text-wrap" style="visibility: inherit; opacity: 1;">
<span class="h6 mb-0">Aluminium </span>
<h3 class="h3">Gerringong</h3>
</div>
</div>
</a>
</div>
<!--ArticleTemplate-->
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 pb-4 mb-lg-0 project">
<div class="d-block">
</div>
<a href="https://www.copperandzincroofing.com.au/Projects/surfview" target="_self">
<img class="img-fluid w-100" src="/Portals/0/EasyDNNnews/Uploads/36/Battle Boulevarde - Latest-7551.jpg" alt="Surfview">
<div class="cover">
<div class="text-wrap" style="visibility: inherit; opacity: 1;">
<span class="h6 mb-0">Copper Tiles</span>
<h3 class="h3">Surfview</h3>
</div>
</div>
</a>
</div>
<!--ArticleTemplate-->
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 pb-4 mb-lg-0 project">
<div class="d-block">
</div>
<a href="https://www.copperandzincroofing.com.au/Projects/gerringong-shed" target="_self">
<img class="img-fluid w-100" src="/Portals/0/EasyDNNnews/Uploads/32/Gerringong Shed - Latest- HERO-91485.jpg" alt="Gerringong Shed">
<div class="cover">
<div class="text-wrap" style="visibility: inherit; opacity: 1;">
<span class="h6 mb-0">Aluminium </span>
<h3 class="h3">Gerringong Shed</h3>
</div>
</div>
</a>
</div>
<!--ArticleTemplate-->
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 pb-4 mb-lg-0 project">
<div class="d-block">
</div>
<a href="https://www.copperandzincroofing.com.au/Projects/battle-boulevarde" target="_self">
<img class="img-fluid w-100" src="/Portals/0/EasyDNNnews/Uploads/37/Battle Boulevarde - Latest-23.jpg" alt="Battle Boulevarde">
<div class="cover">
<div class="text-wrap" style="visibility: inherit; opacity: 1;">
<span class="h6 mb-0">Zinc</span>
<h3 class="h3">Battle Boulevarde</h3>
</div>
</div>
</a>
</div>
<!--ArticleRepeat:After:-->
</div>
</div>
</div>
</div>
</div><!-- End_Module_395 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</section>
<section class="row dnnpane">
<div id="dnn_P3_33_1" class="col-md-4 DNNEmptyPane"></div>
<div id="dnn_P3_33_2" class="col-md-4 DNNEmptyPane"></div>
<div id="dnn_P3_33_3" class="col-md-4 DNNEmptyPane"></div>
</section>
</div>
<section class="dnnpane">
<div id="dnn_ContentPaneLower" class="w-100">
<div class="DnnModule DnnModule-2sxc DnnModule-399 DnnVersionableControl"><a name="399"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr399_ContentPane" class=""><!-- Start_Module_399 -->
<div id="dnn_ctr399_ModuleContent" class="DNNModuleContent Mod2sxcC">
<div class="sc-content-block" data-cb-instance="399" data-cb-id="399">
<div id="quote" class="quote">
<div class="container">
<div class="row">
<div class="offset-lg-1 col-lg-10">
<div class="content p-5"><i class="fas fa-quote-left mb-3"></i>
<blockquote>
<p>We engaged the copper and zinc roofing company to install our zinc roof. Throughout the process, dan was knowledgable and very helpful. He took the time to go through details with our architect to make sure we
got the job right. He is a craftsman with pride in his work. Dan built a beautiful roof for us.</p>
</blockquote>
<span class="author h6 float-right">- Cremorne</span>
</div>
</div>
</div>
</div>
<div class="image w-100">
<img class="img-fluid w-100" src="/Portals/0/adam/Content/eoaG-_6w-U2Ejvv0Mq-fCQ/Image/background-gray.png">
</div>
</div>
<script>
! function(e) {
var breakpoints = {
xs: 0,
sm: 576,
md: 768,
lg: 992,
xl: 1200
}
var shift = function() {
var w = $(window).width();
var r = [];
if (w >= breakpoints.lg) {
r[0] = "-7%";
r[1] = "90%";
} else if (w >= breakpoints.md) {
r[0] = "-15%";
r[1] = "70%";
} else if (w >= breakpoints.sm) {
r[0] = "-25%";
r[1] = "60%";
} else {
r[0] = "-35%";
r[1] = "50%";
}
return r;
}();
var controller = new ScrollMagic.Controller;
var t = new TimelineMax;
t.to(e(".image img"), 1.4, {
y: shift[0],
ease: Power1.easeOut
}, "-=0.2");
{
new ScrollMagic.Scene({
triggerElement: "#quote",
triggerHook: 0.5,
duration: shift[1]
}).setTween(t).addTo(controller)
}
controller.scrollTo(function(e) {
TweenMax.to(window, 1, {
scrollTo: {
y: e
},
ease: Power1.easeInOut
});
});
}(jQuery);
</script>
</div>
</div><!-- End_Module_399 -->
</div>
<div class="clear"></div>
</div>
</div>
<div class="DnnModule DnnModule-2sxc DnnModule-465 DnnVersionableControl"><a name="465"></a>
<div class="valid-404 SpacingBottom">
<div id="dnn_ctr465_ContentPane" class=""><!-- Start_Module_465 -->
<div id="dnn_ctr465_ModuleContent" class="DNNModuleContent Mod2sxcC">
<div class="sc-content-block" data-cb-instance="465" data-cb-id="465">
<div class="sc-element">
</div>
<div class="d-flex justify-content-center align-items-center pt-4 pb-4 flex-column flex-sm-row text-center text-sm-left">
<div class="d-flex align-items-center mr-5">
<img class="award-logo mr-3" alt="MRCAA" src="/portals/0/Images/Image-footer.png" title="MRCAA">
<h2 class="h2 mb-2">Awards</h2>
</div>
<div class="d-flex flex-column flex-lg-row text-center text-sm-left">
<span class="h6 mb-0 mr-2">Excellence in Metal Roofing<span class="d-none d-sm-inline"> | </span><br class="d-sm-none">2016, 2017, & 2018<span class="d-none d-lg-inline"> |</span> </span>
<a class="hover-white underline-link" href="/about-us/accolades">see awards</a>
</div>
</div>
</div>
</div><!-- End_Module_465 -->
</div>
<div class="clear"></div>
</div>
</div>
</div>
</section>
</div><!-- /.mainContent-inner -->
</div>
</main>
<!-- /.mainContent -->
<!-- /.container -->
</div>
<!-- /.SiteWrapper -->
<!-- Footer -->
<footer role="contentinfo" class="top-most">
<div class="footer-above">
<div class="container">
<div class="row">
<!-- <div class="col-sm-6 col-md-3 logo-contact mb-3 mb-sm-0">
<a id="dnn_dnnLOGOFOOTER_hypLogo" title="The Copper & Zinc Roofing Company" href="https://copperandzincroofing.com.au/"><img id="dnn_dnnLOGOFOOTER_imgLogo" class="footer-logo" src="/Portals/0/CZRC%20Logo%20Full_White.png?ver=2020-12-04-040925-283" alt="The Copper & Zinc Roofing Company" /></a>
</div> -->
<div id="dnn_footerTop_12" class="col-12 DNNEmptyPane"></div>
<div id="dnn_footer_p_1" class="col-sm-6 col-md-4 col-lg-4 mb-3 mb-sm-0 DNNEmptyPane"></div>
<div id="dnn_footer_p_2" class="col-sm-6 col-md-4 col-lg-4 mb-3 mb-sm-0 DNNEmptyPane"></div>
<div id="dnn_footer_p_3" class="col-sm-6 col-md-4 col-lg-4 mb-3 mb-sm-0 offset-xs-3 offset-md-0 DNNEmptyPane"></div>
</div>
</div>
</div>
<div class="footer-social text-center">
<div class="container">
<div class="row">
<ul class="list-inline m-auto">
<li class="list-inline-item"><a href="https://www.facebook.com/Copper-and-zinc-roofing-company-330883437385750/" target="_blank"><i class="fab fa-facebook-f fa-lg"></i></a></li>
<!--<li class="list-inline-item"><a href=""><i class="fab fa-twitter fa-lg"></i></a></li>-->
<li class="list-inline-item"><a href="https://www.instagram.com/copperandzincroofingco/" target="_blank"><i class="fab fa-instagram fa-lg"></i></a></li>
<!--<li class="list-inline-item"><a href=""><i class="fab fa-linkedin-in fa-lg"></i></a></li>-->
</ul>
</div>
</div>
</div>
<div class="footer-center">
<div class="container">
<div class="row">
<div class="d-flex flex-column flex-sm-row justify-content-center align-items-center w-100 mt-4">
<p class="mr-4"><a href="tel:0299799564"><i class="fas fa-phone fa-flip-horizontal"></i>02 9979 9564</a></p>
<p><a href="mailto:info@copperandzincroofing.com.au"><i class="fas fa-at"></i>info@copperandzincroofing.com.au</a></p>
</div>
</div>
<div class="row">
<div class="footer-nav m-auto">
<ul class="list-inline text-uppercase text-center text-lg-left">
<li id="i21" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/">
Home
</a>
</li>
<li id="i33" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/About-Us">
About Us
</a>
</li>
<li id="i34" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Services">
Services
</a>
</li>
<li id="i35" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Projects">
Projects
</a>
</li>
<li id="i43" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Materials">
Materials
</a>
</li>
<li id="i36" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Craftsmanship">
Craftsmanship
</a>
</li>
<li id="i37" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Employment">
Employment
</a>
</li>
<li id="i38" class="list-inline-item">
<a href="https://copperandzincroofing.com.au/Contact-Us">
Contact Us
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="copyright float-none float-lg-left">
<span id="dnn_dnnCopyright_lblCopyright" class="SkinObject">© Copyright 2024</span> | <a href="/Privacy-Statement">Privacy Statement</a> | <a href="/Terms-of-Use">Terms of Use</a> | <a href="/login"><i class="fas fa-lock"></i></a>
</div>
<div class="developer float-none float-lg-right">
<a href="http://itworx.com.au" target="_blank">Web Designers & Developers Sydney - ITworx</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- //Footer -->
<!--CDF(Css|/Portals/_default/skins/czr/bootstrap/css/bootstrap.css?cdv=69|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/_default/skins/czr/fonts/fontawesome/css/all.min.css?cdv=69|DnnPageHeaderProvider|100)-->
<!--CDF(Css|/Portals/_default/skins/czr/css/main.css?cdv=69|DnnPageHeaderProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/bootstrap.min.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scrollMagic/plugins/TweenMax.min.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scrollMagic/ScrollMagic.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scrollMagic/plugins/animation.gsap.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scrollMagic/plugins/ScrollToPlugin.min.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scrollMagic/plugins/debug.addIndicators.js?cdv=69|DnnBodyProvider|100)-->
<!--CDF(Javascript|/Portals/_default/skins/czr/js/scripts.js?cdv=69|DnnBodyProvider|100)-->
<script>
$('.project').each(function(i, el) {
var tl = new TimelineMax({
paused: true,
onReverseComplete: reverseFunction
});
tl.to($(el).find('.cover'), 0.5, {
className: "+=bg-overlay",
width: "100%",
height: "100%",
ease: Power1.easeOut
}).to($(el).find('img'), 0, {
className: "+=grayscale"
}).fromTo($(el).find('.text-wrap'), 0.1, {
autoAlpha: 1,
ease: Power1.easeOut
}, {
autoAlpha: 0,
ease: Power1.easeOut
}, "=-0.5").to($(el).find('.text-wrap'), 0.5, {
autoAlpha: 1,
ease: Power1.easeOut
});
this.animation = tl;
$(el).hover(function() {
this.animation.play();
}, function() {
this.animation.reverse();
});
function reverseFunction() {
$(el).find('.cover').css({
width: 'auto',
height: 'auto'
});
}
});
! function(e) {
var o = new ScrollMagic.Controller;
var a = new TimelineMax;
a.to(e("#banner .wrapper"), .2, {
autoAlpha: 0,
ease: Power1.easeNone
}).to(e("#banner .banner-image"), 1.4, {
y: "20%",
ease: Power1.easeOut
}, "-=0.2").to(e("#banner"), .7, {
autoAlpha: .5,
ease: Power1.easeNone
}, "-=1.4");
{
new ScrollMagic.Scene({
triggerElement: "#banner",
triggerHook: 0,
duration: "100%"
}).setTween(a).addTo(o)
}
o.scrollTo(function(e) {
TweenMax.to(window, 1, {
scrollTo: {
y: e
},
ease: Power1.easeInOut
})
});
/*if($(window).width() > 767){
$(window).bind('load resize', function(){
var text = $('.text-container');
var textOffset = $(text).offset();
$('.side-overlay').width(textOffset.left + text.outerWidth() + 50);
});
}*/
}(jQuery);
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) {
$('#return-top').fadeIn(200);
} else {
$('#return-top').fadeOut(200);
}
});
$('#return-top').click(function(e) {
e.preventDefault();
$('body,html').animate({
scrollTop: 0
}, 500);
});
</script>
<input name="ScrollTop" type="hidden" id="ScrollTop">
<input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off" value="`{`__scdoff`:`1`,`sf_siteRoot`:`/`,`sf_tabId`:`21`}">
<input name="__RequestVerificationToken" type="hidden" value="Nyhn82msnb5jft77Sc6iDgcg28TkMsYZhrtzOJhyneRxOzI2Mux7s3KtWtVBJeeFTj8Bsg2">
</form>Text Content
* Home * About Us * Services * Projects * Materials * Craftsmanship * Employment * Contact Us OVER 15 YEARS EXPERIENCE SPECIALISING IN THE APPLICATION OF COPPER, ZINC AND ALUMINIUM ON HIGH-END ARCHITECTURAL DWELLINGS THE COPPER AND ZINC ROOFING COMPANY We are copper, zinc & aluminium roofing and cladding specialists. Owner/director Dan Coddington has over 15 years experience in all aspects of roofing and formed the copper and zinc roofing company on a foundation of exceptional quality, attention to detail, outstanding service, innovation, experience and an extensive knowledge of materals and their application. see more * Craftsmanship * Materials * Projects * Craftsmanship * Materials * Projects -------------------------------------------------------------------------------- LATEST PROJECTS Copper, zinc and aluminium high end architectural dwellings. See all projects Aluminium GERRINGONG Copper Tiles SURFVIEW Aluminium GERRINGONG SHED Zinc BATTLE BOULEVARDE > We engaged the copper and zinc roofing company to install our zinc roof. > Throughout the process, dan was knowledgable and very helpful. He took the > time to go through details with our architect to make sure we got the job > right. He is a craftsman with pride in his work. Dan built a beautiful roof > for us. - Cremorne AWARDS Excellence in Metal Roofing | 2016, 2017, & 2018 | see awards * * 02 9979 9564 info@copperandzincroofing.com.au * Home * About Us * Services * Projects * Materials * Craftsmanship * Employment * Contact Us © Copyright 2024 | Privacy Statement | Terms of Use | Web Designers & Developers Sydney - ITworx