LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
(03) 9465 9639
14/350 Settlement Road
Mon-Sat 8.00 - 18.00
admin@cmtpanels.com
Thomastown, VIC 3074
Sunday CLOSED
14/350 Settlement Rd Thomastown, Victoria. Locate us on the map here.
CMT panels have been in the industry for over 30 years. Our aim is to bring your project vision to reality. With unrivaled experience in the sandwich panel and cool room industry, you can rest assured knowing that our team of accredited builders, installers and project managers will assist you with your project from start to finish no matter how big or small. CMT panels is leading the industry by staying abreast with technology using the latest in panel installing techniques, we have been trusted to play a large part in installing some of Australasia's biggest projects. Using only the best available materials on the market and a focus on quality, you can be at ease knowing that you are in good hands at CMT panels.

About Us

A LITTLE SOMETHING ABOUT US

OUR HISTORY AND ACHIEVEMENTS

Began learning in the panel industry by working with some of Australia biggest companies including pacesetter, portacom, Ausco and James Hardies.

Started installing various cool rooms and freezers around the country.

As well as contracting for ALL the major sandwich panel building companies, we began to take a keen interest in cool room construction.

On top of cool room, chassis and portable building fabrication , we begin a partnership with one of Australia's largest manufacturer of switch rooms, temperature controlled shelters and specific designed transportable rooms furthering our knowledge in this field. To date close to 9000 sandwich panel buildings have been manufactured by CMT panels with our partner.

We become what we are now known as CMT Panels.

We begin our part in the Gorgon project, Barrow Island WA. This was at the time one of the largest construction jobs hapenning in the world.

We move premises to Thomaston in Victoria to help accommodate larger projects and expand.

We begin our part on the Wheatstone project, Onslow WA, also one of the largest construction jobs in the world.

Our crew of guys help with the south Melbourne market relocation.

Our company continues to grow and make marks in the construction industry.

Copyright @ 2017 CMT Panels. All Rights Reserved.

CSS
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700);
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900,900i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}


body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  background: white;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

#address-bar {
  width: 100%;
  height: 40px;
  background: rgb(46, 46, 46);
  position: absolute;
  z-index: -1;
}

#menu-bar {
  width: 100%;
  height: 160px;
  background: rgb(69, 69, 69);
  position: absolute;
  margin-top: 40px;
  border-top: 1px solid rgb(77, 77, 77);
  z-index: -1;
  -webkit-box-shadow: inset 0px -27px 104px -33px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: inset 0px -27px 104px -33px rgba(0, 0, 0, 0.36);
  box-shadow: inset 0px -27px 104px -33px rgba(0, 0, 0, 0.9);
}

#menu-bar2 {
  margin-top: 150px;
  position: absolute;
  height: 100px;
  width: 1000px;
  background: rgb(249, 249, 249);
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.53);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.53);
}

#main-wrap {
  margin: 0 auto;
  width: 1000px;
}

#logo img {
  margin-top: 55px;
  width: 80px;
  margin-left: -1px;
  hegith: 80px;
}

#adress-bar-text {
  position: absolute;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
  color: rgb(218, 218, 218);
}

#adress-bar-text a {
  font-size: 13px;
  font-weight: 400;
  color: rgb(236, 233, 70);
  transition: all 0.2s;
}

#adress-bar-text a:hover {
  font-size: 13px;
  font-weight: 400;
  color: white;
}

.fa-facebook-square {
  margin-top: 5px;
  position: absolute;
  font-size: 30px;
  color: rgb(70, 98, 158);
  margin-left: 938px;
  transition: all 0.2s;
}

.fa-twitter-square {
  position: absolute;
  color: rgb(94, 169, 221);
  margin-left: 973px;
  font-size: 30px;
  margin-top: 5px;
  transition: all 0.2s;
}

.fa-phone,
.fa-home {
  position: absolute;
  color: rgb(152, 152, 152);
  margin-left: 390px;
  font-size: 50px;
  margin-top: 72px;
  transition: all 0.1s;
}

.fa-phone {
  margin-left: 225px;
}

.fa-home {
  margin-left: 465px;
}

.fa-clock-o {
  position: absolute;
  color: rgb(152, 152, 152);
  margin-left: 762px;
  font-size: 50px;
  margin-top: 72px;
  transition: all 0.1s;
}

#large-p,
#large-p2,
#large-p3 {
  color: rgb(221, 221, 221);
  position: absolute;
  margin-top: 72px;
  margin-left: 445px;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 1px;
  font-size: 18px;
}

