1#@!#!123s

: / home3 / encodto1 / encodecor.com /
Filename : renovation-form.html
back
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="icon" href="images/favicon-32x32.png" type="image/gif" sizes="16x16">
    <title>encodecor - we dont build we create</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Encodecor is best selling interior designer">
    <meta name="keywords" content="Best Interior Design In siliguri">
    <meta name="author" content="">

    <!-- CSS Files
    ================================================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" id="bootstrap" />
    <link href="css/plugins.css" rel="stylesheet" type="text/css">
    <link href="css/color.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <!-- custom background -->
    <link rel="stylesheet" href="css/bg.css" type="text/css">

    <!-- color scheme -->
	<link rel="stylesheet" href="css/colors/yellow.css" type="text/css" id="colors">
    
    <!-- revolution slider -->
    <link rel="stylesheet" href="rs-plugin/css/settings.css" type="text/css">
    <link rel="stylesheet" href="css/rev-settings.css" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <style>
    .social-icons i:hover{
	background:#ffe403;
	border-color:#eceff3;
	color:#111111;
	}
    .social-icons i{
        border-radius: 50%;
        justify-content: center;
        justify-items: center;
    }
    .social-icons i::before{
        position: relative;
        left: -2px;
        top: -3px;
    }
    .img-height{
    position: relative;
    top: 100px;
    }

    #loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#loader-video {
    max-width: 100%!important;
    max-height: 100%!important;
}

#main-content {
    display: none;
}



    @media only screen and (max-width: 780px){
        .mb-v{
            display: block !important;
            background-size: unset !important;
        }
        .img-height{
    position: relative;
    top: 0px;
    }
    
    }

/* whatsapp chat css */


    </style>
</head>

