Aashish_Nepal/Bib-Landing-Australia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated

Browse Source
This commit is contained in:
Aashish_Nepal 2024-12-11 17:00:26 +05:45
parent e22a2beaa6
commit d5e4c3c6c2
2 changed files with 48 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
assets/css/header.css → assets/css/headers.css
View File

@ -119,10 +119,39 @@
width: 100%;
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 {
flex-direction: column;
text-align: center;
}
}
.social-icons {
margin-top: 10px;
@ -142,6 +171,7 @@
}
}
@media (max-width: 576px) {
.logo {
width: 70px;

7
includes/header.php
View File

@ -6,14 +6,14 @@
<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-icons/font/bootstrap-icons.css" rel="stylesheet">
<link rel="stylesheet" href="../assets/css/header.css">
<link rel="stylesheet" href="../assets/css/headers.css">
<style>
/* Add custom styles here if needed */
</style>
</head>
<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">
<span class="me-3 d-block d-lg-inline">
<i class="fas fa-phone-alt"></i> 0480 333 779
@ -28,7 +28,8 @@
<i class="bi bi-facebook"></i>
</a>
</div>
</div>
</div>
<nav class="custom-navbar navbar navbar-expand-lg overflow-hidden">
<div class="container-fluid">
<div class="logocover">