芝麻web文件管理V1.00

编辑当前文件:/var/www/cognitio.in/cognitio_inquiry/IN.php

<?php
$utm_campaign = $_REQUEST['utm_campaign'];
if (isset($utm_campaign)) {
    setcookie('utm_campaign', $utm_campaign);
}
$utm_keyword = $_REQUEST['utm_keyword'];
if (isset($utm_keyword)) {
    setcookie('utm_keyword', $utm_keyword);
}
$utm_placement = $_REQUEST['utm_placement'];
if (isset($utm_placement)) {
    setcookie('utm_placement', $utm_placement);
}

?>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">

<head>
        
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-PBVHGX5');</script>
         
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="title" content="Best Interior Designer @ Mumbai-Delhi-Ahmedabad-Hyderabad-Banglore">
        <meta name="description" content="Awarded Interior Designer Company">
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Best Interior Designer @ Mumbai-Delhi-Ahmedabad-Hyderabad-Banglore</title>
        <link href="images/favicon-32x32.png" rel="icon" sizes="32x32" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
        
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
       
        
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        
        <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">

</head>
    <style>
    .carousel-control-prev{
        opacity: .9;
    }
    .carousel-control-next{
        opacity: .9;
    }
    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E0D527' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
        opacity: .9;
    }

.carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23E0D527' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
        opacity: .9;
    }
    </style>
    <body>
         
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PBVHGX5"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        
        <section class="wrapper-header">
            <div class="container">
                <div class="row header-row">
                    <div class="col-lg-7 col-md-6 col-12 p0 logo-div">
                        <img src="images/logo.png" alt="Logo" class="logo">
                    </div>
                    <div class="col-lg-3 col-md-4 col-12 p0 mail-div">
                        <img src="images/mail-icon.png" alt="Mail">
                        <a href="mailto:contact@flipspaces.com" style="text-decoration:none;color:#fff;"><span>contact@flipspaces.com</span></a>
                    </div>
                    <div class="col-lg-2 col-md-2 col-12 p0 phone-div">
                        <img src="images/phone-icon.png" alt="Phone">
                        <a href="tel:7304503774" style="text-decoration:none;color:#fff;"><span>7304503774</span></a>
                    </div>
                </div>
            </div>
        </section>

<section class="wrapped-banner-info">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-12 info-div text-center counter">
                        <p class="count-number b-title">50,000</p>
                        <p class="b-subtitle">Happy Customers</p>
                    </div>
                    <div class="col-md-3 col-12 info-div text-center counter">
                        <p class="count-number b-title">200,000</p>
                        <p class="b-subtitle">Interior Products, Sourced + Captive Brands</p>
                    </div>
                    <div class="col-md-3 col-12 info-div text-center counter">
                        <p><span class="count-number b-title">3,500,000 </span><span class="b-title"> sft.</span></p>
                        <p class="b-subtitle">Space Delivered through Space Planning, Design and Build</p>
                    </div>
                    <div class="col-md-3 col-12 info-div text-center">
                        <p class="b-title">Pan India</p>
                        <p class="b-subtitle">Presence</p>
                    </div>
                </div>
            </div>
        </section>

<section class="wrapped-what-we-do">
            <div class="container">
                <div class="row video-row">
                    <div class="col-md-3 col-12"></div>
                    <div class="col-md-6 col-12 text-center">
                        <div class="project-video owl-carousel owl-theme" id="project-video">
                            <div class="item">
                                <div class="video-wrapper">
                                        <img src="images/project-commercial.jpg" class="w100" onclick="revealVideo('commercial','commercial-youtube')" style="cursor:pointer;" alt="Commercial">
                                        <h4 style="padding:10px 0px;font-size: 22px;color: #D5CB26;">Commercial</h4>
                                </div>
                            </div>
                            <div class="item">
                                <div class="video-wrapper">
                                        <img src="images/project-residential.jpg" class="w100" onclick="revealVideo('residential','residential-youtube')" style="cursor:pointer;" alt="Residential">
                                        <h4 style="padding:10px 0px;font-size: 22px;color: #D5CB26;">Residential</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-12"></div>
                </div>
                <div id="commercial" class="lightbox" onclick="hideVideo('commercial','commercial-youtube')">
                    <div class="lightbox-container">
                        <div class="lightbox-content">
                            <button onclick="hideVideo('commercial','commercial-youtube')" class="lightbox-close">
                             ✕
                            </button>
                            <div class="video-container">
                                <iframe id="commercial-youtube" width="100%" src="https://www.youtube.com/embed/7w3I5x0h1eI?showinfo=0" frameborder="0" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>

