Initial commit
This commit is contained in:
Aashish_Nepal
commit
2508e02c19
77
assets/css/carousels.css
Normal file
77
assets/css/carousels.css
Normal 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
41
assets/css/contacts.css
Normal 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
119
assets/css/footers.css
Normal 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
166
assets/css/header.css
Normal 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
33
assets/css/our-works.css
Normal 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
166
assets/css/style.css
Normal 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
172
assets/css/testimonials.css
Normal 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
47
assets/data/packagesData.php
Normal 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
35
assets/data/servicesData.php
Normal 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
BIN
assets/images/cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
0
assets/js/carousel.js
Normal file
0
assets/js/carousel.js
Normal file
63
includes/button.php
Normal file
63
includes/button.php
Normal 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
59
includes/carousel.php
Normal 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
64
includes/footer.php
Normal 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
68
includes/header.php
Normal 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
123
includes/testimonials.php
Normal 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
27
index.php
Normal 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
60
templates/about.php
Normal 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
53
templates/contact.php
Normal 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
74
templates/home.php
Normal 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
100
templates/our-works.php
Normal 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
50
templates/packages.php
Normal 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
73
templates/services.php
Normal 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>
|
||||||
Loading…
x
Reference in New Issue
Block a user