Building Archives - Cherian Varkey Construction Company

/* ----------------------------------------- */ /* View slug: recent-projects-footer-view - start */ /* ----------------------------------------- */ /*FancyBox product*/ /* Step 1 ====== Style your page (the product list) */ .product { float: left; margin: 10px; } .product .product-images, .product .product-form { display: none; } /* Step 2 ====== Reposition and redesign fancyBox blocks */ /* This elements contains both blocks */ .fancybox-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: calc(100% - 40px); height: calc(100% - 40px); max-width: 800px; max-height: 600px; } /* Left block will contain the gallery */ .fancybox-stage { width: 52%; background: #fff; } /* Right block - close button and the form */ .fancybox-form-wrap { position: absolute; top: 40px; right: 0; bottom: 40px; width: 48%; background: #fff; } /* Add vertical lines */ .fancybox-form-wrap::before, .fancybox-form-wrap::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; } .fancybox-form-wrap::before { width: 8px; background: #f4f4f4; } .fancybox-form-wrap::after { width: 1px; background: #e9e9e9; } /* Set position and colors for close button */ .fancybox-button--close { position: absolute; top: 0; right: 0; background: #F0F0F0; color: #222; padding: 7px; } .fancybox-button:hover { color: #111; background: #e4e4e4; } .fancybox-button svg path { stroke-width: 1; } /* Set position of the form */ .fancybox-inner .product-form { overflow: auto; position: absolute; top: 50px; right: 0; bottom: 50px; left: 0; padding: 0 50px; text-align: center; } /* Step 3 ====== Tweak fade animation */ .fancybox-inner { opacity: 0; transition: opacity .3s; } .fancybox-is-open .fancybox-inner { opacity: 1; } .fancybox-is-closing .fancybox-fx-fade { opacity: 1 !important; /* Prevent double-fading */ } /* Step 2 ====== Bullet navigation design */ .product-bullets { list-style: none; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 0; z-index: 99999; -webkit-tap-highlight-color: rgba(0,0,0,0); } .product-bullets li { display: inline-block; vertical-align: top; } .product-bullets li a { display: block; height: 30px; width: 20px; position: relative; } .product-bullets li a span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 10px; height: 10px; border-radius: 99px; text-indent: -99999px; overflow: hidden; background: #fff; box-shadow: 0px 0px 2px rgba(0,0,0,0.5); } .product-bullets li.active a span { background: #FF6666; } /* ----------------------------------------- */ /* View slug: recent-projects-footer-view - end */ /* ----------------------------------------- */

Project-taxonomy: Building

Civil Works of Warehouse and Allied Facilities at Cochin

Construction of Super Speciality Block for Govt Medical College, Kottayam Phase II

Malabar Cancer Center Thalassery

MES Mundamveli ,Kochi

Mangalore SEZ Limited

Qatar Airways Building Kochi

CCK petronet

HDFC Office Building, Kochi

Idukki MCH

IOCL RESIDENTIAL APARTMENT IN PANAMPILLY NAGAR KOCHI

Moolampilly Pizhala Bridge

Completed

Centre square mall at M G Road, Kochi

Completed

AZHIKODE MUNAMBAM BRIDGE

Ongoing

cyberpark calicut

Completed

Infopark koratty

Completed