<div id="residential" class="lightbox" onclick="hideVideo('residential','residential-youtube')">
                    <div class="lightbox-container">
                        <div class="lightbox-content">
                            <button onclick="hideVideo('residential','residential-youtube')" class="lightbox-close">
                                ✕
                                </button>
                            <div class="video-container">
                                <iframe id="residential-youtube" width="100%" src="https://www.youtube.com/embed/0XGJxz0iuqQ?showinfo=0" frameborder="0" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="row heading-row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="title">What We Do?</p>
                    </div>
                </div>
                <div class="row info-row dk-view">
                    <div class="col-md-6 col-12 text-left">
                        <p class="project-title">Commercial Design</p>
                        <p class="project-info">A well designed office or store is central to any business you are in. We, at Flipspaces, specialize in turnkey interior design projects across office and retail formats. We transform your space into a highly functional and welcoming
                            one with unique elements that is signature of your brand and fosters engagement, productivity & positive vibes!</p>
                    </div>
                    <div class="col-md-6 col-12 text-left">
                        <p class="project-title">Residential Design</p>
                        <p class="project-info">Building your dream home is our constant endeavour. With our award winning team of design experts, we take immense care in creating the finest designs to give your home the look you desire. Right from concept design to execution,
                            we believe in making the process flawless, hasslefree and enjoyable for our clients.</p>
                    </div>
                </div>
                <div class="row img-row dk-view">
                    <div class="col-md-6 col-12 text-left">
                        <img src="images/commercial-design.jpg" class="w100" alt="Commercial">
                    </div>
                    <div class="col-md-6 col-12 text-left">
                        <img src="images/residential-design.png" class="w100" alt="Residential">
                    </div>
                </div>
                <div class="row info-row mb-view">
                    <div class="col-md-6 col-12 text-left">
                        <p class="project-title">Commercial Design</p>
                        <p class="project-info">A well designed office or store is central to any business you are in. We, at Flipspaces, specialize in turnkey interior design projects across office and retail formats. We transform your space into a highly functional and welcoming
                            one with unique elements that is signature of your brand and fosters engagement, productivity & positive vibes!</p>
                    </div>
                    <div class="col-md-6 col-12 text-left">
                        <img src="images/commercial-design.jpg" class="w100" alt="Commercial">
                    </div>
                    <div class="col-md-6 col-12 text-left">
                        <p class="project-title">Residential Design</p>
                        <p class="project-info">Building your dream home is our constant endeavour. With our award winning team of design experts, we take immense care in creating the finest designs to give your home the look you desire. Right from concept design to execution,
                            we believe in making the process flawless, hasslefree and enjoyable for our clients.</p>
                    </div>
                    <div class="col-md-6 col-12 text-left">
                        <img src="images/residential-design.png" class="w100" alt="Residential">
                    </div>
                </div>
                <div class="row icon-row">
                    <div class="col-md-4 col-12 text-center">
                        <img src="images/icon1.png">
                        <p class="icon-info">8 weeks delivery <br>promise</p>
                    </div>
                    <div class="col-md-4 col-12 text-center">
                        <img src="images/icon2.png">
                        <p class="icon-info">VR Technology to see <br>your space before it is build</p>
                    </div>
                    <div class="col-md-4 col-12 text-center">
                        <img src="images/icon3.png">
                        <p class="icon-info">Design to build, <br>we do it all</p>
                    </div>
                </div>
                <div class="row cta-row">
                    <div class="col"></div>
                    <div class="col-md-12 col-12 text-center">
                        <div class="cta-div">
                            <span class="ctamodel1" id="ctamodel1" style="cursor:pointer;" onclick="$('#popupform').modal();">
                                <img src="images/designer-cta-2.png">
                                <font>Free Design Consultation</font>
                            </span>
                        </div>
                    </div>
                    <div class="col"></div>
                </div>
            </div>
        </section>

