diff --git a/assets/css/carousels.css b/assets/css/carousels.css index 1097ca9..41d10aa 100644 --- a/assets/css/carousels.css +++ b/assets/css/carousels.css @@ -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%; } } \ No newline at end of file diff --git a/assets/css/header.css b/assets/css/header.css index a0df382..8bc36ab 100644 --- a/assets/css/header.css +++ b/assets/css/header.css @@ -1,166 +1,191 @@ .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; + 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; + color: white; + font-weight: bold; } .nav-item a { - font-size: small; + 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; + position: relative; + display: inline-block; + text-decoration: none; + color: white; + 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; + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 0; + 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%; + width: 100%; } - .custom-navbar { - background-image: url(../images/cover.png); - background-size: cover; - background-position: center; - background-repeat: no-repeat; + 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; + 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; + background-color: #f5a637; + color: white; + cursor: pointer; } @media (max-width: 768px) { - .navbar-brand { - text-align: left; - margin: 0 ; - padding: 20px; - } - - .logo { - width: 60px; - } + .custom-navbar { + background-color: white !important; + background-image: none; + } - .navbar-nav { - flex-direction: column; - margin-top: 10px; - } + .navbar-nav a { + color: black; + } - .navbar-nav .nav-item { - margin-bottom: 5px; - padding: 0px 20px; - } + .navbar-toggler-icon { + filter: invert(1); + } - .quotebtn { - font-size: x-small; - padding: 0px 20px; - margin-top: 10px; - } - .contact-bar { - flex-direction: column; - text-align: center; - } + .navbar-brand { + text-align: left; + margin: 0; + padding: 20px; + } - .social-icons { - margin-top: 10px; - } + .logo { + width: 60px; + } - .navbar-nav { - text-align: center; - width: 100%; - } + .navbar-nav { + flex-direction: column; + margin-top: 10px; + } - .navbar-nav .nav-item { - margin: 5px 0; - } + .navbar-nav .nav-item { + margin-bottom: 5px; + padding: 0px 20px; + } - .quotebtn { - width: 100%; - margin-top: 10px; - } + .quotebtn { + font-size: large; + padding: 0px 20px; + margin-top: 10px; + width: 100%; + margin-top: 10px; + } + .contact-bar { + flex-direction: column; + text-align: center; + } - .navbar-collapse { - justify-content: center; - } - } + .social-icons { + margin-top: 10px; + } + + .navbar-nav { + text-align: center; + width: 100%; + } + + .navbar-nav .nav-item { + margin: 5px 0; + } + + .navbar-collapse { + justify-content: center; + } +} @media (max-width: 576px) { - .logo { - width: 70px; - } + .logo { + width: 70px; + } - .navbar-toggler { - font-size: 1.2rem; - } + .navbar-toggler { + font-size: 1.2rem; + } - .navbar-toggler-icon { - color: white; - } + .navbar-toggler-icon { + color: black; + } - .navbar-nav a { - font-size: smaller; - } + .navbar-nav a { + font-size: smaller; + } - .quotebtn { - font-size: xx-small; - padding: 5px; - } + .quotebtn { + 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 */ - } + .custom-navbar { + 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; + } + } diff --git a/assets/images/about-img.jpg b/assets/images/about-img.jpg new file mode 100644 index 0000000..8216c06 Binary files /dev/null and b/assets/images/about-img.jpg differ diff --git a/assets/images/carousel-one.jpg b/assets/images/carousel-one.jpg new file mode 100644 index 0000000..506b0f5 Binary files /dev/null and b/assets/images/carousel-one.jpg differ diff --git a/assets/images/carousel-two.jpg b/assets/images/carousel-two.jpg new file mode 100644 index 0000000..49b8958 Binary files /dev/null and b/assets/images/carousel-two.jpg differ diff --git a/assets/images/main-logo.png b/assets/images/main-logo.png new file mode 100644 index 0000000..ddf6d0b Binary files /dev/null and b/assets/images/main-logo.png differ diff --git a/assets/images/testimonial-four.jpg b/assets/images/testimonial-four.jpg new file mode 100644 index 0000000..3fa0053 Binary files /dev/null and b/assets/images/testimonial-four.jpg differ diff --git a/assets/images/testimonial-one.jpeg b/assets/images/testimonial-one.jpeg new file mode 100644 index 0000000..168fe95 Binary files /dev/null and b/assets/images/testimonial-one.jpeg differ diff --git a/assets/images/testimonial-three.jpg b/assets/images/testimonial-three.jpg new file mode 100644 index 0000000..8ee4507 Binary files /dev/null and b/assets/images/testimonial-three.jpg differ diff --git a/assets/images/testimonial-two.jpg b/assets/images/testimonial-two.jpg new file mode 100644 index 0000000..913d228 Binary files /dev/null and b/assets/images/testimonial-two.jpg differ diff --git a/assets/images/work-five.jpg b/assets/images/work-five.jpg new file mode 100644 index 0000000..bb49173 Binary files /dev/null and b/assets/images/work-five.jpg differ diff --git a/assets/images/work-four.jpg b/assets/images/work-four.jpg new file mode 100644 index 0000000..2be4d3d Binary files /dev/null and b/assets/images/work-four.jpg differ diff --git a/assets/images/work-one.jpg b/assets/images/work-one.jpg new file mode 100644 index 0000000..cd55be6 Binary files /dev/null and b/assets/images/work-one.jpg differ diff --git a/assets/images/work-six.jpg b/assets/images/work-six.jpg new file mode 100644 index 0000000..0e1e8ad Binary files /dev/null and b/assets/images/work-six.jpg differ diff --git a/assets/images/work-three.jpg b/assets/images/work-three.jpg new file mode 100644 index 0000000..eb59e57 Binary files /dev/null and b/assets/images/work-three.jpg differ diff --git a/assets/images/work-two.jpg b/assets/images/work-two.jpg new file mode 100644 index 0000000..c546fb2 Binary files /dev/null and b/assets/images/work-two.jpg differ diff --git a/includes/button.php b/includes/button.php index c05c9a0..1ccd7d3 100644 --- a/includes/button.php +++ b/includes/button.php @@ -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; } diff --git a/includes/carousel.php b/includes/carousel.php index f2c922d..5721125 100644 --- a/includes/carousel.php +++ b/includes/carousel.php @@ -20,7 +20,7 @@
- ... + ...
We Provide
Truly Prominent IT Services

We will make sure that your company is always on high-profile and up with your competitors.

@@ -31,7 +31,7 @@
- ... + ...
We help
to Develop Your Businesss

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.

diff --git a/includes/header.php b/includes/header.php index a99753c..28e2a4b 100644 --- a/includes/header.php +++ b/includes/header.php @@ -32,7 +32,7 @@