관리-도구
편집 파일: gallery.html.20171227
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/about.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Image gallery - Work in progress of ongoing project livit Harmony </title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Images, videos and brochure of Livit Harmony. Visit the gallery page to see how the work is progressing" /> <link rel="canonical" href="http://livithomes.com/gallery.html" /> <link href="js/tab-menu/responsive-tabs.css" type="text/css" rel="stylesheet"> <style type="text/css"> .google-maps { position: relative; padding-bottom: 55%; // This is the aspect ratio height: 0; overflow: hidden; } .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } </style> <!-- InstanceEndEditable --> <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="images/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="images/favicon/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="images/favicon/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="images/favicon/manifest.json"> <link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#316979"> <link rel="shortcut icon" href="images/favicon/favicon.ico"> <meta name="msapplication-TileColor" content="#2b5797"> <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png"> <meta name="msapplication-config" content="images/favicon/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lte IE 7]> <script src="js/IE8.js" type="text/javascript"></script> <![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link href="css/livit-compressed-css.css" rel="stylesheet" type="text/css" /> <link href="css/livit.css" rel="stylesheet" type="text/css"> <!-- InstanceBeginEditable name="head" --> <style> .eb-down-tbl { padding:10px 0; } .eb-down-tbl table { width:100%; text-align:center } .eb-down-tbl td { padding:3px; } .eb-down-tbl { webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .eb-down-tbl:hover { webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */ filter: grayscale(0); } .pdf-icon img { width:19px; } .exe-icon img {width:25px; } @media screen and (max-width:990px) { .exe-icon{ display:none } } </style> <!-- InstanceEndEditable --> </head> <body> <div id="page"> <section class="top-area"> <div class="container"> <div class="top-mail"><a href="mailto:info@livithomes.com">info@livithomes.com</a></div> <div class="smo"> <ul> <li class="fb"><a href="https://www.facebook.com/livithomes" target="_blank"></a></li> <li class="gplus"><a href="https://twitter.com/livithomes" target="_blank"></a></li> <li class="pinn"><a href="https://www.linkedin.com/company/livit-homes" target="_blank"></a></li> <li class="youtube"><a href="https://www.youtube.com/channel/UCUukIpgqJDpfdY0vUKN9DGQ" target="_blank"></a></li> <li class="blogger"><a href="http://livithomes.com/blog.html" target="_blank"></a></li> </ul> <div class="clear"></div> </div> <div class="clear"></div> </div> </section> <section class="menu-wrapp" id="test" > <div class="container"> <figure class="logo"> <a href="index.html"><img src="images/livit-logo.jpg" alt="livit homes" /></a> </figure> <div class="main-menu"> <div id="smoothmenu1" class="ddsmoothmenu"> <ul id="menu"> <li><a href="index.html">Home</a></li> <li><a href="about-us.html">about us</a></li> <li><a href="project.html">project</a></li> <li><a href="gallery.html">gallery</a></li> <li><a href="help-emi.html">help desk</a></li> <li><a href="enquiry.html">Enquiry</a></li> <li><a href="contact-us.html">contact us</a></li> </ul> <div class="clear"></div> </div> </div> <div class="menu-right topPhoneNmbr"> <ul> <!--<li><a href="tel:+96597737333">+96597737333 ( Kuwait )</a></li> <li><a href="tel:+0504795599">+0504795599 ( Dubai )</a></li> <li><a href="tel:+91 97445 22222">+91 97445 22222</a></li>--> <!--<li><a href="tel:+91 97446 22222">+91 97446 22222</a></li>--> <li><a style="color:#000" href="tel:+91 97445 22222">+91 97445 22222</a></li> <li><a style="color:#000" href="tel:+91 97446 22222">+91 97446 22222</a></li> <!--<li><a style="color:#000" href="tel:+0504795599">+971 504795599 - Dubai</a></li>--> <!--<li><a style="color:#000" href="tel:+96597737333">+965 97737333 - Kuwait</a></li>--> <!--<li><a style="color:#000" href="tel:+96892758559">+968 9275 8559 - Muscat </a></li>--> </ul> <div class="clear"></div> </div> <div class="clear"></div> </div> </section> <!-- InstanceBeginEditable name="EditRegion3" --> <section class="sub-banner" style="margin-top:60px;"> <img src="images/banner/sub-banner-01.jpg" width="100%" alt="livit banner" /> </section> <!-- InstanceEndEditable --> <section class="sub-page-content-wrapp"><!-- InstanceBeginEditable name="EditRegion4" --> <div class="container"> <div class="page-title-blk"> <div class="page-title"> <h1>Gallery</h1> </div> <div class="bread-crumb"> <ul> <li><a href="index.html">home</a></li> <li>>></li> <li class="active">gallery</li> </ul> </div> <div class="clear"></div> </div> <div class="sub-content"> <div class="tabs-subPage"> <div id="product-tabs"> <div class="tab-menu"> <ul class="tabs-list clearfix"> <li id="download-tab">DOWNLOAD</li> <li id="photo-tab" >PHOTO GALLERY</li> <li id="video-tab" >VIDEO GALLERY</li> <!--<li id="fnoc-tab">FIRE NOC OBTAINED</li> <li id="pcb-tab">PCB CERTIFICATE OBTAINED</li>--> <li id="oc-tab">OC RECEIVED</li> </ul> <div class="clear"></div> </div> <div class="tabs-container"> <!-- start down Gallery --> <div> <div class="eb-block"> <div class="caption-align"><img src="images/down-bb.jpg" alt="livit homes " /> <div class="eb-down-tbl"> <table> <tr> <td class="pdf-icon"><a href="e-Brochure/Livit_Harmony.pdf" target="_blank"><img src="images/pdf-icon.png" /></a> </td> <td>Download e-Brochure</td> <td class="exe-icon"> <a href="e-Brochure/Livit_Harmony.exe" download><img src="images/met-logo.png" /></a> </td> </tr> </table> </div> <!--<div class="eb-cap"><a href="e-Brochure/Livit-Harmony.exe">DOWNLOAD -e-BROCHURE</a></div>--> </div> </div> </div> <!-- end down Gallery --> <!-- start Photo Gallery --> <div> <div class="status-gall"> <!--ACTUAL SITE PHOTOGRAPHS Start--> <h3 class="gall-title">ACTUAL SITE PHOTOGRAPHS</h3> <ul> <li> <a href="images/projects/IMG_20170314.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314.jpg" alt="livit homes" /> </a> </li> <!--<li> <a href="images/projects/03.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/03.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/04.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/04.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/07.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/07.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/08.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/08.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/09.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/09.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/12.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/12.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115208579.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115208579.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115240099.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115240099.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115257639.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115257639.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115348965.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115348965.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115457339.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115457339.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_115705266.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_115705266.jpg" alt="livit homes" /> </a> </li> <div class="clearfix"></div> <li> <a href="images/projects/IMG_20170314_123014310_HDR.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_123014310_HDR.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_123116969.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_123116969.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_123550407_HDR.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_123550407_HDR.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_124957736.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_124957736.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_125136451.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_125136451.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_125238414.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_125238414.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_20170314_125338903.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/IMG_20170314_125338903.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Elevation-Right-Side.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sElevationRightSide.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Elevation-Left-view.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sElevationLeft view.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Elevation-Back-view.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sElevationBack view.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Elevation-Front.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sElevationFront.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Kitchen-1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sKitchen1.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Living-Room-1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sLivingRoom 1.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Living-Room.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sLivingRoom.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Kitchen-2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sKitchen2.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Dinning-Room-2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sDinningRoom 2.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Bed-Room-2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sBedRoom2.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Bed-Room-1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sBedRoom1.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Master-Bed Bathroom-2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sMasterBedBathroom2.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Master-Bed-Bathroom1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sMasterBedBathroom 1.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Second-Bathroom.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sSecondBathroom.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Servant-Toilet.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/sServantToilet.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Bathroom1.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/Bathroom1s.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_7637.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7637s.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_7638.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7638s.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/Elevation.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/Elevations.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/IMG_7313.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7313s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a href="images/projects/IMG_7237.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7237s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a href="images/projects/IMG_7243.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7243s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a href="images/projects/IMG_7246.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7246s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/IMG_20160922_105420734.jpg"> <img alt="livit homes" src="images/projects/harmony/status/IMG_20160922_105420734_s.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/IMG_20160922_105213596_HDR.jpg"> <img alt="livit homes" src="images/projects/harmony/status/IMG_20160922_105213596_HDR_s.jpg" /> </a> </li> <div style="clear:both"></div> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/rv.jpg"> <img alt="livit homes" src="images/projects/harmony/status/rvs.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/fv.jpg"> <img alt="livit homes" src="images/projects/harmony/status/fvs.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/bv.jpg"> <img alt="livit homes" src="images/projects/harmony/status/bvs.jpg" /> </a> </li> <li> <a href="images/projects/IMG_7332.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7332s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a href="images/projects/IMG_7350.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/IMG_7350s.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a href="images/projects/Ramp.jpg" rel="prettyPhoto[status]" title="22/08/2016"> <img src="images/projects/Ramps.jpg" alt="livit homes" title="dsadchafsdad" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/status-01.jpg"> <img alt="livit homes" src="images/projects/harmony/status/status-01-th.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/status-02.jpg"> <img alt="livit homes" src="images/projects/harmony/status/status-02-th.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/status-03.jpg"> <img alt="livit homes" src="images/projects/harmony/status/status-03-th.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/status-04.jpg"> <img alt="livit homes" src="images/projects/harmony/status/status-04-th.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/status-05.jpg"> <img alt="livit homes" src="images/projects/harmony/status/status-05-th.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit1.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit1s.jpg" /> </a> </li> <!-- <div style="clear:both"></div> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit2.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit2s.jpg" /> </a> </li> <!-- <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit3.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit3s.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit4.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit4s.jpg" /> </a> </li> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit5.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit5s.jpg" /> </a> </li> <div style="clear:both"></div> <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/livit5.jpg"> <img alt="livit homes" src="images/projects/harmony/status/livit5s.jpg" /> </a> </li> <li style="display:none;"> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/lv.jpg"> <img alt="livit homes" src="images/projects/harmony/status/lvs.jpg" /> </a> </li> <!-- <li> <a rel="prettyPhoto[status]" href="images/projects/harmony/status/bv.jpg"> <img alt="livit homes" src="images/projects/harmony/status/bvs.jpg" /> </a> </li> <div class="clearfix"></div>--> </ul> <!--ACTUAL SITE PHOTOGRAPHS End--> <div style="clear:both"></div> <h3 class="gall-title" style="margin-top:30px;">KEY HANDOVER</h3> <ul> <li> <a href="images/key_handover_may2017/key.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/key.jpg" alt="livit homes key handover" /> </a> </li> <!-- <li> <a href="images/key_handover_may2017/1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/1.jpg" alt="livit homes key handover" /> </a> </li> --> <!-- <li> <a href="images/key_handover_may2017/2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/2.jpg" alt="livit homes key handover" /> </a> </li> --> <!-- <li> <a href="images/key_handover_may2017/3.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/3.jpg" alt="livit homes key handover" /> </a> </li> --> <!-- <li> <a href="images/key_handover_may2017/4.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/4.jpg" alt="livit homes key handover" /> </a> </li> --> <li> <a href="images/key_handover_may2017/5.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/5.jpg" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/6.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/6.jpg" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/11.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/11.jpg" alt="livit homes key handover" /> </a> </li> <!-- <li> <a href="images/key_handover_may2017/7.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/7.jpg" alt="livit homes key handover" /> </a> </li> --> <!-- <li> <a href="images/key_handover_may2017/8.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/8.jpg" alt="livit homes key handover" /> </a> </li> --> <li> <a href="images/key_handover_may2017/9.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/9.jpg" alt="livit homes key handover" /> </a> </li> <li> <a href="images/projects/key1.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/key1.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/projects/key2.jpg" rel="prettyPhoto[status]" title=""> <img src="images/projects/Small/key2.jpg" alt="livit homes" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG_3302.JPG" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/IMG_3302.JPG" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG_3303.JPG" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/IMG_3303.JPG" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG_3305.JPG" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/IMG_3305.JPG" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG_3307.JPG" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/thumb/IMG_3307.JPG" alt="livit homes key handover" /> </a> </li> <!-- newly added 2017-13-12--> <li> <a href="images/key_handover_may2017/IMG-20171214-WA0014.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/IMG-20171214-WA0014.jpg" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG-20171214-WA0015.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/IMG-20171214-WA0015.jpg" alt="livit homes key handover" /> </a> </li> <li> <a href="images/key_handover_may2017/IMG-20171214-WA0019.jpg" rel="prettyPhoto[status]" title=""> <img src="images/key_handover_may2017/IMG-20171214-WA0019.jpg" alt="livit homes key handover" /> </a> </li> </ul> <div class="clear"></div> </div> </div> <!-- end Photo Gallery --> <!-- start video Gallery --> <div> <!-- <div style="text-align:center;"> <a href="#"><img src="images/dron-shot-video.jpg" alt="Livit Homes" /></a> </div> --> <div class="google-maps"> <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/ZyD2v-meJHk" frameborder="0" allowfullscreen></iframe> --> <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/AfjrTpEh6Ug?rel=0" frameborder="0" allowfullscreen></iframe> --> <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/XF0t7LVBjng" frameborder="0" allowfullscreen></iframe> --> <iframe width="560" height="315" src="https://www.youtube.com/embed/x3xFM0-V8FA" frameborder="0" allowfullscreen></iframe> <script> // This code loads the IFrame Player API code asynchronously var tag = document.createElement('script'); tag.src = "http://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // This code is called by the YouTube API to create the player object function onYouTubeIframeAPIReady(event) { player = new YT.Player('youTubePlayer', { events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } var pauseFlag = false; function onPlayerReady(event) { console.log("on Player ready"); } function onPlayerStateChange(event) { console.log("onPlayerStateChange"+event.data); // track when user clicks to Play if (event.data == YT.PlayerState.PLAYING) { _gaq.push(['_trackEvent', 'Videos', 'Play', 'Test Video']); pauseFlag = true; } // track when user clicks to Pause if (event.data == YT.PlayerState.PAUSED && pauseFlag) { _gaq.push(['_trackEvent', 'Videos', 'Pause', 'Test Video']); pauseFlag = false; } // track when video ends if (event.data == YT.PlayerState.ENDED) { _gaq.push(['_trackEvent', 'Videos', 'Finished', 'Test Video']); } } </script> </div> </div> <!-- end video Gallery --> <!--start Fire Noc--> <!--<div> <div style="width: 100%; text-align: center !important"> <img src="images/fnoc_1.jpg" alt="livit homes " /> <br /> <br /> <img src="images/fnoc_2.jpg" alt="livit homes " /> </div> </div>--> <!--End Fire Noc--> <!--start PCB Certificate Obtained--> <!--<div> <div style="width: 100%; text-align: center !important"> <img src="images/pcb.jpg" alt="livit homes - PCB Certificate Obtained" /> </div> </div>--> <!--End PCB Certificate Obtained--> <!--start OC Received--> <div> <div style="width: 80%; text-align: center !important"> <img src="images/OC.jpg" alt="livit homes - OC Received" /> </div> </div> <!--End OC Received--> </div> </div> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> <!-- InstanceEndEditable --></section> <footer class="foot-wrapp"> <div class="ind-loc-wrapp"> <div class="ind-loc-det"> <h4>LOCATION DETAILS</h4> <img src="images/loc-map.jpg" alt="livit homes" /> </div> <div class="ind-address"> <h4>Contact DETAILS</h4> <address> <span style="font-size:12pt; padding-bottom:10px"><strong>LIVIT HOMES</strong></span> <p>34/1806 D, Kurickal Arcade, 3rd Floor<br /> Metro Pillar No:456, NH 544, Edappally P.O., Ernakulam<br /> Cochin - 682024. </p> </address> <p>Tel : <a href="tel:+91 484 2984100">+91 484 2984100</a>, <a href="tel:+91 484 2984200">2984200</a></p> <p>Mob : <a href="tel:+91 97445 22222">+91 97445 22222</a>, <a href="tel:+91 97446 22222">97446 22222</a></p> <!--<span style="font-size:12pt; padding-bottom:10px"><strong>Kuwait</strong></span>--> <!--<p>Hyatt Place, Al-Rigga, Dubai</p>--> <!--<P>Phone:<a href="tel:+96597737333">+96597737333</P>--> <!--<P><strong>Dubai</strong> - Phone:<a href="tel:+504795599">+971 504795599</P> <P><strong>Muscat</strong> - Phone:<a href="tel:+96892758559">+968 9275 8559</P> <P><strong>Kuwait</strong> - Phone:<a href="tel:+96597737333">+965 97737333</P>--> <!--<P>India:<a href="tel:+91 9947599479">+9 1 99475 99479 (International Roaming)</a></P>--> <br /> <P> e-Mail : <a href="mailto:info@livithomes.com">info@livithomes.com</p> <p>www.livithomes.com </p> </div> <div class="clear"></div> </div> <section class="footer-menu-wrapp"> <div class="container"> <nav class="foot-menu"> <li><a href="index.html">Home</a></li> <li><a href="about-us.html">About Us</a></li> <li><a href="project.html">Project</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="enquiry.html">Enquiry</a></li> <li><a href="contact-us.html">Contact Us</a></li> </nav> <div class="cpr-wrapp">Copyright © 2016 livithomes.com. All rights reserved. </div> <div class="clear"></div> </div> </section> <div class="clear"></div> </footer> <div class="clear"></div> <a href="#" class="scrollToTop">.</a> <div class="slide-out-div"> <a class="handle" href="http://link-for-non-js-users.html">Content</a> <div class="quick-contact-001"> <form class="formular" id="formID" method="post" action="quick-action.php"> <div class="enquiry-block "> <div class="enq-Label " >Name</div> <div class="enq-colon">:</div> <div class="enq-feild"><span class="prj_text2"> <input name="nme" type="text" class="box_01 validate[required] " id="name" size="20" /> </span></div> <div class="clear"></div> </div> <div class="enquiry-block "> <div class="enq-Label " >e-mail</div> <div class="enq-colon">:</div> <div class="enq-feild"><span class="prj_text2"> <input name="email" type="text" class="box_001 validate[required, custom[email]]" id="email" /> </span></div> <div class="clear"></div> </div> <div class="enquiry-block "> <div class="enq-Label " >Mobile</div> <div class="enq-colon">:</div> <div class="enq-feild"> <span class="prj_text2"> <input name="phone" type="text" class="box_001 validate[required,custom[onlyNumberSp]]" id="phone" /> </span></div> <div class="clear"></div> </div> <div class="enquiry-block "> <div class="enq-Label " >Comments (if any) </div> <div class="enq-colon">:</div> <div class="enq-feild"> <label> <textarea name="comments" class="box_003" id="comments"></textarea> </label> </div> <div class="clear"></div> </div> <div class="enquiry-block "> <div class="enquiry-btn" > <label> <input type="submit" name="Submit" value="Submit" /> </label> <div class="clear"></div> </div> </div> </form> <div class="clear"></div> </div> </div> <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <script src="js/mob-menu/jquery.slicknav.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#menu').slicknav(); }); </script> <script type="text/javascript" src="js/scrollfix/jquery-scrolltofixed.js"></script> <script type="text/javascript" src="js/script-cntrl.js"></script> <link rel="stylesheet" href="js/pretty-photos/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/pretty-photos/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto({ overlay_gallery: false, social_tools:false, deeplinking:false, }); }); $(document).ready(function(){ //Check to see if the window is top if not then display button $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollToTop').fadeIn(); } else { $('.scrollToTop').fadeOut(); } }); //Click event to scroll to top $('.scrollToTop').click(function(){ $('html, body').animate({scrollTop : 0},800); return false; }); }); /*$('a.scrollToBottom').click(function(e){ e.preventDefault(); $('html, body, .content').animate({scrollTop: $(document).height()}, 300); }); */ </script> <!-- InstanceBeginEditable name="EditRegion5" --> <div class="jquery"> <script> $( document ).ready(function() { $('html, body').animate({scrollTop : 280},800); return false; }); </script> <script src="js/tab-menu/jquery.ResponsiveTabs.js" type="text/javascript"> </script> <script src="js/tab-menu/tweaks.js" type="text/javascript"></script> </div> <!-- InstanceEndEditable --> <script src="js/jquery.tabSlideOut-01.js"></script> <script type="text/javascript"> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle', //class of the element that will become your tab pathToTabImage: 'images/quick-enq-hd.png', //path to the image for the tab //Optionally can be set using css imageHeight: '191px', //height of tab image //Optionally can be set using css imageWidth: '45px', //width of tab image //Optionally can be set using css tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left speed: 300, //speed of animation action: 'click', //options: 'click' or 'hover', action to trigger animation topPos: '200px', //position from the top/ use if tabLocation is left or right leftPos: '20px', //position from left/ use if tabLocation is bottom or top fixedPosition: false //options: true makes it stick(fixed position) on scroll }); }); </script> <script src="js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"> </script> <script src="js/jquery.validationEngine-01.js" type="text/javascript" charset="utf-8"> </script> <script> jQuery(document).ready(function(){ // binds form submission and fields to the validation engine jQuery("#formID").validationEngine(); }); </script> <script src="http://cwc.livserv.in/chat.js?lid=12239"></script> <script src="http://cw1.livserv.in?did=12239&pid=1"></script> </body> <!-- InstanceEnd --></html>