<section class="wrapped-gallery">
            <div class="container">
                <div class="row heading-row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="title">Gallery</p>
                    </div>
                </div>
                <div class="row gallery-tab-row">
                    <div class="col"></div>
                    <div class="col-md-7 col-12 text-center">
                    <ul class="nav justify-content-center nav-tabs nav-fill mytab" id="nav-tab" role="tablist">
                            <li>
                                <a class="nav-item nav-link active" id="nav-commercial-tab" data-toggle="tab" href="#nav-commercial" role="tab" aria-controls="nav-commercial" aria-selected="false">Commercial</a>
                            </li>
                            <li>
                                <a class="nav-item nav-link" id="nav-residential-tab" data-toggle="tab" href="#nav-residential" role="tab" aria-controls="nav-residential" aria-selected="false">Residential</a>
                            </li>
                        </ul>
                        
                    </div>
                    <div class="col"></div>
                </div>
                <div class="row gallery-img-row">
                    <div class="col-md-12 col-12 text-center">
                        <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade advantage active show" id="nav-commercial" role="tabpanel" aria-labelledby="nav-commercial-tab">
                                <div class="row ">
                                    <div class="col-md-1 col-12 text-center "></div>
                                    <div class="col-md-10 col-12 text-center">
                                        <a href="#" data-toggle="modal" data-target="#commercial_img">
                                            <img src="images/commercial/commercial_main_img_v1.jpg" class="w100">
                                            
                                            <div class="modal fade" id="commercial_img">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">×</button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="imgcommercial" class="carousel slide" data-ride="carousel">
                                                                <div class="carousel-inner">
                                                                    <div class="carousel-item active">
                                                                        <img src="images/commercial/commercial_img_8.jpg" alt="Commercial8" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_12.jpg" alt="Commercial12" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_1.jpg" alt="Commercial1" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_2.jpg" alt="Commercial2" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_3.jpg" alt="Commercial3" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_4.jpg" alt="Commercial4" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_5.jpg" alt="Commercial5" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_6.jpg" alt="Commercial6" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_7.jpg" alt="Commercial7" class="w100">
                                                                    </div>
                                                                    
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_9.jpg" alt="Commercial9" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_10.jpg" alt="Commercial10" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_11.jpg" alt="Commercial11" class="w100">
                                                                    </div>
                                                                    
                                                                    <div class="carousel-item">
                                                                        <img src="images/commercial/commercial_img_13.jpg" alt="Commercial13" class="w100">
                                                                    </div>
                                                                </div>
                                                                <a class="carousel-control-prev" href="#imgcommercial" data-slide="prev">
                                                                    <span class="carousel-control-prev-icon"></span>
                                                                </a>
                                                                <a class="carousel-control-next" href="#imgcommercial" data-slide="next">
                                                                    <span class="carousel-control-next-icon"></span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-1 col-12 text-center"></div>
                                </div>
                            </div>
                            <div class="tab-pane fade advantage" id="nav-residential" role="tabpanel" aria-labelledby="nav-residential-tab">
                                <div class="row ">
                                    <div class="col-md-1 col-12 text-center "></div>
                                    <div class="col-md-10 col-12 text-center">
                                        <a href="#" data-toggle="modal" data-target="#residential_img">
                                            <img src="images/residential/residential_main_img_v1.jpg" class="w100">
                                            
                                            <div class="modal fade" id="residential_img">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <button type="button" class="close" data-dismiss="modal">×</button>
                                                        </div>
                                                        <div class="modal-body">
                                                            <div id="imgresidential" class="carousel slide" data-ride="carousel">
                                                                <div class="carousel-inner">
                                                                    <div class="carousel-item active">
                                                                        <img src="images/residential/residential_img_2.jpg" alt="Residential2" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item ">
                                                                        <img src="images/residential/residential_img_1.jpg" alt="Residential1" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_3.jpg" alt="Residential3" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_4.jpg" alt="Residential4" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_5.jpg" alt="Residential5" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_6.jpg" alt="Residential6" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_7.jpg" alt="Residential7" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_8.jpg" alt="Residential8" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_9.jpg" alt="Residential9" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_10.jpg" alt="Residential10" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_11.jpg" alt="Residential11" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_12.jpg" alt="Residential12" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_13.jpg" alt="Residential13" class="w100">
                                                                    </div>
                                                                    <div class="carousel-item">
                                                                        <img src="images/residential/residential_img_14.jpg" alt="Residential14" class="w100">
                                                                    </div>
                                                                </div>
                                                                <a class="carousel-control-prev" href="#imgresidential" data-slide="prev">
                                                                    <span class="carousel-control-prev-icon"></span>
                                                                </a>
                                                                <a class="carousel-control-next" href="#imgresidential" data-slide="next">
                                                                    <span class="carousel-control-next-icon"></span>
                                                                </a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-1 col-12 text-center"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </section>
                                    
        <section class="wrapped-citylist">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="heading">We are present in following cities</p>
                        <ul class="nav justify-content-center city_li" id="" role="tablist">
                            <li class="cityname">Ahmedabad</li>
                            <li class="cityname">Bengaluru</li>
                            <li class="cityname">Delhi NCR</li>
                            <li class="cityname">Gurugram</li>
                            <li class="cityname">Hyderabad</li>
                            <li class="cityname">Mumbai</li>
                            <li class="citynamelast">Pune</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

