<!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/newone.png" 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/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.5.0/slick-theme.css">
<!-- <script src="js/bootstrap.js"></script> -->
<style>
header {
background-color: #000000;
color: #ffffff;
padding: 20px 0px;
}
.counter
{
text-align: center;
}
.counter-count
{
font-size: 50px;
font-weight: bold;
position: relative;
color: #011c43;
text-align: center;
display: inline-block;
}
.count-up h3 {
font-size: 16px;
text-transform: capitalize;
}
.count-up span {
font-size: 16px;
font-weight: 600;
}
.prosec{background:#eee;}
.count-up {
/* border: 1px solid #ccc; */
background: white;
padding: 13px;
box-shadow: 1px 2px 30px #ddd;
border-radius: 5px;
height: 100%;
}
</style>
</head>
<body>
<?php include('header.php')?>
<div class="main-content">
<section class="banner-sec">
</section>
<section class="pack al-sec">
<div class="container-fluid">
<!-- <h2 class="text-center">Our Packages</h2> -->
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="pack-bx b1">
<div class="cnt">
<h3>Construction</h3>
<p>Select a package that is tailored to your style, budget, space and time.</p>
<a href="packages.php" class="knw-btn">Know More</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pack-bx b2">
<div class="cnt">
<h3>Civil Services</h3>
<p>Choose from a wide range of services, end-to-end services – all you have to do is choose! / You name it we have it!
</p>
<a href="civil-services.php" class="knw-btn">Know More</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pack-bx b3">
<div class="cnt">
<h3>Interior Design</h3>
<p>Discover the world-class interior solutions equipped by skilled craftsmen.</p>
<a href="interior-design.php" class="knw-btn">Know More</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="pack-bx b4">
<div class="cnt">
<h3>Consultancy</h3>
<p>We provide unlimited instant access to all your Civil Consultancy</p>
<a href="civil-consultancy.php" class="knw-btn">Know More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pft-gal al-sec">
<div class="container">
<h2 class="text-center">Project Gallery</h2>
<div class="row mt-5">
<div class="col-md-6">
<a href="interior-design.php">
<div class="img-bx">
<img src="img/gallery/interior-design.jpg" class="img-fluid" alt="">
<h3 class="text-center py-2">Interior</h3>
</div>
</a>
</div>
<div class="col-md-6">
<a href="interior-design.php">
<div class="img-bx">
<img src="img/gallery/exterior-design.jpg" class="img-fluid" alt="">
<h3 class="text-center py-2">Exterior Design</h3>
</div>
</a>
<a href="ongoing-projects.php">
<div class="img-bx">
<img src="img/gallery/onsite-design.jpg" class="img-fluid" alt="">
<h3 class="text-center py-2">Onsite Design</h3>
</div>
</a>
</div>
</div>
<div class="row p-0">
<div class="col-md-6">
<a href="completed-projects.php">
<div class="img-bx">
<img src="img/completed.jpg" class="img-fluid" alt="">
<h3 class="text-center py-2">PROJECTS COMPLETED</h3>
</div>
</a>
</div>
<div class="col-md-6">
<a href="civil-services.php">
<div class="img-bx">
<img src="img/services.jpg" class="img-fluid" alt="">
<h3 class="text-center py-2">Services</h3>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="pft-gal al-sec prosec">
<div class="counter">
<div class="container">
<h2 class="text-center mb-md-5 mb-4">Our Projects</h2>
<div class="row mx-auto">
<div class="col-12 col-md-2 p-md-0 mx-auto">
<div class="count-up">
<!--<p><i class="fa fa-building fa-2x"></i></p>-->
<p class="counter-count">3</p><span> Lakh + Sqft</span>
<h3>Ongoing Constructions</h3>
</div>
</div>
<div class="col-12 col-md-2 p-md-0 mx-auto">
<div class="count-up">
<p class="counter-count">2</p> <span> Lakh + Sqft</span>
<h3>Area<br> Designed</h3>
</div>
</div>
<div class="col-12 col-md-2 p-md-0 mx-auto">
<div class="count-up">
<p class="counter-count">156</p> <span>+</span>
<h3>Total<br> Homes</h3>
</div>
</div>
<div class="col-12 col-md-2 p-md-0 mx-auto">
<div class="count-up">
<p class="counter-count">15</p> <span>+</span>
<h3>Years of Structural Warranty</h3>
</div>
</div>
<div class="col-12 col-md-2 p-md-0 mx-auto">
<div class="count-up">
<p class="counter-count">15</p> <span>+</span>
<h3>Years of Experience</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="advnt al-sec">
<div class="container-fluid">
<div class="row">
<div class="col-md-5">
<h2 class="text-white text-uppercase">Why Us</h2>
<h3 class="text-yellow text-uppercase">Happiness guaranteed!</h2>
<span class="txt-line"></span>
<ul class="emp-list text-white">
<li>We endorse transparency throughout our project contract tenures.</li>
<li>Assured easy tracking of money spent during project tenure.</li>
<li>We only employee skilled labour, who are specialists in their respective fields</li>
</ul>
</div>
<div class="col-md-7">
<div class="row">
<div class="col-md-6">
<div class="card bg-transparent text-center">
<img src="img/icons/quality.png" alt="" class="img-fluid advt-img" width="100px"
height="100px">
<h3 class="card-title text-capitalize my-3 text-white">Assurance for<br> Customers
</h3>
</div>
</div>
<div class="col-md-6">
<div class="card bg-transparent text-center">
<img src="img/icons/balance.png" alt="" class="img-fluid advt-img" width="100px"
height="100px">
<h3 class="card-title text-capitalize my-3 text-white">Stability<br> Certificate
</h3>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-6">
<div class="card bg-transparent text-center">
<img src="img/icons/shield.png" alt="" class="img-fluid advt-img" width="100px"
height="100px">
<h3 class="card-title text-capitalize my-3 text-white">Quality<br> Checklist</h3>
</div>
</div>
<div class="col-md-6">
<div class="card bg-transparent text-center">
<img src="img/icons/guarantee.png" alt="" class="img-fluid advt-img" width="100px"
height="100px">
<h3 class="card-title text-capitalize my-3 text-white">Warranty of<br> Construction
</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="al-sec promise">
<div class="container-fluid">
<div>
<!-- <h2 class="text-uppercase text-center txt-line-blue">Our Promise</h2> -->
</div>
<div class="row mt-5">
<div class="col-md-5">
<ul class="icl-list">
<li><img src="img/icons/promise-1.png" alt="Money Transparency" class="icn"> <span>Money
Transparency</span></li>
<li><img src="img/icons/promise-2.png" alt="Assured Quality Control" class="icn">
<span>Assured Quality Control</span></li>
<li><img src="img/icons/promise-3.png" alt="Warranty" class="icn"> <span>Warranty</span>
</li>
<li><img src="img/icons/promise-4.png" alt="On Time Completion" class="icn"> <span>On Time
Completion</span></li>
<li><img src="img/icons/promise-5.png" alt="Verified Professionals" class="icn">
<span>Verified Professionals</span></li>
<li><img src="img/icons/promise-6.png" alt="Good Worksmanship" class="icn"> <span>Good
Workmanship</span></li>
<li><img src="img/icons/promise-7.png" alt="Hassle Free Construction" class="icn">
<span>Hassle Free Construction</span></li>
</ul>
</div>
<div class="col-md-7">
<p class="spc-txt">At credent construction, we believe in homes, not houses - by creating life
spaces for you and generations after, we build homes and spaces that ensure inheritance.
As a leading contractor in Bengaluru, our focus is on developing projects in a well-planned
manner that’s holistic in approach. At credent construction we focus on providing true value
through our contracting,
civil and interior services that conform to international quality standards at honest
prices. </p>
<!-- <p>We draw heavily from the innate qualities of our founding Principles of trust
and quality – which has been inculcated and imbibed throughout our workforce. Simply put, we
do not cut corners developing the best – in – class properties around Karnataka.
Our work revolves around creating 'quality' with integrity that our founders have come to
impart over decades of cumulative experience.</p> -->
<img src="img/plant.jpg" alt="Promise" class="img-fluid plnt-img">
</div>
</div>
</div>
</section>
<section class="al-sec partner">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<h2 class="text-center text-uppercase">Our Material Purchase Partners</h2>
<div class="mt-5">
<div id="blogSlider">
<div class="MS-content">
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-1.png">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-2.png">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-3.png">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-4.png">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-5.png">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-6.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-7.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-8.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-9.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-10.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-11.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-12.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-13.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-14.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-15.jpg">
</a>
</div>
</div>
</div>
<div class="item">
<div class="product-grid">
<div class="product-image">
<a href="#">
<img class="pic-1" src="img/partner-16.jpg">
</a>
</div>
</div>
</div>
</div>
<div class="MS-controls">
<button class="MS-left"><i class="fa fa-chevron-left"
aria-hidden="true"></i></button>
<button class="MS-right"><i class="fa fa-chevron-right"
aria-hidden="true"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="al-sec process">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="text-center text-uppercase">Know Our Process</h2>
<div class="img mx-auto mt-5">
<img src="img/info-main.png" class="img-fluid" alt="">
</div>
</div>
</div>
</div>
</section>
<section class="wrks al-sec">
<div class="container-fluid pr-0 overflow-hidden">
<div class="row">
<div class="col-md-5">
<h2 class="text-white">Our Works &</h2>
<h3 class="head text-white">What Our Clients Say?</h2>
<!-- <span class="txt-line"></span> -->
</div>
<div class="col-md-7">
<div class="press-container">
<div class="articles">
<div class="quote">
<blockquote>
<div class="qts">
<p class="m-0">
Keerthi has been great to figure with starting to end. he's easy to speak with and makes sure the work
is completed right. We are extremely proud of the work that was done, and can definitely reach credent construction
for brand spanking new projects within the future.
</p>
</div>
</blockquote>
<span class="triangle-down"></span>
<cite>
<span class="author">Anil Kumar</span><br>
<span class="desg">Customer </span>
</cite>
</div>
<div class="quote">
<blockquote>
<div class="qts">
<p class="m-0">
I was planning for reworking my exiting kitchen and also, for an area addition. At an equivalent time,
i used to be worried about my budget. But once I consulted Credent construction, they made me feel
worry-free. and that they literally made the magic happen!!
</p>
</div>
</blockquote>
<span class="triangle-down"></span>
<cite>
<span class="author">Suraj Sai </span><br>
<span class="desg">Customer </span>
</cite>
</div>
<div class='quote'>
<blockquote>
<div class="qts">
<p class="m-0">
Keerthi and his crew are far and away the simplest contractors I have met. they're ready to
get our jobs done quickly, efficiently, and most significantly, correctly. Keerthi has become
our go-to contractor for all our home improvements. additionally, to facilitating the skilled
work, he and his crew diligently pack up the work site when done, and that they leave you with
a finished product you'll be pleased with.
</p>
</div>
</blockquote>
<span class="triangle-down"></span>
<cite>
<span class="author">Harish </span><br>
<span class="desg">Customer</span>
</cite>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="al-sec rst-qt">
<div class="container-fluid">
<div class="row">
<div class="col-md-7">
<h2 class="text-uppercase">Request a Quote</h2>
<form action="#" method="post" class="home-frm mt-5">
<div class="form-row">
<div class="form-group col-md-6">
<input type="text" class="form-control" name="uname" id="uname" required
placeholder="Your Name">
</div>
<div class="form-group col-md-6">
<input type="email" class="form-control" id="inputEmail4" required
placeholder="Your Email">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<input type="tel" class="form-control" id="inputCity" required placeholder="Phone">
</div>
<div class="form-group col-md-6">
<select id="inputState" class="form-control">
<option selected>Select a Service</option>
<option>Interior</option>
<option>Renovation</option>
<option>Exterior</option>
</select>
</div>
</div>
<div class="form-row">
<textarea name="msg" id="mesg" cols="30" rows="10" placeholder="Message"
class="form-control"></textarea>
</div>
<div class="form-row mt-4">
<button type="submit" class="btn btn-primary frm-btn">Submit</button>
</div>
</form>
</div>
<div class="col-md-5">
<div class="qt-img text-center">
<img src="img/quote.png" class="img-fluid" alt="">
</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>
$('#blogSlider').multislider({
duration: 750,
interval: 3000
});
//
</script>
<script>
$('.counter-count').each(function () {
$(this).prop('Counter',0).animate({
Counter: $(this).text()
}, {
//chnage count up speed here
duration: 4000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
</script>
</body>
</html>