Aashish_Nepal/Bib-Landing-Australia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Aashish_Nepal 2024-12-11 13:15:45 +05:45
commit 2508e02c19
23 changed files with 1670 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
assets/css/carousels.css Normal file
View File

@ -0,0 +1,77 @@
#main-carousel .carousel-caption {
position: absolute;
bottom: 30%;
}
#main-carousel .carousel-caption .carouspan,
#main-carousel .carousel-caption h5 {
font-weight: bolder;
font-size: 60px;
}
#main-carousel .carouspan {
color: #C52903;
font-style: italic;
font-weight: bold;
}
#main-carousel .carousebtn {
background-color: #C52903;
}
@media (max-width: 768px) {
#main-carousel .carousel-caption {
position: absolute;
bottom: 10%;
left: 0;
right: 0;
text-align: center;
z-index: 10;
padding: 10px;
}
#main-carousel .carousel-caption h5 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 10px;
}
#main-carousel .carousel-caption p {
font-size: 14px;
display: block;
margin-bottom: 15px;
}
#main-carousel .carousel-caption .button-carousel .carousebtn {
display: inline-block;
font-size: 14px;
padding: 5px 10px;
margin: 5px 10px;
}
#carouselExampleCaptions .carousel-indicators {
display: none;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
#main-carousel .carousel-caption .button-carousel {
display: none;
}
/* Ensure the h5 element remains visible and adjust font size for smaller screens */
#main-carousel .carousel-caption h5 {
font-size: 40px;
}
#main-carousel .carousel-caption {
position: absolute;
bottom: 30%;
}
}

41
assets/css/contacts.css Normal file
View File

@ -0,0 +1,41 @@
.contact span{
color: #C52903;
}
.contact .btn{
background-color: #C52903;
color: white;
}
.contact .btn:hover{
background-color: grey;
color: white;
}
.contact .bi-geo-alt-fill{
color: #C52903;
}
.contact .bi-envelope-fill{
color: #C52903;
}
.contact .bi-telephone-fill{
color: #C52903;
}
.contact-left {
border: 0;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.05); /* Softer and layered shadow */
border-radius: 8px; /* Slightly more rounded corners for a modern look */
background-color: #fff; /* Ensure the background is consistent */
}
.contact-right {
border: 0;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.05); /* Softer and layered shadow */
border-radius: 8px; /* Slightly more rounded corners for a modern look */
background-color: #fff; /* Ensure the background is consistent */
}

119
assets/css/footers.css Normal file
View File

@ -0,0 +1,119 @@
.footer {
background-image: url(https://bibhutisolutions.com.au/assets/images/bg/4.jpg);
color: #fff;
padding: 30px 0;
}
.footer h5 {
color: #fff;
margin-bottom: 20px;
}
.footer p {
color: #fff;
font-size: small;
font-weight: 400;
}
.footlinks h5,
a {
margin-left: 0;
}
.footer a {
color: #fff;
text-decoration: none;
font-size: small;
font-weight: 400;
position: relative;
transition: color 0.3s ease;
}
.footer a::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s ease;
}
.footer a:hover {
color: #C52903;
}
.footer a:hover::after {
transform: scaleX(1);
transform-origin: left;
}
/* Base iframe styles */
#facebook-iframe {
width: 100%; /* Default to full width of the container */
height: 100px; /* Default height */
border: none;
}
/* Styles for tablets */
@media (min-width: 768px) and (max-width: 1024px) {
#facebook-iframe {
height: 200px; /* Increase height for tablets */
}
}
@media (max-width: 767px) {
#facebook-iframe {
height: 60px;
margin-left: 0px;
}
.footer {
background-image: url(https://bibhutisolutions.com.au/assets/images/bg/4.jpg);
color: #fff;
padding: 30px 0;
}
}
/* Media Queries for Mobile and Tablet */
@media (max-width: 767px) {
.footer .col-md-3 {
margin-bottom: 20px;
}
.footer h5 {
font-size: 16px;
}
.footer p,
.footer a {
font-size: 14px;
}
.footer img {
width: 120px;
}
}
@media (max-width: 575px) {
.footer .col-md-3 {
text-align: center;
}
.footer img {
margin: 0 auto;
display: block;
}
.footer a {
display: block;
margin: 10px 0;
}
}

166
assets/css/header.css Normal file
View File

