/home/hdwebsolution/public_html/karamboring/about.php
<!DOCTYPE html>
<?php include_once('header.php')?>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Builderz - Construction Company Website Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Construction Company Website Template" name="keywords">
<meta content="Construction Company Website Template" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/flaticon/font/flaticon.css" rel="stylesheet">
<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">
<link href="lib/slick/slick.css" rel="stylesheet">
<link href="lib/slick/slick-theme.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h2>About Us</h2>
</div>
<div class="col-12">
<a href="">Home</a>
<a href="">About Us</a>
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- About Start -->
<div class="about wow fadeInUp" data-wow-delay="0.1s">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-6">
<div class="about-img">
<img src="img/about.jpg" alt="Image">
</div>
</div>
<div class="col-lg-7 col-md-6">
<div class="section-header text-left">
<p>Welcome to Builderz</p>
<h2>25 Years Experience</h2>
</div>
<div class="about-text">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non vulputate. Aliquam metus tortor, auctor id gravida condimentum, viverra quis sem. Curabitur non nisl nec nisi scelerisque maximus. Aenean consectetur convallis porttitor. Aliquam interdum at lacus non blandit.
</p>
<a class="btn" href="">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<!-- About End -->
<!-- Fact Start -->
<div class="fact">
<div class="container-fluid">
<div class="row counters">
<div class="col-md-6 fact-left wow slideInLeft">
<div class="row">
<div class="col-6">
<div class="fact-icon">
<i class="flaticon-worker"></i>
</div>
<div class="fact-text">
<h2 data-toggle="counter-up">109</h2>
<p>Expert Workers</p>
</div>
</div>
<div class="col-6">
<div class="fact-icon">
<i class="flaticon-building"></i>
</div>
<div class="fact-text">
<h2 data-toggle="counter-up">485</h2>
<p>Happy Clients</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 fact-right wow slideInRight">
<div class="row">
<div class="col-6">
<div class="fact-icon">
<i class="flaticon-address"></i>
</div>
<div class="fact-text">
<h2 data-toggle="counter-up">789</h2>
<p>Completed Projects</p>
</div>
</div>
<div class="col-6">
<div class="fact-icon">
<i class="flaticon-crane"></i>
</div>
<div class="fact-text">
<h2 data-toggle="counter-up">890</h2>
<p>Running Projects</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Fact End -->
<!-- FAQs Start -->
<div class="faqs">
<div class="container">
<div class="section-header text-center">
<p>Frequently Asked Question</p>
<h2>You May Ask</h2>
</div>
<div class="row">
<div class="col-md-6">
<div id="accordion-1">
<div class="card wow fadeInLeft" data-wow-delay="0.1s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseOne">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseOne" class="collapse" data-parent="#accordion-1">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInLeft" data-wow-delay="0.2s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseTwo">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseTwo" class="collapse" data-parent="#accordion-1">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInLeft" data-wow-delay="0.3s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseThree">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseThree" class="collapse" data-parent="#accordion-1">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInLeft" data-wow-delay="0.4s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseFour">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseFour" class="collapse" data-parent="#accordion-1">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInLeft" data-wow-delay="0.5s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseFive">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseFive" class="collapse" data-parent="#accordion-1">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div id="accordion-2">
<div class="card wow fadeInRight" data-wow-delay="0.1s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseSix">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseSix" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInRight" data-wow-delay="0.2s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseSeven">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseSeven" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInRight" data-wow-delay="0.3s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseEight">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseEight" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInRight" data-wow-delay="0.4s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseNine">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseNine" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
<div class="card wow fadeInRight" data-wow-delay="0.5s">
<div class="card-header">
<a class="card-link collapsed" data-toggle="collapse" href="#collapseTen">
Lorem ipsum dolor sit amet?
</a>
</div>
<div id="collapseTen" class="collapse" data-parent="#accordion-2">
<div class="card-body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec pretium mi. Curabitur facilisis ornare velit non.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FAQs End -->
<?php include_once('footer.php')?>
