File: /home/u503286720/domains/credentconstruction.com/public_html/completed-projects.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/career-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>
.banner-sec {
background: url(img/about-bg.jpg);
background-size: cover;
position: relative;
}
.contact-icon-box {
width: 100%;
}
.partner {
padding: 60px 80px;
}
.icn-bx span.fa {
color: #2d2d73;
}
.icn-bx span {
width: 50px;
height: 50px;
border: 0;
border-radius: 50%;
padding: 15px;
text-align: center;
font-size: 20px !important;
}
.contact-icon-box .icn-bx {
width: 7%;
float: left;
text-align: center;
}
.arch-img {
box-shadow: 15px -15px 0px #2578b0;
border-radius: 5px;
}
.rst-qt{position: relative;overflow:hidden;}
.rst-qt:before {
content: '';
background: linear-gradient(180deg, #2191dd, #2578b0);
position: absolute;
width: 7%;
height: 50%;
top: -24px;
z-index: -1;
left: -5%;
opacity: 0.5;
border-radius: 100%;
}
.rst-qt:after {
content: '';
background: linear-gradient(180deg, #2191dd, #2578b0);
position: absolute;
width: 7%;
height: 50%;
bottom: -24px;
z-index: -1;
right: -5%;
opacity: 0.5;
border-radius: 100%;
}
.im-bx{
margin-bottom: 30px;
box-shadow: 0 0 10px #ccc;
border-radius: 10px;
overflow: hidden;
transition: 0.4s;
}
.im-bx:hover{
transform:translateY(-10px);
}
.btn-p{border:0;}
</style>
</head>
<body>
<?php include('header.php')?>
<div class="main-content">
<section class="banner-sec">
<div class="container">
<h2 class="text-center text-white">Completed Projects</h2>
</div>
</section>
<section class="al-sec rst-qt">
<div class="container">
<!--<div class="row">-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-1.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-2.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-3.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-4.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-5.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-6.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-7.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-8.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-9.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-10.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-11.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-12.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-13.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-14.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-3">-->
<!-- <div class="im-bx">-->
<!-- <img src="img/projects/completed-15.jpg" class="img-fluid" alt="rk civil projects">-->
<!-- </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>
</body>
</html>