@ -0,0 +1,166 @@
.contact-bar {
background-image: url(https://bibhutisolutions.com.au/assets/images/bg/4.jpg);
color: #fff;
font-size: 14px;
padding: 10px 20px;
}
.contact-bar a {
color: #fff;
text-decoration: none;
}
.contact-bar a:hover {
color: #ccc;
}
.logo {
width: 100px;
}
.navbar-nav a {
color: white;
font-weight: bold;
}
.nav-item a {
font-size: small;
}
.nav-item a {
position: relative;
display: inline-block;
text-decoration: none;
color: white; /* Adjust to your desired text color */
transition: color 0.3s ease;
}
.nav-item a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px; /* Adjust the underline thickness */
background-color: white; /* Adjust to your desired underline color */
transition: width 0.3s ease;
}
.nav-item a:hover {
color: black; /* Adjust to your desired hover text color */
}
.nav-item a:hover::after {
width: 100%;
}
.custom-navbar {
background-image: url(../images/cover.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Style for the quote button */
.quotebtn {
color: #C52903;
font-weight: bold;
font-size: small;
padding: 12px;
border: none;
transition: background-color 0.3s, color 0.3s;
background-color: white;
border-radius: 5px;
}
.quotebtn:hover {
background-color: #F5A637;
color: white;
cursor: pointer;
}
@media (max-width: 768px) {
.navbar-brand {
text-align: left;
margin: 0 ;
padding: 20px;
}
.logo {
width: 60px;
}
.navbar-nav {
flex-direction: column;
margin-top: 10px;
}
.navbar-nav .nav-item {
margin-bottom: 5px;
padding: 0px 20px;
}
.quotebtn {
font-size: x-small;
padding: 0px 20px;
margin-top: 10px;
}
.contact-bar {
flex-direction: column;
text-align: center;
}
.social-icons {
margin-top: 10px;
}
.navbar-nav {
text-align: center;
width: 100%;
}
.navbar-nav .nav-item {
margin: 5px 0;
}
.quotebtn {
width: 100%;
margin-top: 10px;
}
.navbar-collapse {
justify-content: center;
}
}
@media (max-width: 576px) {
.logo {
width: 70px;
}
.navbar-toggler {
font-size: 1.2rem;
}
.navbar-toggler-icon {
color: white;
}
.navbar-nav a {
font-size: smaller;
}
.quotebtn {
font-size: xx-small;
padding: 5px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.custom-navbar {
background-size: cover; /* Keep it covering the navbar */
background-position: center; /* Center it for tablets */
}
}

33
assets/css/our-works.css Normal file
View File

@ -0,0 +1,33 @@
.works{
padding: 0px 0px;
}
.works .card {
transition: all 0.3s ease-in-out;
cursor: pointer;
border: none;
}
.works .card:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-5px);
}
.works .card:hover .card-img-top {
filter: brightness(0.85);
}
.works .card-body{
height: 120px;
}
.works .card:hover .card-body {
background-color: rgba(0, 0, 0, 0.1);
}
.works .btn{
background-color: #C52903;
}
.works h1{
position: relative;
top: 20px;
}

166
assets/css/style.css Normal file
View File

@ -0,0 +1,166 @@
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
font-family: "Roboto", serif;
font-weight: 400;
font-style: normal;
}
.aboutbg {
background-image: url(https://bibhutisolutions.com.au/assets/images/about/1.png);
height: 105vh;
background-position: center;
background-repeat: no-repeat;
}
.abouthone{
padding: 30px 0px;
}
.card-title{
font-weight: 400;
font-style: italic;
font-size: x-large;
}
.card-text{
font-weight: 350;
}
@media (min-width: 769px) and (max-width: 1280px) {
.aboutimg {
width: 100%;
height: auto;
object-fit: cover;
}
.aboutbg{
height: 120vh;
background-position: center;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px) {
.abouthone{
padding: 20px 0px;
}
.imgline{
margin-bottom: 1px;
}
.aboutbg {
height: 185vh;
background-position: center;
background-repeat: no-repeat;
}
}
.services{
padding: 50px 0px;
}
.serviceshfive{
font-style: normal;
font-weight: 500;
transition: color 0.3s ease;
font-size:x-large;
}
.serviceshfive i {
color: #C52903;
}
.serviceshfive:hover {
color: #C52903;
}
.service-card {
position: relative;
border-bottom: 2px solid transparent;
overflow: hidden;
}
.service-card::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 0;
background-color: #C52903;
transition: width 0.4s ease-in-out;
}
.service-card:hover::after {
width: 100%;
}
@media (max-width: 768px) {
.servicespara {
font-size: 0.9rem;
text-align: justify;
}
.shadow {
padding: 1.5rem;
}
}
.pricing-card {
border: 2px solid #C52903;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2), 0 4px 18px rgba(0, 0, 0, 0.1); /* Adds a shadow */
margin-bottom: 20px;
border-bottom-left-radius: 30px;
overflow: hidden;
min-height: 100%;
}
.pricing-card-header {
background-color: #C52903;
color: white;
padding: 15px;
text-align: center;
font-size: 1.5rem;
font-weight: bolder;
}
.pricing-card-body {
padding: 15px;
}
.pricing-card-footer {
text-align: center;
padding: 10px;
background-color: #f8f9fa;
}
.purchase-btn {
color: #C52903;
border: 2px solid #C52903;
padding: 10px 20px;
cursor: pointer;
}
.purchase-btn:hover {
background-color: black;
color: white;
}
.feature-item {
margin-bottom: 10px;
font-size: 15px;
font-weight: 350;
padding-bottom: 5px;
border-bottom: 1.3px solid #ddd;
}
.feature-item strong {
font-weight: bold;
font-size: 18px;
}

172
assets/css/testimonials.css Normal file
View File

@ -0,0 +1,172 @@
/* General styles */
.testimonials-carousel {
padding-bottom: 60px;
}
.testimonials-carousel h2 {
color: #000;
font-size: 26px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
position: relative;
padding: 50px 0px;
}
.testimonials-carousel h2::after {
content: "";
width: 100px;
position: absolute;
margin: 0 auto;
height: 4px;
border-radius: 1px;
background: #C52903;
left: 0;
right: 0;
bottom: 35px;
}
.testimonials-carousel .carousel-item {
color: #999;
overflow: hidden;
min-height: 120px;
font-size: 13px;
}
.testimonials-carousel .carousel-inner {
padding: 80px 0px;
}
.testimonials-carousel .carousel .media img {
width: 80px;
height: 80px;
display: block;
border-radius: 50%;
object-fit: cover;
}
.testimonials-carousel .carousel .testimonial {
padding: 0 15px 0 0;
position: relative;
font-size: 14px;
}
.testimonials-carousel .carousel .testimonial::before {
content: "\201C";
font-family: Arial, sans-serif;
color: #C52903;
font-weight: bold;
font-size: 68px;
line-height: 54px;
position: relative;
left: -20px;
top: 35px;
}
.testimonials-carousel .carousel .overview b {
text-transform: uppercase;
color: #C52903;
}
.testimonials-carousel .carousel-indicators li,
.testimonials-carousel .carousel-indicators li.active {
width: 12px;
height: 12px;
margin: 1px 3px;
border-radius: 50%;
border: none;
}
.testimonials-carousel .carousel-indicators li {
background: #C52903;
border-color: transparent;
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}
.testimonials-carousel .carousel-indicators li.active {
background: #C52903;
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}
/* Responsive styles for tablets */
@media (max-width: 768px) {
.testimonials-carousel {
padding: 20px 0;
}
.testimonials-carousel h2 {
font-size: 22px;
}
.testimonials-carousel .carousel .testimonial {
padding: 10px;
font-size: 12px;
}
.testimonials-carousel .carousel .testimonial::before {
font-size: 48px;
position: absolute;
right: 205px;
top: 0px;
}
.testimonials-carousel .carousel .media img {
width: 60px;
height: 60px;
position: relative;
right: 30%;
}
.testimonials-carousel .carousel-item .media-body {
text-align: center;
}
.testimonials-carousel .carousel .media {
display: block; /* Default block layout for stacking */
text-align: center;
}
.testimonials-carousel .carousel .media img {
margin: 0 auto 10px;
}
}
/* Responsive styles for mobile */
@media (max-width: 576px) {
.testimonials-carousel {
padding: 15px 0;
}
.testimonials-carousel h2 {
font-size: 18px;
}
.testimonials-carousel .carousel .testimonial {
padding: 10px;
font-size: 11px;
}
.testimonials-carousel .carousel .testimonial::before {
font-size: 36px;
position: absolute;
right: 310px;
bottom: 100px;
}
.testimonials-carousel .carousel .media img {
position: relative;
right: 38%;
width: 50px;
height: 50px;
margin: 0 auto 10px;
}
.testimonials-carousel .carousel-item .media-body {
text-align: center;
}
.testimonials-carousel .carousel .media {
display: block;
text-align: center;
}
}

47
assets/data/packagesData.php Normal file
View File

@ -0,0 +1,47 @@
<?php
$packagesData = [
"easy_startup" => [
"title" => "EASY STARTUP",
"features" => [
"<strong>Features included!</strong>",
"Astonishing, Responsive and Adaptive Design",
"SEO Integrated Content Management System",
"Presentation/Homepage slider",
"4-10 unique website pages",
"Clients' Testimonials, Photo Gallery",
"Contact Details, Google Location Map",
"Social Media & Google Analytics Integration",
"Contact/Feedback form"
]
],
"growing_business" => [
"title" => "GROWING BUSINESS",
"features" => [
"<strong>Features included!</strong>",
"Astonishing, Responsive and Adaptive Design",
"Testimonials/Portfolios/Our team",
"Sliders for Clients/Certifications/Achievements",
"Presentation/Homepage slider",
"Contact Details, Google Location Map",
"Social Media & Google Analytics Integration",
"Contact/Feedback form / Live-Chat Integration",
"Online Booking/Ordering (E-Commerce)"
]
],
"customized_solution" => [
"title" => "CUSTOMIZED SOLUTION",
"features" => [
"<strong>Features included!</strong>",
"Astonishing, Responsive and Adaptive Design",
"Fully featured with SEO and SMO requirements.",
"Sliders for Clients/Certifications/Achievements",
"Presentation/Homepage slider",
"Contact Details, Google Location Map",
"Social Media & Google Analytics Integration",
"Contact/Feedback form / Live-Chat Integration",
"Online Booking/Ordering (E-Commerce)"
]
]
];
?>

35
assets/data/servicesData.php Normal file
View File

@ -0,0 +1,35 @@
<?php
// Example Data
$servicesData = [
[
"title" => "Domain & Hosting",
"description" => "We choose the best domain and hosting companies. Best in-service availability and cost...",
"icon" => "bi bi-globe",
"link" => "domain-hosting.html"
],
[
"title" => "Web Maintenance",
"description" => "We provide a complete website maintenance service from a small content update, bug fixing, troubleshooting, critical...",
"icon" => "bi bi-tools",
"link" => "domain-hosting.html"
],
[
"title" => "Web Applications",
"description" => "Remember Bibhuti Solutions for: Custom Software Development, Web Content Management System...",
"icon" => "bi bi-phone",
"link" => "domain-hosting.html"
],
[
"title" => "Logo & Graphics Design",
"description" => "Bibhuti Solutions is serving clients for several years in Logo and Graphics Design services...",
"icon" => "bi bi-brush-fill",
"link" => "domain-hosting.html"
],
[
"title" => "Home PC Service",
"description" => "Bibhuti Solutions provides home PC maintenance service for windows operating system and mac OS. We pro ...",
"icon" => "bi bi-pc-display",
"link" => "domain-hosting.html"
]
];
?>

BIN
assets/images/cover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

0
assets/js/carousel.js Normal file
View File

63
includes/button.php Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<style>
.back-to-top {
position: fixed;
bottom: 20px;
right: 10px;
display: none;
background-color: #C52903;
color: white;
border: none;
border-radius: 12%;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
z-index: 1000;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
.back-to-top:hover {
background-color: grey;
}
.back-to-top i {
font-size: 24px;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
const backToTopButton = document.getElementById("back-to-top");
window.addEventListener("scroll", function () {
if (window.scrollY > 200) {
backToTopButton.style.display = "flex";
} else {
backToTopButton.style.display = "none";
}
});
backToTopButton.addEventListener("click", function () {
window.scrollTo({ top: 0, behavior: "smooth" });
});
});
</script>
</head>
<body>
<?php
echo '
<button id="back-to-top" class="back-to-top">
<i class="bi bi-arrow-up"></i>
</button>
';
?>
</body>
</html>

59
includes/carousel.php Normal file
View File

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/carousels.css">
<script src="../assets/js/carousel.js"></script>
</head>
<body>
<section id="main-carousel">
<div id="carouselExampleCaptions" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://bibhutisolutions.com.au/assets/images/slider/1.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5><span class="carouspan">We Provide</span><br>Truly Prominent IT Services</h5>
<p>We will make sure that your company is always on high-profile and up with your competitors.</p>
<div class="button-carousel d-flex justify-content-center gap-4">
<button type="button" class="carousebtn btn btn-danger">VIEW DETAILS</button>
<button type="button" class="carousebtn btn btn-danger">CONTACT US</button>
</div>
</div>
</div>
<div class="carousel-item">
<img src="https://bibhutisolutions.com.au/assets/images/slider/2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5><span class="carouspan">We help</span><br> to Develop Your Businesss</h5>
<p>We specialize in software application development, interactive website design, and many other services with creative and affordable solutions for small & medium on large business concerns.</p>
<div class="button-carousel d-flex justify-content-center gap-4">
<button type="button" class="carousebtn btn btn-danger">READ MORE</button>
<button type="button" class="carousebtn btn btn-danger">CONTACT US</button>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

64
includes/footer.php Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/footers.css">
</head>
<body>
<section id="footer">
<div class="container-fluid footer">
<div class="container">
<div class="row">
<!-- About Section -->
<div class="col-md-3 col-12">
<img src="https://bibhutisolutions.com.au/assets/images/white-logo.png" alt="Logo" style="width: 150px;">
<p class="mt-3">Bibhuti Solutions is a registered web development business in Australia founded with an aim to give complete IT solutions. As one of the web development companies with a wider array of IT solutions...</p>
</div>
<!-- Quick Links Section -->
<div class="col-md-3 col-12 footlinks">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Domain & Hosting</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Web Maintenance</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Web Applications</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Logo & Graphics Design</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Home PC Service</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Our Packages</a></li>
<li><a href="#"><i class="bi bi-arrow-right-square mr-2"></i>Our Works</a></li>
</ul>
</div>
<!-- Facebook Page -->
<div class="col-md-3 col-12 facebook-page">
<h5>Facebook Page</h5>
<iframe id="facebook-iframe" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FBibhutiSolutions&tabs=timeline&width=300&height=70&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>
<!-- Contact Section -->
<div class="col-md-3 col-12">
<h5>Contact Information</h5>
<p><strong>Location:</strong> Cranbrook, NSW 2749, Australia</p>
<p><strong>Email:</strong> contact@bibhutisolutions.com.au</p>
<p><strong>Phone:</strong> 0480 333 779</p>
<h5>Follow Us:</h5>
<a class="fblink" href="#"><i class="bi bi-facebook"></i> Facebook</a>
</div>
</div>
<hr class="bg-light">
<div class="text-center">
<p>Copyright ©2024 Bibhuti Solutions. All Rights Reserved</p>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

68
includes/header.php Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/header.css">
<style>
</style>
</head>
<body>
<div class="contact-bar d-flex flex-wrap justify-content-between align-items-center px-3 py-2">
<div class="contact-info text-center text-lg-start mb-2 mb-lg-0">
<span class="me-3 d-block d-lg-inline">
<i class="fas fa-phone-alt"></i> 0480 333 779
</span>
<span class="d-none d-lg-inline">|</span>
<a href="mailto:contact@bihubsolutions.com.au" class="ms-lg-3 d-block d-lg-inline">
<i class="bi bi-envelope"></i> contact@bihubsolutions.com.au
</a>
</div>
<div class="social-icons text-center">
<a href="https://facebook.com" target="_blank" class="text-white">
<i class="bi bi-facebook"></i>
</a>
</div>
</div>
<nav class="custom-navbar navbar navbar-expand-lg overflow-hidden">
<div class="container-fluid">
<div class="logocover">
<a class="navbar-brand" href="#"><img class="logo" src="https://bibhutisolutions.com.au/assets/images/main-logo.png" alt="logo"></a>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="homeactive nav-link active" aria-current="page" href="http://localhost/bibhuti_solutions/templates/#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://localhost/bibhuti_solutions/templates/#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://localhost/bibhuti_solutions/templates/#services">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://localhost/bibhuti_solutions/templates/#packages">PACKAGES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://localhost/bibhuti_solutions/templates/#our-works">OUR WORKS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://localhost/bibhuti_solutions/templates/#contact">CONTACT</a>
</li>
</ul>
<button type="button" class="quotebtn">GET A QUOTE?</button>
</div>
</div>
</nav>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

123
includes/testimonials.php Normal file
View File

@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="../assets/css/testimonials.css">
<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="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container testimonials-carousel">
<div class="row">
<div class="col-sm-12">
<h2>Testimonials</h2>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for carousel items -->
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-sm-6">
<div class="media">
<img src="https://tse1.mm.bing.net/th?id=OIP.2WvsyP3WbSiXvqCOjeB9MgHaFY&pid=Api&P=0&h=220" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>We have been working with Bibhuti Solutions for two years to develop a robust software application that supports the company’s daily activities. The Mindfire team is highly responsive and professional providing us with great problem solving on a daily basis. They are a tremendous extension of our team.
</p>
<p class="overview"><b>Paula Wilson</b>, Media Analyst</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media">
<img src="https://content.latest-hairstyles.com/wp-content/uploads/chin-length-bob-haircut-with-bangs-for-chubby-faces.jpg" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>Bibhuti Solutions has been an integral partner in improving our site's user experience. Their QA testing team is responsive, fast, proactive, and flexible - overall, an absolute pleasure to work with. After just a short amount of time, we've seen significant results.</p>
<p class="overview"><b>Antonio Moreno</b>, Web Developer</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-sm-6">
<div class="media">
<img src="https://readymadeui.com/team-2.webp" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>I have been involved in big projects for major corporations and the team at Bibhuti Solutions is the best that I have worked with. They are timely, efficient and use best practices in their development work. They move our project along quickly and keep us agile enough to be competitive. I would recommend them to anyone.
</p>
<p class="overview"><b>Michael Holz</b>, Seo Analyst</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media">
<img src="https://readymadeui.com/team-3.webp" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>Bibhuti Solutions has been an integral partner in improving our site's user experience. Their QA testing team is responsive, fast, proactive, and flexible - overall, an absolute pleasure to work with. After just a short amount of time, we've seen significant results.</p>
<p class="overview"><b>Mary Saveley</b>, Web Designer</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="carousel-item">
<div class="row">
<div class="col-sm-6">
<div class="media">
<img src="/examples/images/clients/5.jpg" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>Lorem ipsum dolor sit amet, consec adipiscing elit. Nam eusem
scelerisque tempor, varius quam luctus dui. Mauris magna metus nec.
</p>
<p class="overview"><b>Martin Sommer</b>, UX Analyst</p>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="media">
<img src="/examples/images/clients/6.jpg" class="mr-3" alt="">
<div class="media-body">
<div class="testimonial">
<p>Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget
mi suscipit tincidunt. Utmtc tempus dictum. Pellentesque virra.</p>
<p class="overview"><b>John Williams</b>, Web Developer</p>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

27
index.php Normal file
View File

@ -0,0 +1,27 @@
<?php
$section = $_GET['section'] ?? 'home';
switch ($section) {
case 'home':
include 'templates/home.php';
break;
case 'about':
include 'templates/about.php';
break;
case 'services':
include 'templates/services.php';
break;
case 'packages':
include 'templates/packages.php';
break;
case 'our-works':
include 'templates/our-works.php';
break;
case 'contact':
include 'templates/contact.php';
break;
default:
include 'templates/404.php';
break;
}
?>

60
templates/about.php Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<section class="aboutbg align-items-center justify-content-center" id="about">
<div class="text-center">
<h1 class="abouthone">About Bibhuti Solutions</h1>
<img class="mb-5 imgline" src="https://bibhutisolutions.com.au/assets/images/line.png" alt="line">
</div>
<div class="container aboutmain">
<div class="card mb-3 mx-auto" style="max-width: 100%;">
<div class="row g-0">
<div class="col-md-4">
<img src="https://bibhutisolutions.com.au/assets/images/about/1.jpg"
class="aboutimg img-fluid rounded-start" style="height: 100%;" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">We offer a well-balanced blend of technological skills, domain
knowledge, hands-on experience and effective methodology.</h5><br>
<p class="card-text">Bibhuti Solutions is a registered web development business in Australia
founded with an aim to give complete IT solutions. As one of the web development company
with a wider array of IT solutions, Bibhuti Solutions helps to solve big challenges that
are technically complex and mission-critical.
</p>
<p class="card-text">
We specialize in software application development, interactive website design, and many
other services with creative and affordable solutions for small & medium to large
business concerns. We have skills and experience to build functional, attractive
websites at a reasonable cost. We also have a passionate, results-oriented digital
marketing team.
</p>
<p class="card-text">
Further, we offer high quality and cost-effective web application development. We will
make sure that your company is always on high-profile and up with your competitors.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>

53
templates/contact.php Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/contacts.css">
</head>
<body>
<section class="contact" id ="contact">
<div class="container py-5">
<div class="row">
<!-- Contact Form -->
<div class="contact-left col-md-6">
<h3><span>Get</span> in touch with us!</h3>
<p>Write a message. We will reply within 24 hours.</p>
<form action="contact_process.php" method="POST">
<div class="mb-3">
<input type="text" name="name" class="form-control" placeholder="Name" required>
</div>
<div class="mb-3">
<input type="email" name="email" class="form-control" placeholder="Email" required>
</div>
<div class="mb-3">
<input type="text" name="subject" class="form-control" placeholder="Subject" required>
</div>
<div class="mb-3">
<textarea name="message" class="form-control" rows="5" placeholder="Your Message" required></textarea>
</div>
<button type="submit" class="btn btn-danger w-100">Submit Message</button>
</form>
</div>
<!-- Contact Information -->
<div class="contact-right col-md-6">
<h3>Sydney</h3>
<p><i class="bi bi-geo-alt-fill"></i> Cranbrook, NSW 2749, Australia</p>
<p><i class="bi bi-envelope-fill"></i> contact@bibhutisolutions.com.au</p>
<p><i class="bi bi-telephone-fill"></i> 0480 333 779</p>
</div>
</div>
</div>
</section>
<!-- Bootstrap Bundle JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

74
templates/home.php Normal file
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<!-- <section>
<div class="contact-bar d-flex flex-wrap justify-content-between align-items-center px-3 py-2">
<div class="contact-info text-center text-lg-start mb-2 mb-lg-0">
<span class="me-3 d-block d-lg-inline">
<i class="fas fa-phone-alt"></i> 0480 333 779
</span>
<span class="d-none d-lg-inline">|</span>
<a href="mailto:contact@bihubsolutions.com.au" class="ms-lg-3 d-block d-lg-inline">
<i class="fas fa-envelope"></i> contact@bihubsolutions.com.au
</a>
</div>
<div class="social-icons text-center">
<a href="https://facebook.com" target="_blank" class="text-white">
<i class="bi bi-facebook"></i>
</a>
</div>
</div>
<nav class="custom-navbar navbar navbar-expand-lg overflow-hidden">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img class="logo" src="https://bibhutisolutions.com.au/assets/images/main-logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="homeactive nav-link active" aria-current="page" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#packages">PACKAGES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">OUR WORKS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CONTACT</a>
</li>
</ul>
<button type="button" class="quotebtn btn btn-light">GET A QUOTE?</button>
</div>
</div>
</nav>
</section> -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<?php include '../includes/header.php'; ?>
<?php include '../includes/carousel.php'; ?>
<?php include 'about.php'; ?>
<?php include 'services.php'; ?>
<?php include 'packages.php'; ?>
<?php include '../includes/testimonials.php'; ?>
<?php include 'our-works.php'; ?>
<?php include 'contact.php'; ?>
<?php include '../includes/footer.php'; ?>
<?php include '../includes/button.php'; ?>
</body>
</html>

100
templates/our-works.php Normal file
View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/our-works.css">
</head>
<body>
<section class="works" id="our-works">
<div class="text-center">
<h1 class="abouthone">Our Works</h1>
<img class="imgline" src="https://bibhutisolutions.com.au/assets/images/line.png" alt="line">
</div>
<div class="container my-5">
<div class="d-flex justify-content-center mb-4">
<button type="button" class="btn btn-danger">Website Development</button>
</div>
<div class="our-works-cards row row-cols-1 row-cols-md-3 g-4 ">
<!-- Card 1 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/swift-carpet-cleaners.jpg" class="card-img-top" alt="Swift Carpet Cleaners">
<div class="card-body">
<h5 class="card-title">Swift Carpet Cleaners</h5>
<p class="card-text">Welcome to Swift Carpet Cleaners - Caring for your carpets since 1991!</p>
</div>
</div>
</a>
</div>
<!-- Card 2 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/plant-gear.jpg" class="card-img-top" alt="eGear">
<div class="card-body">
<h5 class="card-title">eGear</h5>
<p class="card-text">Whatever part you want, we will get it for you.</p>
</div>
</div>
</a>
</div>
<!-- Card 3 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/gurkhas-food.jpg" class="card-img-top" alt="Food Restaurant">
<div class="card-body">
<h5 class="card-title">Food Restaurant</h5>
<p class="card-text">Serving good food for over 10 years.</p>
</div>
</div>
</a>
</div>
<!-- Card 4 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/mango-travel.jpg" class="card-img-top" alt="Travel Agency">
<div class="card-body">
<h5 class="card-title">Travel Agency</h5>
<p class="card-text">Thinking like a creative - Explore your dream destination!</p>
</div>
</div>
</a>
</div>
<!-- Card 5 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/asterisk-international.jpg" class="card-img-top" alt="Handmade Products">
<div class="card-body">
<h5 class="card-title">Handmade Products</h5>
<p class="card-text">Leading producer & exporter of handmade Nepali products.</p>
</div>
</div>
</a>
</div>
<!-- Card 6 -->
<div class="col">
<a href="#" class="text-decoration-none">
<div class="card">
<img src="https://bibhutisolutions.com.au/assets/images/works/raffles-educare.jpg" class="card-img-top" alt="Raffles Education">
<div class="card-body">
<h5 class="card-title">Raffles Education</h5>
<p class="card-text">Shaping students' careers since 2005.</p>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>

50
templates/packages.php Normal file
View File

@ -0,0 +1,50 @@
<?php
// Include the data file from assets/data/
include '../assets/data/packagesData.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/styles.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<section class="packages" id="packages">
<div class="text-center">
<h1 class="abouthone">Our Packages</h1>
<img class="imgline" src="https://bibhutisolutions.com.au/assets/images/line.png" alt="line">
</div>
<div class="container mt-5">
<div class="row text-center">
<?php foreach ($packagesData as $plan) : ?>
<div class="col-md-4">
<div class="pricing-card">
<div class="pricing-card-header"><?php echo $plan['title']; ?></div>
<div class="pricing-card-body">
<ul class="list-unstyled">
<?php foreach ($plan['features'] as $feature) : ?>
<li class="feature-item"><?php echo $feature; ?>
<h3 class="feature-head"></h3>
</li>
<?php endforeach; ?>
</ul>
</div>
<div class="pricing-card-footer">
<button class="purchase-btn">PURCHASE</button>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
</body>
</html>

73
templates/services.php Normal file
View File

@ -0,0 +1,73 @@
<?php
// Include the data file from assets/data/
include '../assets/data/servicesData.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bibhuti Solutions</title>
<link rel="stylesheet" href="../assets/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
</head>
<body>
<section class="services" id="services">
<div class="text-center">
<h1 class="abouthone">Our Services</h1>
<img class="imgline" src="https://bibhutisolutions.com.au/assets/images/line.png" alt="line">
</div>
<div class="container mt-5">
<div class="row">
<!-- Left Section -->
<!-- Left Section -->
<div class="col-md-4 shadow p-4 rounded">
<h3 class="mx-auto text-left">Why Choose Us</h3>
<p class="servicespara fs-6 fw-light">
Bibhuti Solutions is a registered web development business in Australia founded with an aim to give complete IT solutions. <br> <br>
As one of the web development companies with a wider array of IT solutions, we help solve big challenges that are technically complex and mission-critical...
</p>
<a href="#" class="d-block text-left fs-6" style="max-width: 150px; text-decoration: none; color:#C52903">Read More</a>
</div>
<!-- Right Section -->
<div class="col-md-8">
<div class="row row-cols-1 row-cols-md-2 g-4">
<?php
foreach ($servicesData as $service) {
echo "
<div class='col'>
<div class='card h-100 shadow p-3 service-card'>
<div class='card-body'>
<a href='{$service['link']}' class='text-decoration-none' style='color: inherit;'>
<h5 class='serviceshfive card-title'>
<i class='{$service['icon']} me-2'></i>
{$service['title']}
</h5>
</a>
<p class='card-text fs-7'>{$service['description']}</p>
</div>
</div>
</div>
";
}
?>
</div>
</div>
</div>
</div>
</section>
</body>
</html>