commit 2508e02c1918a36cd2ff6f0697368c4b592b6af0 Author: Aashish_Nepal Date: Wed Dec 11 13:15:45 2024 +0545 Initial commit diff --git a/assets/css/carousels.css b/assets/css/carousels.css new file mode 100644 index 0000000..1097ca9 --- /dev/null +++ b/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%; + } + +} \ No newline at end of file diff --git a/assets/css/contacts.css b/assets/css/contacts.css new file mode 100644 index 0000000..1d950c2 --- /dev/null +++ b/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 */ +} diff --git a/assets/css/footers.css b/assets/css/footers.css new file mode 100644 index 0000000..b34c40d --- /dev/null +++ b/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; + } +} + diff --git a/assets/css/header.css b/assets/css/header.css new file mode 100644 index 0000000..a0df382 --- /dev/null +++ b/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 */ + } +} diff --git a/assets/css/our-works.css b/assets/css/our-works.css new file mode 100644 index 0000000..be979ad --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..1694abb --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/assets/css/testimonials.css b/assets/css/testimonials.css new file mode 100644 index 0000000..03f57a8 --- /dev/null +++ b/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; + } +} diff --git a/assets/data/packagesData.php b/assets/data/packagesData.php new file mode 100644 index 0000000..29d0ee5 --- /dev/null +++ b/assets/data/packagesData.php @@ -0,0 +1,47 @@ + [ + "title" => "EASY STARTUP", + + "features" => [ + "Features included!", + "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" => [ + "Features included!", + "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" => [ + "Features included!", + "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)" + ] + ] +]; +?> \ No newline at end of file diff --git a/assets/data/servicesData.php b/assets/data/servicesData.php new file mode 100644 index 0000000..fec52ec --- /dev/null +++ b/assets/data/servicesData.php @@ -0,0 +1,35 @@ + "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" + ] +]; +?> \ No newline at end of file diff --git a/assets/images/cover.png b/assets/images/cover.png new file mode 100644 index 0000000..e1a43ba Binary files /dev/null and b/assets/images/cover.png differ diff --git a/assets/js/carousel.js b/assets/js/carousel.js new file mode 100644 index 0000000..e69de29 diff --git a/includes/button.php b/includes/button.php new file mode 100644 index 0000000..c05c9a0 --- /dev/null +++ b/includes/button.php @@ -0,0 +1,63 @@ + + + + + + Bibhuti Solutions + + + + + + + + + + '; + ?> + + diff --git a/includes/carousel.php b/includes/carousel.php new file mode 100644 index 0000000..f2c922d --- /dev/null +++ b/includes/carousel.php @@ -0,0 +1,59 @@ + + + + + + Bibhuti Solutions + + + + + + + + + + + + + \ No newline at end of file diff --git a/includes/footer.php b/includes/footer.php new file mode 100644 index 0000000..5a22655 --- /dev/null +++ b/includes/footer.php @@ -0,0 +1,64 @@ + + + + + + + Bibhuti Solutions + + + + + + + + + + diff --git a/includes/header.php b/includes/header.php new file mode 100644 index 0000000..a99753c --- /dev/null +++ b/includes/header.php @@ -0,0 +1,68 @@ + + + + + + Bibhuti Solutions + + + + + + + +
+
+ + 0480 333 779 + + | + + contact@bihubsolutions.com.au + +
+ +
+ + + + + diff --git a/includes/testimonials.php b/includes/testimonials.php new file mode 100644 index 0000000..a875c95 --- /dev/null +++ b/includes/testimonials.php @@ -0,0 +1,123 @@ + + + + + + + Bibhuti Solutions + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..6030b08 --- /dev/null +++ b/index.php @@ -0,0 +1,27 @@ + diff --git a/templates/about.php b/templates/about.php new file mode 100644 index 0000000..8c51e99 --- /dev/null +++ b/templates/about.php @@ -0,0 +1,60 @@ + + + + + + + Bibhuti Solutions + + + + + + +
+
+

About Bibhuti Solutions

+ line +
+ +
+
+
+
+ ... +
+
+
+
We offer a well-balanced blend of technological skills, domain + knowledge, hands-on experience and effective methodology.

+

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. +

+

+ 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. +

+

+ 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.

+
+
+
+
+
+
+ + + + + + \ No newline at end of file diff --git a/templates/contact.php b/templates/contact.php new file mode 100644 index 0000000..c3502c2 --- /dev/null +++ b/templates/contact.php @@ -0,0 +1,53 @@ + + + + + + + Bibhuti Solutions + + + + + + +
+
+
+ +
+

Get in touch with us!

+

Write a message. We will reply within 24 hours.

+
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ + +
+

Sydney

+

Cranbrook, NSW 2749, Australia

+

contact@bibhutisolutions.com.au

+

0480 333 779

+
+
+
+
+ + + + + \ No newline at end of file diff --git a/templates/home.php b/templates/home.php new file mode 100644 index 0000000..45d4cb4 --- /dev/null +++ b/templates/home.php @@ -0,0 +1,74 @@ + + + + + + Bibhuti Solutions + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/our-works.php b/templates/our-works.php new file mode 100644 index 0000000..2d60f2c --- /dev/null +++ b/templates/our-works.php @@ -0,0 +1,100 @@ + + + + + + Bibhuti Solutions + + + + + + +
+
+

Our Works

+ line +
+ +
+ + + diff --git a/templates/packages.php b/templates/packages.php new file mode 100644 index 0000000..ca4c2a3 --- /dev/null +++ b/templates/packages.php @@ -0,0 +1,50 @@ + + + + + + + + Bibhuti Solutions + + + + + +
+
+

Our Packages

+ line +
+ +
+
+ +
+
+
+
+
    + +
  • +

    +
  • + +
+
+ +
+
+ +
+
+ +
+ + + \ No newline at end of file diff --git a/templates/services.php b/templates/services.php new file mode 100644 index 0000000..82807f2 --- /dev/null +++ b/templates/services.php @@ -0,0 +1,73 @@ + + + + + + + + + Bibhuti Solutions + + + + + + +
+
+

Our Services

+ line +
+ +
+
+ + +
+

Why Choose Us

+

+ 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, we help solve big challenges that are technically complex and mission-critical... +

+ Read More +
+ +
+
+ +
+
+ +
+ + {$service['title']} +
+
+

{$service['description']}

+
+
+
+ "; +} +?> + + + +
+
+ +
+ + +
+ + + + \ No newline at end of file