<section class="wrapped-awards">
            <div class="container">
                <div class="row heading-row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="title">Awards</p>
                    </div>
                </div>
                <div class="row icon-row">
                    <div class="col-md-3 col-12 text-center">
                        <img src="images/award-icon.png" alt="Awards">
                        <p class="award-info">“Most Innovative <span>Interior Design Agency</span> for Commercial Spaces”</p>
                        <p class="award-title">GTF LEADERSHIP <br>AWARDS 2018</p>
                    </div>
                    <div class="col-md-3 col-12 text-center"  alt="Awards">
                        <img src="images/award-icon.png">
                        <p class="award-info">“Best <span>Design & Build Venture</span> for Commercial Spaces”</p>
                        <p class="award-title">TIME 2 LEAP <br>AWARDS 2019</p>
                    </div>
                    <div class="col-md-3 col-12 text-center"  alt="Awards">
                        <img src="images/award-icon.png">
                        <p class="award-info">“Fastest Growing <span>Interior Design</span> Venture in Commercial Spaces”</p>
                        <p class="award-title">ASIA REAL ESTATE <br>AWARDS 2019</p>
                    </div>
                    <div class="col-md-3 col-12 text-center"  alt="Awards">
                        <img src="images/award-icon.png">
                        <p class="award-info">“Most Cutting-Edge <span>Virtual Interior Design Firm ”</span></p>
                        <p class="award-title">CORPORATE EXCELLENCE <br>AWARDS 2019</p>
                    </div>
                </div>
                <div class="row cta-row">
                    <div class="col"></div>
                    <div class="col-md-3 col-9 text-center">
                        <div class="cta-div">
                            <span class="ctamodel1" id="ctamodel1" style="cursor:pointer;" onclick="$('#popupform').modal();">
                                <img src="images/designer-cta.png">
                                <font>Get a Free Quote</font>
                            </span>
                        </div>
                    </div>
                    <div class="col"></div>
                </div>
            </div>
        </section>

