Bridges 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: Bridges

Kazhakootam Bridge

Perumon Bridge

Azhimaavukadavu River Bridge

Moolampilly- Pizhala Bridge

Ashramam Link Road

salim rajan ROB

PSC bridge at Manjaly, Kerala across Periyar river

new major bridge across Nethravathi river

Kochida Jetty bridge

Machekadavu Nerekadavu bridge

Moolampilly Pizhala Bridge

Completed

Centre square mall

Completed

cyberpark calicut

Completed

Infopark koratty

Completed

Mahilalayam Thuruth Bridge

Completed