#large-p {
  margin-left: 279px;
}

#large-p2 {
  margin-left: 520px;
}

#large-p3 {
  margin-left: 818px;
}

#small-p,
#small-p2,
#small-p3 {
  color: rgb(152, 152, 152);
  margin-top: 96px;
  font-size: 16px;
  margin-left: 445px;
  position: absolute;
}

#small-p {
  margin-left: 280px;
}

#small-p2 {
  margin-left: 521px;
}

#small-p3 {
  margin-left: 818px;
}


/*
.fa-youtube-square{
  position: absolute;
  color: #c4302b;
  margin-left: 975px;
  font-size: 30px;
  margin-top: 5px;
  transition: all 0.2s;
}

*/

.fa-twitter-square:hover,
.fa-facebook-square:hover {
  color: white;
}

#nav-one {
  position: relative;
  float: left;
  margin-left: -25px;
  padding-top: 35px;
}

#nav-one ul {
  list-style: none;
}

#nav-one ul li {
  display: inline;
  padding-left: 70px;
  position: center;
}

#nav-one ul li a {
  color: rgb(152, 152, 152);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 4px;
  font-size: 16px;
  transition: ;
  padding-bottom: 38px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}

#nav-one ul li a:hover {
  color: rgb(69, 69, 69);
  border-bottom: 4px solid rgb(236, 233, 70);
}

#page-name-bar{
  width: 100%;
  height: 200px;
  margin-top: 200px;
  position: absolute;
  background-color: rgb(238, 238, 238);
  background-image: url(https://demo.proteusthemes.com/buildpress/wp-content/uploads/sites/16/2014/10/title-area-pattern.png);
  background-repeat: repeat;
  border-bottom: 1px solid rgb(215, 215, 215);
  
}

#page-name-bar-heading{
  position: absolute;
  margin-top: 110px;
  width: 1000px;
}

#p-n-b-h{
  color: rgb(51, 51, 51);
  margin-left: -20px;
  margin-top: 50px;
  text-align: center;
  color: rgb(51, 51, 51);
  font-size: 40px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -1px;
  
}

#p-n-b-h2{
  position: absolute;
  margin-top: 45px;
  font-size: 18px;
  margin-left: 345px;
  font-weight: 600;
  font-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  color: rgb(77, 77, 77);
  padding-bottom: 10px;
}

#p-n-b-h3{
  position: absolute;
  margin-top: 375px;
  font-size: 18px;
  margin-left: 337px;
  font-weight: 600;
  font-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  color: rgb(77, 77, 77);
  padding-bottom: 10px;
}



/* _wrapper.css */
.wrapper {
  z-index: 2;
  padding-left: 18px;
  padding-right: 18px;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}


/* _timeline.css */
.timeline {
  position: relative;
  height: 3160px;
  margin: 670px auto;
  padding: 160px 0;
  margin-left: -12px;

}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 4px;
  height: 100%;
  background-color: rgb(77, 77, 77);
}
@media (min-width: 800px){
  .timeline::before{
    left: 50%;
    margin-left: -2px;
  }
}
.timeline__item {
  margin-bottom: 100px;
  position: relative;
}
.timeline__item::after{
  content: "";
  clear: both;
  display: table;
}
.timeline__item:nth-child(2n) .timeline__item__content {
  float: right;
}
.timeline__item:nth-child(2n) .timeline__item__content::before {
  content: '';
  right: 40%;
}
@media (min-width: 800px){
  .timeline__item:nth-child(2n) .timeline__item__content::before{
    left: inherit;
  }
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
  background-color: rgb(248, 158, 28);
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
  color: rgb(77, 77, 77);
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item-bg {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  color: rgb(77, 77, 77);
}
.timeline__item-bg:nth-child(2n) .timeline__item__station {
  background-color: rgb(77, 77, 77);
}
.timeline__item-bg:nth-child(2n) .timeline__item__content {
  background-color: rgb(248, 158, 28);
}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
  background-color: rgb(77, 77, 77);
}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
  color: #fff;
}
.timeline__item-bg .timeline__item__station {
  background-color:  rgb(77, 77, 77);
}
.timeline__item-bg .timeline__item__content {
  background-color: rgb(248, 158, 28);
}
.timeline__item-bg .timeline__item__content::before {
  background-color: rgb(77, 77, 77);
}
.timeline__item-bg .timeline__item__content__description {
  color: #fff;
}
.timeline__item__station {
  background-color: rgb(248, 158, 28);
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  top: 0;
  left: 10%;
  margin-left: -33px;
  border: 4px solid rgb(77, 77, 77);
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__station{
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    padding: 15px;
    border-width: 6px;
  }
}
.timeline__item__content {
  width: 80%;
  background: #fff;
  border: 4px solid rgb(77, 77, 77);
  padding: 20px 30px;
  border-radius: 6px;
  float: right;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content{
    width: 40%;
    float: inherit;
    padding: 30px 40px;
  }
}
.timeline__item__content::before {
  content: '';
  position: absolute;
  left: 10%;
  background: rgb(77, 77, 77);
  top: 20px;
  width: 10%;
  height: 4px;
  z-index: -1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content::before{
    left: 40%;
    top: 30px;
    height: 4px;
    margin-top: -2px;
  }
}
.timeline__item__content__date {
  margin: 0;
  padding: 8px 12px;
  font-size: 18px;
  margin-bottom: 10px;
  background-color: rgb(248, 158, 28);
  color: rgb(77,77,77);
  display: inline-block;
  border-radius: 4px;
  border: 2px solid rgb(77, 77, 77);
}
.timeline__item__content__description {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: rgb(77, 77, 77);
}
@media (min-width: 800px){
  .timeline__item__content__description{
    font-size: 19px;
    line-height: 28px;
  }
}

