ok
Mini Shell
<!DOCTYPE html>
<html >
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- Title -->
<title></title>
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" />
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800,900&display=swap"
rel="stylesheet">
<!-- Plugins -->
<link rel="stylesheet" href="css/plugins.css" />
<!-- Core Style Css -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- ==================== Start Loading ==================== -->
<div id="preloader">
<div class="loading-text">Loading</div>
</div>
<!-- ==================== End Loading ==================== -->
<!-- ==================== Start progress-scroll-button ==================== -->
<div class="progress-wrap cursor-pointer">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<!-- ==================== End progress-scroll-button ==================== -->
<!-- ==================== Start cursor ==================== -->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- ==================== End cursor ==================== -->
<!-- ==================== Start Navbar ==================== -->
<nav class="navbar navlgbg change navbar-expand-lg nav-scroll">
<div class="container">
<!-- Logo -->
<a class="logo" href="#">
<img src="img/logo-light.png" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"><i class="fas fa-bars"></i></span>
</button>
<!-- navbar links -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link " href="#" role="button"
>Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.php">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
<a href="#"><i>9020124545</i></a>
</div>
</div>
</div>
</nav>
<!-- ==================== End Navbar ==================== -->
<!-- ==================== Start Slider ==================== -->
<header class="slider">
<div class="swiper-container parallax-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="bg-img valign" data-background="img/slid/1.jpg" data-overlay-dark="6">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="caption hmone">
<h5 class="thin custom-font">Innovative</h5>
<h1 data-splitting><a href="#0">Architecture</a>
</h1>
<p class="mt-10">Right design and right ideas matter a lot of in Turnkey interior design
business. <br> a style that makes a statement.</p>
<a href="#0" class="btn-curve btn-bord btn-lit mt-30">
<span>Read More</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-img valign" data-background="img/slid/3.jpg" data-overlay-dark="5">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="caption hmone">
<h5 class="thin custom-font">Classic</h5>
<h1 data-splitting><a href="#0">
and Modern
</a></h1>
<p class="mt-10">Right design and right ideas matter a lot of in Turnkey interior design
business. <br> a style that makes a statement.</p>
<a href="#0" class="btn-curve btn-bord btn-lit mt-30">
<span>Read More</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-img valign" data-background="img/slid/2.jpg" data-overlay-dark="6">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="caption hmone">
<h5 class="thin custom-font">Elegant &</h5>
<h1 data-splitting><a href="#0">
Unique Design
</a>
</h1>
<p class="mt-10">HOME Turnkey INTERIOR PROJECTS MADE EASY
<br> a style that makes a statement.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-img valign" data-background="img/slid/4.jpg" data-overlay-dark="5">
<div class="container">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="caption hmone">
<h5 class="thin custom-font">Turnkey interior</h5>
<h1 data-splitting><a href="#0">
design agency
</a></h1>
<p class="mt-10">Right design and right ideas matter a lot of in Turnkey interior design
business. <br> a style that makes a statement.</p>
<a href="#0" class="btn-curve btn-bord btn-lit mt-30">
<span>Read More</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider setting -->
<div class="setone">
<div class="swiper-button-next swiper-nav-ctrl next-ctrl">
<i class="fas fa-chevron-right"></i>
</div>
<div class="swiper-button-prev swiper-nav-ctrl prev-ctrl">
<i class="fas fa-chevron-left"></i>
</div>
</div>
<div class="swiper-pagination top custom-font"></div>
</div>
</header>
<!-- ==================== End Slider ==================== -->
<!-- ==================== Start about ==================== -->
<!-- ==================== End about ==================== -->
<!-- ==================== Start Services ==================== -->
<section class="services section-padding bg-gray">
<div class="container">
<div class="section-head text-center">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8 col-sm-10">
<h6 class="custom-font wow fadeInDown" data-wow-delay=".3s">Best Features</h6>
<h4 class="playfont wow flipInX" data-wow-delay=".5s">Our Services</h4>
</div>
</div>
</div>
<div class="row bord-box bg-img wow fadeInUp" data-wow-delay=".3s" data-background="img/slid/2.jpg">
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">1</h2>
<h6 class="mb-20">Custom Made Furniture</h6>
<p>Order any type of furniture and we will
get it done for you.
</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">2</h2>
<h6 class="mb-20">Wallpaper Installation:</h6>
<p>We have a great collection with
professional installation service.
</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">3</h2>
<h6 class="mb-20">Curtain Installation</h6>
<p>We can source and install any types of
curtain.</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">4</h2>
<h6 class="mb-20">False Ceiling Professional Fitting:</h6>
<p>Get your ceilings done with our
expertise.</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">5</h2>
<h6 class="mb-20">Painting Contract</h6>
<p>Our Painters Will Help You With Texture
paints and other paint finishes.</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">6</h2>
<h6 class="mb-20">Flooring:</h6>
<p>Get your wooden flooring, tilling and
marble works professionally.
</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">7</h2>
<h6 class="mb-20"> MEP (Mechanical / Electrical / Plumbing):</h6>
<p></p>Our plumbers and electricians will help in
finishing your MEP requirements.
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
<div class="col-lg-3 col-md-6 item-bx">
<h2 class="custom-font numb">8</h2>
<h6 class="mb-20">Artificial Grass & Landscaping: </h6>
<p>We have landscapers and grass laying
experts.</p>
<a href="#0" class="more custom-font mt-30">Read More</a>
</div>
</div>
</div>
</section>
<!-- ==================== End Services ==================== -->
<!-- ==================== Start works ==================== -->
<section class="portfolio section-padding">
<div class="container-fluid">
<div class="container">
<div class="section-head text-center">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8 col-sm-10">
<h6 class="custom-font wow fadeInDown" data-wow-delay=".3s">Best Works</h6>
<h4 class="playfont wow flipInX" data-wow-delay=".5s">Our Portfolio</h4>
</div>
</div>
</div>
</div>
<div class="row">
<!-- filter links -->
<div class="filtering text-center col-12 wow fadeInUp" data-wow-delay=".3s">
<div class="filter bg-img bg-repeat" data-background="img/line-pattern1.png">
<span data-filter='*' class="active">All</span>
<span data-filter='.interior'>Turnkey Interior</span>
<span data-filter='.theaters'>Theaters</span>
<span data-filter='.residential'>Residential</span>
</div>
</div>
<!-- gallery -->
<div class="gallery twsty full-width">
<!-- gallery item -->
<div class="items theaters mt-50 wow fadeInUp" data-wow-delay=".3s">
<div class="item-img bg-img wow imago" data-background="img/portfolio/mas/01.jpg">
<a href="#0">
<div class="item-img-overlay"></div>
</a>
</div>
<div class="info mt-10">
<h5>Fantastic Turnkey interior</h5>
<span>Turnkey Interior Design</span>
</div>
</div>
<!-- gallery item -->
<div class="items interior mt-50 wow fadeInUp" data-wow-delay=".3s">
<div class="item-img bg-img wow imago" data-background="img/portfolio/mas/02.jpg">
<a href="#0">
<div class="item-img-overlay valign"></div>
</a>
</div>
<div class="info mt-10">
<h5>Choose Your Dream</h5>
<span>Architecture</span>
</div>
</div>
<!-- gallery item -->
<div class="items residential mt-50 wow fadeInUp" data-wow-delay=".3s">
<div class="item-img bg-img wow imago" data-background="img/portfolio/mas/03.jpg">
<a href="#0">
<div class="item-img-overlay valign"></div>
</a>
</div>
<div class="info mt-10">
<h5>Luxury Villa</h5>
<span>Architecture</span>
</div>
</div>
<!-- gallery item -->
<div class="items interior theaters mt-50 wow fadeInUp" data-wow-delay=".3s">
<div class="item-img bg-img wow imago" data-background="img/portfolio/mas/04.jpg">
<a href="#0">
<div class="item-img-overlay valign"></div>
</a>
</div>
<div class="info mt-10">
<h5>Creative Spaces</h5>
<span>Turnkey Interior Design</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End works ==================== -->
<!-- ==================== Start Skills Circle ==================== -->
<section class="skills-circle section-padding bg-img parallaxie" data-background="img/1.jpg" data-overlay-dark="7">
<div class="container">
<div class="section-head text-center">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8 col-sm-10">
<h6 class="custom-font wow fadeInDown" data-wow-delay=".3s">Best Skills</h6>
<h4 class="playfont wow flipInX" data-wow-delay=".5s">Best Skills</h4>
</div>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay=".3s">
<div class="col-lg-3 col-md-6">
<div class="item text-center">
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center">
<div class="skill" data-value="0.75">
<span class="custom-font">90%</span>
<h6>INTERIOR DESIGN</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center">
<div class="skill" data-value="0.88">
<span class="custom-font">88%</span>
<h6>INOVATION</h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="item text-center">
<div class="skill" data-value="0.83">
<span class="custom-font">83%</span>
<h6>CONTEMPORARY IDEAS</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End Skills Circle ==================== -->
<!-- ==================== Start Testimonials ==================== -->
<section class="testimonials grid section-padding">
<div class="container">
<div class="section-head text-center">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8 col-sm-10">
<h6 class="custom-font wow fadeInDown" data-wow-delay=".3s">Testimonials</h6>
<h4 class="playfont wow flipInX" data-wow-delay=".5s">What People Says?</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="testim">
<div class="item wow fadeInUp" data-wow-delay=".3s">
<span class="quote-icon"><img src="img/clients/quote.svg" alt=""></span>
<div class="cont">
<p class="playfont">"I just love their design for all stunning details. You must know
what can you do for a project before taking it, but with Archo, the sky is the
limit."
</p>
</div>
<div class="info">
<div class="author">
<img src="img/clients/1.jpg" alt="">
</div>
<h6>Mitchl Jhon <span>Envato Customer</span> </h6>
</div>
</div>
<div class="item wow fadeInUp" data-wow-delay=".3s">
<span class="quote-icon"><img src="img/clients/quote.svg" alt=""></span>
<div class="cont">
<p class="playfont">"I just love their design for all stunning details. You must know
what can you do for a project before taking it, but with Archo, the sky is the
limit."
</p>
</div>
<div class="info">
<div class="author">
<img src="img/clients/2.jpg" alt="">
</div>
<h6>Jane Smith <span>Envato Customer</span> </h6>
</div>
</div>
<div class="item wow fadeInUp" data-wow-delay=".3s">
<span class="quote-icon"><img src="img/clients/quote.svg" alt=""></span>
<div class="cont">
<p class="playfont">"I just love their design for all stunning details. You must know
what can you do for a project before taking it, but with Archo, the sky is the
limit."
</p>
</div>
<div class="info">
<div class="author">
<img src="img/clients/3.jpg" alt="">
</div>
<h6>Alison Clutcher <span>Envato Customer</span> </h6>
</div>
</div>
<div class="item wow fadeInUp" data-wow-delay=".3s">
<span class="quote-icon"><img src="img/clients/quote.svg" alt=""></span>
<div class="cont">
<p class="playfont">"I just love their design for all stunning details. You must know
what can you do for a project before taking it, but with Archo, the sky is the
limit."
</p>
</div>
<div class="info">
<div class="author">
<img src="img/clients/4.jpg" alt="">
</div>
<h6>Peter Jefferson <span>Envato Customer</span> </h6>
</div>
</div>
</div>
<div class="navs mt-30">
<span class="prev">
<i class="fas fa-long-arrow-alt-left"></i>
</span>
<span class="next">
<i class="fas fa-long-arrow-alt-right"></i>
</span>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End Testimonials ==================== -->
<!-- ==================== Start Team ==================== -->
<!-- ==================== End Team ==================== -->
<!-- ==================== Start Blog ==================== -->
<!-- ==================== End Blog ==================== -->
<!-- ==================== Start contact ==================== -->
<section class="contact cont-map">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 contact-form wow fadeInDown" data-wow-delay=".3s">
<form id="contact-form" method="post" action="#">
<div class="section-head">
<h6 class="custom-font">Contact Us</h6>
<h4 class="playfont">Get In Touch</h4>
</div>
<div class="messages"></div>
<div class="controls">
<form method="post" action="contact_mail.php" id="contact-form">
<div class="form-group">
<input id="form_name" type="text" name="name" placeholder="Name" required="required">
</div>
<div class="form-group">
<input id="form_email" type="email" name="email" placeholder="Email"
required="required">
</div>
<div class="form-group">
<input id="form_email" type="text" name="phone" placeholder="Phone"
required="required">
</div>
<div class="form-group">
<textarea id="form_message" name="message" placeholder="Message" rows="4"
required="required"></textarea>
</div>
<button type="submit" class="btn-curve btn-color"><span>Send Message</span></button>
</form>
</div>
</div>
</div>
<div class="contact-map">
<div class="map" ><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3913.0665064940304!2d75.77188791480509!3d11.256517991996823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba659d6454a939f%3A0xadb0c4051ce18f9f!2sKEYDECORS!5e0!3m2!1sen!2sin!4v1600503764796!5m2!1sen!2sin" width="100%" height="100%" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
</div>
<div class="bg-img" data-background="img/2.jpg"></div>
</section>
<!-- ==================== End contact ==================== -->
<!-- ==================== Start Footer ==================== -->
<footer class="main-footer dark">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="item abot">
<div class="logo-footer mb-20">
<a href="#0" class="logo">
<img src="img/logo-light.png" alt="">
</a>
</div>
<p>Our team takes over everything, from an idea and concept development to realization.</p>
<div class="social-icon">
<a href="https://www.facebook.com/keydecors/"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/key_decors/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 offset-lg-1">
<div class="item usful-links">
<div class="fothead">
<h6>Useful Links</h6>
</div>
<ul>
<li><i class="fas fa-chevron-right"></i> <a href="about.html">Turnkey Interior Design</a></li>
<li><i class="fas fa-chevron-right"></i> <a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Call</h6>
</div>
<p>90 20 12 45 45 </p>
<p> 90 37 12 45 45</p>
<p> 04954010230</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Write</h6>
</div>
<p>keydecors@gmail.com</p>
</div>
</div>
<div class="col-lg-2">
<div class="item fotcont">
<div class="fothead">
<h6>Visit</h6>
</div>
<p>G4, 2nd Floor, Doha Complex
Opposite Tagore Hall. Calicut 673032</p>
</div>
</div>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="text-left">
<p>© 2020, Graywolf <a href="#">UI-ThemeZ</a>.</p>
</div>
</div>
<div class="col-lg-4">
<div class="text-right">
<p>All right reserved.</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ==================== End Footer ==================== -->
<!-- jQuery -->
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<!-- plugins -->
<script src="js/plugins.js"></script>
<!-- custom scripts -->
<script src="js/scripts.js"></script>
<!-- Map -->
<script src="js/map.js"></script>
<!-- google map api -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDUU5FZiF5WLFFfgIC1n64Zr0zfpQZjBBg&callback=initMap">
</script>
</body>
</html>
Zerion Mini Shell 1.0