File: /home/u503286720/domains/credentconstruction.com/public_html/interior-design.php
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Credent Construction</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel="icon" href="img/royal-logo.jpg" type="image/x-icon">
<link rel="stylesheet" href="css/slider.css">
<link rel='stylesheet' type='text/css' media='screen' href='css/bootstrap.min.css'>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/interior-style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<?php include('header.php') ?>
<div class="main-content">
<section class="banner-sec">
<div class="container">
<h2 class="text-center text-uppercase text-white">Interior design</h2>
</div>
</section>
<section class="tab-sec animate__animated animate__fadeInUp animate__slow">
<div class="container-fluid">
<div class="row">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item nv1" role="presentation">
<a class="nav-link active click-btn" id="pills-eco-tab" data-toggle="pill" href="#pills-eco" role="tab" aria-controls="pills-eco" aria-selected="true">
<h3 class="text-white text-center text-uppercase mb-5 pb-5">Modular</h3>
<!-- <p>3D elevation, Simple design</p> -->
<a data-toggle="pill" href="#pills-eco" role="tab" aria-controls="pills-eco" aria-selected="true" class="btn click-btn btn-cstm btn-block">Know More</a>
</a>
</li>
<li class="nav-item nv2" role="presentation">
<a class="nav-lin click-btn" id="pills-mode-tab" data-toggle="pill" href="#pills-mode" role="tab" aria-controls="pills-mode" aria-selected="true">
<h3 class="text-white text-center text-uppercase mb-5 pb-5">Furniture</h3>
<!-- <p>3D elevation, Simple design, Plumbing drawings</p> -->
<a data-toggle="pill" href="#pills-mode" role="tab" aria-controls="pills-mode" aria-selected="true" class="btn click-btn btn-cstm btn-block">Know More</a>
</a>
</li>
<li class="nav-item nv3" role="presentation">
<a class="nav-link click-btn" id="pills-pre-tab" data-toggle="pill" href="#pills-pre" role="tab" aria-controls="pills-pre" aria-selected="true">
<h3 class="text-white text-center text-uppercase mb-5 pb-5">Furnishing & Decor</h3>
<p></p>
<a data-toggle="pill" href="#pills-pre" role="tab" aria-controls="pills-pre" aria-selected="true" class="btn click-btn btn-cstm btn-block">Know More</a>
</a>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-eco" role="tabpanel" aria-labelledby="pills-eco-tab">
<div class="row mt-5">
<div class="col-lg-3 col-md-4 mx-auto"><h2 class="text-center pack-head text-uppercase">Modular</h2></div>
</div>
<div class="row mt-5">
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-1.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Kitchen</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-2.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Wardrobe</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-3.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Storage</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-mode" role="tabpanel" aria-labelledby="pills-mode-tab">
<div class="row mt-5">
<div class="col-lg-3 col-md-4 mx-auto"><h2 class="text-center pack-head text-uppercase">Furniture</h2></div>
</div>
<div class="row mt-5">
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-1.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Beds</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-2.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Sofas</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-3.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase"> Storage</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 offset-md-6">
<div class="card text-center">
<img src="img/icons/inner-icon-10.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Tables</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="pills-pre" role="tabpanel" aria-labelledby="pills-pre-tab">
<div class="row mt-5">
<div class="col-md-5 mx-auto"><h2 class="text-center pack-head text-uppercase">Furnishing & Decor</h2></div>
</div>
<div class="row mt-5">
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-1.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Furnishing</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="card text-center">
<img src="img/icons/inner-icon-2.png" class="img-fluid" alt="">
<h3 class="card-title text-uppercase">Wall Treatment</h3>
<div class="btns mt-4">
<a href="#" class="kn-btn">View Gallery</a> <span class="px-4"></span> <a href="contact.php" class="kn-btn">Enquire Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php') ?>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src='js/bootstrap.min.js'></script>
<script src="js/main.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<script>
$(document).ready(function(){
$('.click-btn').click(function(){
$('html,body').animate({
scrollTop: $('#pills-tabContent').offset().top-30
}, 500);
});
});
</script>
<script>
$('#blogSlider').multislider({
duration: 750,
interval: 3000
});
// </script>
</body>
</html>