#about-us-text{
  color: #999999;
  margin-top: 340px;
  margin-left: 135px;
  font-size: 16px;
  letter-spacing: 1px;
  width: 700px;
  text-align: center;
  line-height: 31px;
   z-index: 3;
  position: absolute;
}

#footer-back{
  width: 100%;
  height: 350px;
  position: absolute;
    -webkit-box-shadow: inset 0px 35px 104px -33px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: inset 0px 35px 104px -33px rgba(0, 0, 0, 0.36);
  box-shadow: inset 0px 35px 104px -33px rgba(0, 0, 0, 0.9);
  background: rgb(69, 69, 69);
  margin-top: 4233px;
  z-index: -1;
}

#footer-back2 {
  width: 100%;
  margin-top: 4583px;
  height: 60px;
  background: rgb(46, 46, 46);
  position: absolute;
  z-index: -1;
}

#logo-bottom{
  z-index: 99;
}

#logo-bottom img {
  position: absolute;
  margin-top: -340px;
  width: 80px;
  margin-left: -1px;
  z-index: 99;
  height: 80px;
}

#cpyright-txt{
  position: absolute;
  margin-top: -044px;
  font-size: 13px;
  font-weight: 400;
  color: rgb(218, 218, 218);
}

#footer-menu{
    position: absolute;
  margin-top: -352px;
  margin-left: 150px;
}

#footer-menu2{
  font-size: 14px;
  margin-left: 0px;
  color: rgb(228,228,228);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3{
  position: absolute;
  font-size: 12px;
  margin-top: -352px;
  margin-left: 0px;
  width: 200px;
  color: rgb(130,130,130);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3 a:hover{
  color: #fcc71f;
}

#footer-menub{
  position: absolute;
  margin-top: -352px;
  margin-left: 335px;
}

#footer-menu2b{
  font-size: 14px;
  margin-left: 0px;
  color: rgb(228,228,228);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3b{
    font-size: 12px;
  margin-left: 0px;
  color: rgb(130,130,130);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3b a{
  font-size: 12px;
  margin-left: 0px;
  color: rgb(130,130,130);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3b a:hover{
  color: #fcc71f;
}
#footer-menu3{
  font-size: 12px;
  margin-top: 6px;
  margin-left: 0px;
  width: 200px;
  color: rgb(130,130,130);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

#footer-menu3 a:hover{
  color: #fcc71f;
}

#right-border-grey{
  position: absolute;
  width: 500px;
  height: 296px;
  margin-left: -4px;
  margin-top: -700px;
  border-right: 4px solid rgb(77, 77, 77);
}
JS
function customWayPoint(className, addClassName, customOffset) {
  var waypoints = $(className).waypoint({
    handler: function(direction) {
      if (direction == "down") {
        $(className).addClass(addClassName);
      } else {
        $(className).removeClass(addClassName);
      }
    },
    offset: customOffset
  });
}

var defaultOffset = '50%';

for (i=0; i<17; i++) {
  customWayPoint('.timeline__item--'+i, 'timeline__item-bg', defaultOffset);
}
Term
Fri, 12/08/2017 - 19:27

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv