Completed Archives - Page 6 of 6 - 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 status: Completed

cyberpark building calicut

ASHOKA APARTMENTS MARINEDRIVE KOCHI

ROB AT PONNURNI FOR RBDCK LTD

Mahilalayam Thuruth Bridge

Pachalam ROB for DMRC LTD

Kumbalam Aroor bridge for national highway completed

Goshree bridges GIDA for cochin port trust

Demolition & Rebuilding of north ROB & Metro structure for delhi metro rail copn. LTD

Cheruvathur bridge

Moolampilly Pizhala Bridge

Completed

Centre square mall at M G Road, Kochi

Completed

AZHIKODE MUNAMBAM BRIDGE

Ongoing

cyberpark calicut

Completed

Infopark koratty

Completed