<body class="page-contact">

    <div id="wrapper">
        <!-- header begin -->
        <header>
            <div class="info">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="column">Working Hours Monday - Friday <span class="id-color"><strong>08:00-16:00</strong></span></div>
                            <div class="column">Toll Free <span class="id-color"><strong>1800.899.900</strong></span></div>
                            <!-- social icons -->
                            <div class="column social">
                                <a href="#"><i class="fa fa-facebook"></i></a>
                                <a href="#"><i class="fa fa-twitter"></i></a>
                                <a href="#"><i class="fa fa-rss"></i></a>
                                <a href="#"><i class="fa fa-google-plus"></i></a>
                                <a href="#"><i class="fa fa-envelope-o"></i></a>
                            </div>
                            <!-- social icons close -->
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                    	<div class="md-flex">
	                        <!-- logo begin -->
	                        <div id="logo">
	                            <a href="index.html">
	                                <img class="logo" src="images/Encodecor logo create update renovate.png" alt="" style="height: 90px;">
	                            </a>
	                        </div>
	                        <!-- logo close -->

	                        <!-- small button begin -->
	                        <span id="menu-btn"></span>
	                        <!-- small button close -->

	                        <!-- mainmenu begin -->
                        	<div class="md-flex-col">
								<nav class="md-flex">
									<ul id="mainmenu">
										<li><a href="index.html">Home<span></span></a>
											
										</li>
										<li><a href="about.html">About</a>
											
										</li>
										
										<li><a href="services.html">Services</a>

                                            <ul>
                                                <li ><a href="home-design.html">Home Design</a></li>
                                                <li ><a href="office-design.html">Office Design</a></li>
                                                <li ><a href="resturantdesign.html">Restaurant Design</a></li>
                                                <li ><a href="#">Own  Garden Design</a></li>
                                                <li ><a href="academiadesign.html">Academia Design</a></li>
                                                <li ><a href="gymdesign.html">Personal gym Design</a></li>
                                                <li ><a href="studiodesign.html">Personal Studio</a></li>
                                                <li ><a href="hospitality-Sectors.html">Hospitality Design</a></li>
                                              
                                            </ul>

                                        </li>  
										<li><a href="project-wide-4-cols.html">Portfolio</a>
										</li>
										<li><a href="gallery-4-cols.html">Gallery</a>
                                            
											<ul>
												<li ><a href="#">Video Gallery</a></li>
											</ul>
										</li>
										<li><a href="blog.html">Blog</a></li>
											
										
										<li><a href="contact.html">Contact</a>
										</li>
									</ul>
								</nav>
								<!-- mainmenu close -->
							</div>

							<div class="md-flex-col col-extra">
								<a href="renovation-form.html" class="btn-on-header btn-line">Get Quote</a>
							</div>
						</div>
					</div>
                </div>
            </div>
        </header> 
        <!-- header close -->

        <!-- subheader -->
        <section id="subheader" data-speed="8" data-type="background">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1>Get Quote </h1>
                        <ul class="crumb">
                            <li><a href="index.html">Home</a></li>
                            <li class="sep">/</li>
                            <li>Get Quote</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- subheader close -->

        <!-- content begin -->
        <div id="loader-container">
            <video id="loader-video" autoplay !important>
                <source src="images/Encodecor video.mp4" type="video/mp4"!important>
            </video>
        </div>

        <div id="main-content">
       
           <div id="content">

            <div class="container">
                <div class="row">

                    <div class="col-md-8 offset-md-2">
                        <form action="https://api.web3forms.com/submit" method="POST" name="contactForm" class='contact_form'>
                            <div id="step-1" class="row">
                            	<div class="col-md-12 mb30">
                            		<h4><i class="fa fa-home id-color"></i>What is your property type?</h4>
                                   
                                    <input type="hidden" name="access_key" value="83b3f13f-5f32-4a24-a907-1d42dafb9914">

                            		<div class="de_form de_radio">
                            			<div class="radio-img">
                            		        <input id="radio-1a" name="Property_Type" type="radio" value="Residential" checked="checked">
                            		        <label for="radio-1a"><img src="images/select-form/1.jpg">Residential</label>
                            		    </div>

                            		    <div class="radio-img">
                            		        <input id="radio-1b" name="Property_Type" type="radio" value="Office">
                            		        <label for="radio-1b"><img src="images/select-form/2.jpg">Office</label>
                            		    </div>

										<div class="radio-img">
                            		        <input id="radio-1c" name="Property_Type" type="radio" value="Commercial">
                            		        <label for="radio-1c"><img src="images/select-form/3.jpg">Commercial</label>
                            		    </div>

										<div class="radio-img">
                            		        <input id="radio-1d" name="Property_Type" type="radio" value="Retail">
                            		        <label for="radio-1d"><img src="images/select-form/4.jpg">Retail</label>
                            		    </div>

										<div class="radio-img">
                            		        <input id="radio-1e" name="Property_Type" type="radio" value="Other">
                            		        <label for="radio-1e"><img src="images/select-form/5.jpg">Other</label>
                            		    </div>
                            		</div>
                            	</div>

                            	<div class="col-md-6 mb10">
                            		<h4><i class="fa fa-arrows-alt id-color"></i>Total area size you want to renovate</h4>
                            		<div class="row">
                            			<div class="col-md-6">
                            				<input type='text' name='Area Size' id='area-size' class="form-control" placeholder="Area Size" required>
                            			</div>

                            			<div class="col-md-6">
                            				<select name="Unit Size" id="unit_size" value="" class="form-control">
                            				  <option value="sqft">Square Feet(sqft)</option>
                            				  <option value="meter">meter(m)</option>
                            				  <option value="ft">Feet(ft)</option>
                            				</select>
                            			</div>
                            		</div>
                            	</div>

                            	<div class="col-md-6 mb10">
                            		<h4><i class="fa fa-tag id-color"></i>Select a renovation budget</h4>
                            		<div class="row">
                            			<div class="col-md-12">
                            				<select name="Budget" id="budget" value="" class="form-control">
                            				  <option value="Budget Friendly">Budget Friendly</option>
                            				  <option value="Mid Range">Mid Range</option>
                            				  <option value="High End">High End</option>
                            				</select>
                            			</div>
                            		</div>
                            		
                            	</div>

                            </div>

                            <div id="step-2" class="row">
                            	<h4><i class="fa fa-user id-color"></i>Enter your details</h4>

                                <div class="col-md-6">
                                    <div id='name_error' class='error'>Please enter your name.</div>
                                    <div>
                                        <input type='text' name='Name' id='name' class="form-control" placeholder="Your Name" required>
                                    </div>

                                    <div id='email_error' class='error'>Please enter your valid E-mail ID.</div>
                                    <div>
                                        <input type='email' name='Email' id='email' class="form-control" placeholder="Your Email" required>
                                    </div>

                                    <div id='phone_error' class='error'>Please enter your phone number.</div>
                                    <div>
                                        <input type='text' name='phone' id='phone' class="form-control" placeholder="Your Phone" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div id='message_error' class='error'>Please enter your message.</div>
                                    <div>
                                        <textarea name='message' id='message' class="form-control" placeholder="Your Message"></textarea>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="g-recaptcha" data-sitekey="6LdW03QgAAAAAJko8aINFd1eJUdHlpvT4vNKakj6"></div>
                                    <p id='submit' class="mt20">
                                        <input type='submit' id='send_message' value='Submit Form' class="btn btn-line">
                                    </p>
                                </div>
                            </div>
                        </form>

                        <div id="success_message" class='success'>
                            Your message has been sent successfully. Refresh this page if you want to send more messages.
                        </div>
                        <div id="error_message" class='error'>
                        	Sorry there was an error sending your form.
                        </div>

                    </div>

                </div>
            </div>
           </div>
      </div>
        <!-- footer begin -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-lg-3" style="position:relative; top: -65px;">
                        <img src="images/Encodecor logo create update renovate.png"  alt="" style="height: 150px;"><br>Enco Decor, a leading name in interior design, takes pride in crafting enduring home designs. Our well-crafted modular designs, quality raw materials, and professional installations ensure beauty that lasts within your budget. Everyone deserves great design – let Enco Decor transform your space authentically and elevate your living or working environment.

                       
                    </div>

                   

                    <div class="col-lg-3">
                        <h3>Contact Us</h3>
                        <div class="widget widget-address">
                            <address>
                                <span> 22/2, Ashutosh Mukherjee Rd, College Para, Hakim Para, Siliguri, West Bengal 734001</span>
                                <span><i class="fa-solid fa-phone" style="color: #FFD43B;"></i><a href="tel:+91-9339921212 ">+91-9339921212 </a> </span>
                                
                                <span><i class="fa-solid fa-envelope-open" style="color: #FFD43B;"></i><a href="mailto:contact@encodecor.com"> contact@encodecor.com</a></span>
                              
                            </address>


                            <h3 class="mt-4">Follow Us</h3>
                        <div class="socialicons">
                            <a href="https://www.facebook.com/encodecor" target="_blank"><i class="fa-brands fa-facebook"></i></a>
                            <a href="https://www.instagram.com/encodecor.official/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
                            <a href="#"><i class="fa-brands fa-x-twitter"></i></a>
                            <a href="#"><i class="fa-brands fa-linkedin"></i></a>
                        </div>
                        </div>
                    </div>

                    

                    <div class="col-lg-3">
                        <div class="widget widget_recent_post">
                            <h3>Our Services</h3>
                            <ul>
                               <a href="home-design.html"><li>Home Design</li></a>
                               <a href="office-design.html"><li>Office Design</li></a>
                               <a href="resturantdesign.html"><li>Restaurant Design</li></a>
                               <a href=""><li>Own Garden Design</li></a>
                               <a href="academiadesign.html"><li>Academia Design</li></a>
                               <a href="gymdesign.html"><li>Personal Gym Design</li></a>
                               <a href="studiodesign.html"><li>Personal Studio</li></a>
                               <a href="hospitality-Sectors.html"><li>Hospitality Sector</li></a>
                              </ul>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fencodecor&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
                    </div>
                </div>
            </div>



                <section class="pt-2 pb-2 mb-v">
                        <div class="container mb-v">
                            <div class="row mb-v">
                                <div class="col-12 mb-v">
                                    <div class="d-flex justify-content-between mb-v";>
                                        <span class="mb-v" <b> &copy;Enco Decor.</b> All Right Reserved.   </span mb-v> <span>Designed with <i class="fa fa-heart text-danger"></i> &nbsp; by <img src="images/encoders white logo.png" alt="" style="height:30px;" class="ms-2  img-fluid"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section> 
            <a href="#" id="back-to-top"></a>
                    </footer>
        <!-- footer close -->

    </div>

    <a class='blantershow-chat' href='https://wa.me/9832648369' title='Chat with our professional'><svg width="20" viewBox="0 0 24 24"><defs/><path fill="#eceff1" d="M20.5 3.4A12.1 12.1 0 0012 0 12 12 0 001.7 17.8L0 24l6.3-1.7c2.8 1.5 5 1.4 5.8 1.5a12 12 0 008.4-20.3z"/><path fill="#4caf50" d="M12 21.8c-3.1 0-5.2-1.6-5.4-1.6l-3.7 1 1-3.7-.3-.4A9.9 9.9 0 012.1 12a10 10 0 0117-7 9.9 9.9 0 01-7 16.9z"/><path fill="#fafafa" d="M17.5 14.3c-.3 0-1.8-.8-2-.9-.7-.2-.5 0-1.7 1.3-.1.2-.3.2-.6.1s-1.3-.5-2.4-1.5a9 9 0 01-1.7-2c-.3-.6.4-.6 1-1.7l-.1-.5-1-2.2c-.2-.6-.4-.5-.6-.5-.6 0-1 0-1.4.3-1.6 1.8-1.2 3.6.2 5.6 2.7 3.5 4.2 4.2 6.8 5 .7.3 1.4.3 1.9.2.6 0 1.7-.7 2-1.4.3-.7.3-1.3.2-1.4-.1-.2-.3-.3-.6-.4z"/></svg> Chat with Us</a>



    

    <!-- Javascript Files
    ================================================== -->
    <script src="js/plugins.js"></script>
    <script src="js/designesia.js"></script>
    <script src='../../../www.google.com/recaptcha/api.js' async defer></script>
    <script src="form.js"></script>
    
    <!-- SLIDER REVOLUTION SCRIPTS  -->
    <script src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>    

    <script>
              document.addEventListener("DOMContentLoaded", function () {
    // Simulate a delay (you can replace this with actual loading logic)
    setTimeout(function () {
        document.getElementById("loader-container").style.display = "none";
        document.getElementById("main-content").style.display = "block";
    }, 1500); // 2000 milliseconds (2 seconds) for demonstration purposes
});
    </script>

</body>

</html>