Initial commit

assets/css/carousels.css

@@ -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%;
+    }
+    
+}

assets/css/contacts.css

@@ -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 */
+}

assets/css/footers.css

@@ -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;
+    }
+}
+

assets/css/header.css

@@ -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 */
+    }
+}

assets/css/our-works.css

@@ -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;
+}

assets/css/style.css

@@ -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;
+}

assets/css/testimonials.css

@@ -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;
+    }
+}

assets/data/packagesData.php

@@ -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)"
+        ]
+    ]
+];
+?>

assets/data/servicesData.php

@@ -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"
+    ]
+];
+?>