<section class="wrapped-client-review">
            <div class="container">
                <div class="row heading-row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="title">Client Says</p>
                    </div>
                </div>
                <div class="row video-row">
                    <div class="col-md-3 col-12"></div>
                    <div class="col-md-6 col-12 text-center">
                        <div class="client-video owl-carousel owl-theme" id="client-video">
                            <div class="item">
                                <div class="video-wrapper">
                                    <img src="images/testimonial1.jpg" class="w100" onclick="revealVideo('testimonial1','testimonial1-youtube')" style="cursor:pointer;" alt="Testimonial1">
                                </div>
                            </div>
                            <div class="item">
                                <div class="quote-wrapper">
                                    <p>Flipspaces designed four of our offices Mumbai, Hyderabad, Chennai and Bangalore. All the three offices are beautifully made with open space seating arrangement, giving a perception of bigger space, something we tried for the first time. There is an ample amount of natural light that flows in and the designs made it look like a new generation office. It is full of youthfulness and gives out positive vibes to the employees.</p>
                                    <h4>Pankaj Tripathi <br><span>General Manager, Commercial & Administration, BSH</span></h4>
                                </div>
                            </div>
                            <div class="item">
                                <div class="video-wrapper">
                                        <img src="images/testimonial2.jpg" class="w100 testimonial2_img" onclick="revealVideo('testimonial2','testimonial2-youtube')" style="cursor:pointer;" alt="Testimonial2">
                                </div>
                            </div>
                            <div class="item">
                                <div class="quote-wrapper">
                                    <p>Flipspaces came in, quickly understood our requirements and did an awesome work with constraints of time to give our office more quirk, color, and engagement. We were mighty impressed by the team's unique design ideas and
                                        the passion they brought to the process. The end result was an office which was remarkable both in terms of functionality and capturing our culture and ethos.</p>
                                    <h4>Mahesh Shetty <br><span>COO, Radio Mirchi</span></h4>
                                </div>
                            </div>
                            <div class="item">
                                <div class="quote-wrapper">
                                    <p>Being a multinational corporation that provides a global workplace, we had certain design guidelines to abide. Flipspaces design is hugely valuable, and the way they linked it with flawless implementation was really powerful.
                                        They created an elegant, cozy and warm office for us. Whenever we are doing our next office, Flipspaces would be our obvious first choice.</p>
                                    <h4>Regus <span></span></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-12"></div>
                </div>
                <div id="testimonial1" class="lightbox" onclick="hideVideo('testimonial1','testimonial1-youtube')">
                    <div class="lightbox-container">
                        <div class="lightbox-content">
                            <button onclick="hideVideo('testimonial1','testimonial1-youtube')" class="lightbox-close">
                                ✕
                                </button>
                            <div class="video-container">
                            <iframe id="testimonial1-youtube" width="100%" src="https://www.youtube.com/embed/SAM0Sy5GQgM?showinfo=0&enablejsapi=1" frameborder="0" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="testimonial2" class="lightbox" onclick="hideVideo('testimonial2','testimonial2-youtube')">
                    <div class="lightbox-container">
                        <div class="lightbox-content">
                            <button onclick="hideVideo('testimonial2','testimonial2-youtube')" class="lightbox-close">
                                    ✕
                                    </button>
                            <div class="video-container">
                                <iframe id="testimonial2-youtube" width="100%" src="https://www.youtube.com/embed/qyScZAuPJ4U?showinfo=0" frameborder="0" allowfullscreen></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

