This commit is contained in:
Aashish_Nepal 2024-12-11 14:44:12 +05:45
parent 2508e02c19
commit fe5ebb50a4
22 changed files with 165 additions and 133 deletions

View File

@ -57,8 +57,6 @@
}
@media (min-width: 769px) and (max-width: 1280px) {
#main-carousel .carousel-caption .button-carousel {
display: none;
@ -71,7 +69,7 @@
#main-carousel .carousel-caption {
position: absolute;
bottom: 30%;
bottom: 20%;
}
}

View File

@ -3,21 +3,20 @@
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;
}
.contact-bar a {
color: #fff;
text-decoration: none;
}
.contact-bar a:hover {
color: #ccc;
}
.logo {
width: 100px;
}
.navbar-nav a {
color: white;
@ -31,30 +30,29 @@
position: relative;
display: inline-block;
text-decoration: none;
color: white; /* Adjust to your desired text color */
color: white;
transition: color 0.3s ease;
}
.nav-item a::after {
content: '';
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px; /* Adjust the underline thickness */
background-color: white; /* Adjust to your desired underline color */
height: 2px;
background-color: white;
transition: width 0.3s ease;
}
.nav-item a:hover {
color: black; /* Adjust to your desired hover text color */
color: black;
}
.nav-item a:hover::after {
width: 100%;
}
.custom-navbar {
background-image: url(../images/cover.png);
background-size: cover;
@ -62,10 +60,9 @@
background-repeat: no-repeat;
}
/* Style for the quote button */
.quotebtn {
color: #C52903;
color: #c52903;
font-weight: bold;
font-size: small;
padding: 12px;
@ -76,15 +73,28 @@
}
.quotebtn:hover {
background-color: #F5A637;
background-color: #f5a637;
color: white;
cursor: pointer;
}
@media (max-width: 768px) {
.custom-navbar {
background-color: white !important;
background-image: none;
}
.navbar-nav a {
color: black;
}
.navbar-toggler-icon {
filter: invert(1);
}
.navbar-brand {
text-align: left;
margin: 0 ;
margin: 0;
padding: 20px;
}
@ -103,9 +113,11 @@
}
.quotebtn {
font-size: x-small;
font-size: large;
padding: 0px 20px;
margin-top: 10px;
width: 100%;
margin-top: 10px;
}
.contact-bar {
flex-direction: column;
@ -125,15 +137,10 @@
margin: 5px 0;
}
.quotebtn {
width: 100%;
margin-top: 10px;
}
.navbar-collapse {
justify-content: center;
}
}
}
@media (max-width: 576px) {
.logo {
@ -145,7 +152,7 @@
}
.navbar-toggler-icon {
color: white;
color: black;
}
.navbar-nav a {
@ -153,14 +160,32 @@
}
.quotebtn {
font-size: xx-small;
font-size: medium;
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 */
background-size: cover;
background-position: center;
}
.navbar-nav {
text-align: center;
width: 100%;
}
.quotebtn {
font-size: large;
padding: 0px 20px;
margin-top: 10px;
width: 100%;
margin-top: 10px;
}
.navbar-toggler-icon {
color: white;
}
}

BIN
assets/images/about-img.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 187 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

BIN
assets/images/main-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
assets/images/work-five.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

BIN
assets/images/work-four.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

BIN
assets/images/work-one.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

BIN
assets/images/work-six.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

BIN
assets/images/work-two.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

View File

@ -25,6 +25,15 @@
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.back-to-top {
height: 20px ;
width: 20px ;
padding: 15px;
}
}
.back-to-top:hover {
background-color: grey;
}

View File

@ -20,7 +20,7 @@
</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="...">
<img src="../assets/images/carousel-one.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>
@ -31,7 +31,7 @@
</div>
</div>
<div class="carousel-item">
<img src="https://bibhutisolutions.com.au/assets/images/slider/2.jpg" class="d-block w-100" alt="...">
<img src="../assets/images/carousel-two.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>

View File

@ -32,7 +32,7 @@
<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>
<a class="navbar-brand" href="#"><img class="logo" src="../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>

View File

@ -34,7 +34,7 @@
<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="">
<img src="../assets/images/testimonial-one.jpeg" 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 companys 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.
@ -46,7 +46,7 @@
</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="">
<img src="../assets/images/testimonial-two.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>
@ -61,7 +61,7 @@
<div class="row">
<div class="col-sm-6">
<div class="media">
<img src="https://readymadeui.com/team-2.webp" class="mr-3" alt="">
<img src="../assets/images/testimonial-three.jpg" 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.
@ -73,7 +73,7 @@
</div>
<div class="col-sm-6">
<div class="media">
<img src="https://readymadeui.com/team-3.webp" class="mr-3" alt="">
<img src="../assets/images/testimonial-four.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>

View File

@ -22,7 +22,7 @@
<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"
<img src="../assets/images/about-img.jpg"
class="aboutimg img-fluid rounded-start" style="height: 100%;" alt="...">
</div>
<div class="col-md-8">

View File

@ -24,7 +24,7 @@
<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">
<img src="../assets/images/work-one.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>
@ -36,7 +36,7 @@
<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">
<img src="../assets/images/work-two.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>
@ -48,7 +48,7 @@
<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">
<img src="../assets/images/work-three.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>
@ -60,7 +60,7 @@
<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">
<img src="../assets/images/work-four.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>
@ -72,7 +72,7 @@
<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">
<img src="../assets/images/work-five.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>
@ -84,7 +84,7 @@
<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">
<img src="../assets/images/work-six.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>