Updated
This commit is contained in:
parent
e22a2beaa6
commit
d5e4c3c6c2
@ -119,10 +119,39 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-bar {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.5rem 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.contact-bar {
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-info {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icons {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 769px) {
|
||||||
.contact-bar {
|
.contact-bar {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.social-icons {
|
.social-icons {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
@ -142,6 +171,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-width: 576px) {
|
@media (max-width: 576px) {
|
||||||
.logo {
|
.logo {
|
||||||
width: 70px;
|
width: 70px;
|
@ -6,29 +6,30 @@
|
|||||||
<title>Bibhuti Solutions</title>
|
<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@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 href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="../assets/css/header.css">
|
<link rel="stylesheet" href="../assets/css/headers.css">
|
||||||
<style>
|
<style>
|
||||||
/* Add custom styles here if needed */
|
/* Add custom styles here if needed */
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="contact-bar d-flex flex-wrap justify-content-between align-items-center px-3 py-2">
|
<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">
|
<div class="contact-info text-center text-lg-start mb-2 mb-lg-0">
|
||||||
<span class="me-3 d-block d-lg-inline">
|
<span class="me-3 d-block d-lg-inline">
|
||||||
<i class="fas fa-phone-alt"></i> 0480 333 779
|
<i class="fas fa-phone-alt"></i> 0480 333 779
|
||||||
</span>
|
</span>
|
||||||
<span class="d-none d-lg-inline">|</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">
|
<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
|
<i class="bi bi-envelope"></i> contact@bihubsolutions.com.au
|
||||||
</a>
|
</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>
|
</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">
|
<nav class="custom-navbar navbar navbar-expand-lg overflow-hidden">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="logocover">
|
<div class="logocover">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user