<section class="wrapped-clientele">
            <div class="container">
                <div class="row heading-row">
                    <div class="col-md-12 col-12 text-center">
                        <p class="title">Clientele</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 col-12 owl-carousel owl-theme clientele-row" id="clientele-row">
                        <div class="item">
                            <img src=" images/logo/adidas.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/aditya-birla.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/als.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/bennett-coleman.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/boardroom-coworking.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/bsh.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/busago.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c1.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c2.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c3.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c4.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c6.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c7.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c8.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c9.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c12.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c13.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/c14.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/caratlane.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/chaayos.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/co-offiz.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/coverfox.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/credr.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/edureka.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/elasticrun.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/ethiopian-airlines.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/fusion-software.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/grml.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/grouppharma.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/high-q.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/holachef.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/ibi-group.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/indiqube.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/indus.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/innoplexus.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/instaoffice.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/intellegrow.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/ivalua.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/machinepulse.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/move-in-sync.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/msagarwal.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/ninjacart.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/nivea.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/nts.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/olety-construction.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/oppo.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/plancess.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/platinum.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/playsimple.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/qualitykiosk.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/quantiphi.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/radio-mirchi.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/rani-sati-travels.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/reebok.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/sanelite.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/swiftwin.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/times-of-india.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/tinyowl.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/toppr.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/total.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/truebil.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/tudip.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/workstore.jpg " alt="Clientele">
                        </div>
                        <div class="item">
                            <img src="images/logo/zimmber.jpg " alt="Clientele">
                        </div>
                    </div>
                </div>

</div>
        </section>

<section class="wrapper-footer ">
            <div class="container ">
                <div class="row footer-row ">
                    <div class="col-md-6 col-6 copyright ">
                        <p>© 2020 Flipspaces | <a href="https://www.flipspaces.com/privacy" style="color:#fff;text-decoration:none;" target="_blank">Privacy Policy</a></p>
                    </div>
                    <div class="col-md-6 col-6 social text-right ">
                        <a href="https://www.facebook.com/flipspaces/ " target="_blank "><img src="images/facebook.png " alt="Facebook"></a>
                        <a href="https://twitter.com/flipspaces?lang=en " target="_blank "><img src="images/twitter.png "  alt="twitter"></a>
                        <a href="https://www.youtube.com/channel/UC5MEyWNMYZs5OuLve4RmmHg " target="_blank "><img src="images/youtube.png " alt="YouTube"></a>
                    </div>
                </div>
            </div>
        </section>

<a style="cursor: pointer;" onclick="$('#popupform').modal(); ">
            <div class="sticky-btn">
                <span>Get In Touch</span>
            </div>
        </a>

<div class="modal fade in" tabindex="-1" role="dialog" id="popupform" data-backdrop="static" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    </div>
                    <div class="modal-body">
                        <h5 class="form-title ">Enquire Now</h5>
                        
                        <form role="form" name="popup_form" id="popup_form" action="" method="POST" autocomplete="off" novalidate="novalidate">
                            <div class="form-group ">
                                <label>Name*</label>
                                <input type="text" name="name" class="form-control " placeholder="Enter your full name " required>
                            </div>
                            <div class="form-group ">
                                <label>Contact Number*</label>
                                <input type="number" name="mobile" class="form-control " placeholder="Enter your number " required>
                            </div>
                            <div class="form-group ">
                                <label>Email Id*</label>
                                <input type="email" name="email" class="form-control " placeholder="Enter your email id " required>
                            </div>
                            <div class="form-group ">
                                <label>City*</label>
                                <input type="text" name="city"  class="form-control " placeholder="Enter your city " required>
                            </div>
                            <div class="form-group ">
                                <label>Company</label>
                                <input type="text" name="company"  id="company" class="form-control " placeholder="For Commercial Enter your company name ">
                            </div>
                            <div class="form-group ">
                                <label>Types of Project*</label>
                            </div>
                            <div class="form-check ">
                                <input type="radio" name="project" id="residential_radio" value="Residential" checked>
                                <label for="residential_radio">Residential</label>
                            </div>
                            <div class="form-check ">
                               <input type="radio" name="project" id="commercial_radio" value="Commercial">
                               <label for="commercial_radio">Commercial</label>
                            </div>
                            <div class="form-group form-submit ">
                                <input type="hidden" name="source" value="popup_form" id="source">
                                <button type="submit" class="btn btn-primary btn-submit" >Submit</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

});
            });
            
        </script>

</body>

</html>