ok
Mini Shell
<!DOCTYPE html>
<html lang="zxx">
<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>About Keydecors</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=Rubik:300,400,500,700,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" />
<link href="css/twentytwenty.css" rel="stylesheet" type="text/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="index.html" 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>
</div>
</div>
</div>
</nav>
<!-- ==================== End Navbar ==================== -->
<!-- ==================== Start Header ==================== -->
<header class="pages-header bg-img valign parallaxie" data-background="img/pg1.jpg" data-overlay-dark="5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="cont text-center">
<h1>About Us</h1>
<div class="path">
<a href="#0">Home</a><span>/</span><a href="#0" class="active">About Us</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- ==================== End Header ==================== -->
<!-- ==================== Start about ==================== -->
<section class="about section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="numbers">
<div class="row">
<div class="col-sm-6">
<div class="item mb-50">
<h3><span class="nbr custom-font">352</span></h3>
<h6>Projects Completed</h6>
</div>
</div>
<div class="col-sm-6">
<div class="item mb-50">
<h3><span class="nbr custom-font">567</span></h3>
<h6>Satisfied Clients</h6>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="txt-cont">
<p class="mb-20">Our turnkey interior design service,
carried out from a single point of contact
makes your interior designing and
finishing easier. ‘Key Decors’ oversees
every aspect of the designing and
finishing of the interiors as per your
requirements.We have interior designers, drafters,
architects, and even landscapers
working for us. As a result, our team is
able to undertake any home interior
projects. This approach ensures that you
stay within your budget and the work
finishes on time.</p>
<p class="mb-20">Key decors will help you if you do not
have the time or inclination to work with
multiple contractors. We can ensure you
the best quality and finish in the market.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End about ==================== -->
<!-- ==================== Start Services ==================== -->
<!-- ==================== End Services ==================== -->
<!-- ==================== Start Skills ==================== -->
<div class="skills-sec section-padding pt-80">
<div class="container">
<div class="row">
<div class="col-lg-6 valign">
<div class="skills-box full-width">
<div class="skill-item">
<h6>Interior Design</h6>
<div class="skill-progress">
<div class="progres custom-font" data-value="90%"></div>
</div>
</div>
<div class="skill-item">
<h6>3D Modeling</h6>
<div class="skill-progress">
<div class="progres custom-font" data-value="80%"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="content">
<h4 class="playfont line-height-50 mb-20">Providing Customized Design Solutions That Fits Every
Space .</h4>
<p class="mb-10">Beyond more stoic this along goodness hey this this wow ipsum manate far
impressive manifest farcrud opened inside.</p>
<p>Fustered impressive manifest crud opened inside owing punitively around forewent and after
wasteful telling sprang coldly and spoke less clients. </p>
</div>
</div>
</div>
</div>
</div>
<!-- ==================== End Skills ==================== -->
<!-- ==================== Start Testimonials ==================== -->
<section class="testimonials grid section-padding bg-img parallaxie" data-background="img/001.jpg" data-overlay-dark="9">
<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">Testimonials</h6>
<h4 class="playfont">What People Says?</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="testim">
<div class="item">
<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">
<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">
<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">
<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 ==================== -->
<section class="team tmgrid 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">Creative Minds</h6>
<h4 class="playfont">Our Employees</h4>
</div>
</div>
</div>
<div class="row">
<div class="item col-lg-3 col-md-6">
<div class="img">
<img src="img/team/1.jpg" alt="">
</div>
<div class="info">
<h5>Midhun</h5>
<span>Civil Engineer</span>
</div>
</div>
<div class="item col-lg-3 col-md-6">
<div class="img">
<img src="img/team/2.jpg" alt="">
</div>
<div class="info">
<h5>Basil Ahmmad </h5>
<span>Site Supervisor</span>
</div>
</div>
<div class="item col-lg-3 col-md-6">
<div class="img">
<img src="img/team/4.jpg" alt="">
<div class="social">
<a href="#0"><i class="fab fa-facebook-f"></i></a>
<a href="#0"><i class="fab fa-twitter"></i></a>
<a href="#0"><i class="fab fa-behance"></i></a>
<a href="#0"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="info">
<h5>Shenil. P</h5>
<span>Interior Designer</span>
</div>
</div>
</div>
</div>
</section>
<!-- ==================== End Team ==================== -->
<!-- ==================== Start Blog ==================== -->
<!-- ==================== End Blog ==================== -->
<!-- ==================== 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"> 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, Greywolf <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>
</body>
</html>
Zerion Mini Shell 1.0