RoshanPaudel/Email-Message-Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Roshan476
2026-01-01 17:36:36 +05:45
parent c632c6b000
commit 68383586d7
2 changed files with 38 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
new-wishing.html
View File

@@ -63,6 +63,10 @@
flex: 1; flex: 1;
} }
.feature strong, .hero-text strong {
color: #A01515; /* Red color */
}
.hero-image img { .hero-image img {
width: 100%; width: 100%;
height: auto; height: auto;
@@ -313,7 +317,7 @@
</div> </div>
</div> </div>
<div class="feature-text animate-right"> <div class="333 animate-right">
<p> <p>
The New Year represents fresh beginnings and exciting possibilities. The New Year represents fresh beginnings and exciting possibilities.
At <strong>Bibhuti Solutions</strong>, we are excited to continue At <strong>Bibhuti Solutions</strong>, we are excited to continue

56
product.html
View File

@@ -30,11 +30,14 @@ body {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 40px; padding: 40px;
border-bottom: 10px solid #A01515;;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
} }
.header-left h1 { .header-left h1 {
font-size: 42px; font-size: 42px;
color: #0f3b5f; color: #A01515;;
line-height: 1.1; line-height: 1.1;
} }
@@ -47,15 +50,13 @@ body {
text-align: right; text-align: right;
} }
.logo { .logo img{
font-size: 40px; height: 100px;
font-weight: bold;
color: #b08d57;
} }
.date { .date {
margin-top: 10px; margin-top: 10px;
color: #0f3b5f; color: #A01515;
} }
/* HERO */ /* HERO */
@@ -65,7 +66,7 @@ body {
object-fit: cover; object-fit: cover;
} }
strong{ strong{
color: #A01515;; color: white;
} }
/* CONTENT GRID */ /* CONTENT GRID */
.content-grid { .content-grid {
@@ -78,7 +79,7 @@ strong{
/* LEFT CONTENT */ /* LEFT CONTENT */
.content-left h2 { .content-left h2 {
font-size: 32px; font-size: 32px;
color: #0f3b5f; color: #bd2727;
margin-bottom: 20px; margin-bottom: 20px;
} }
@@ -97,7 +98,7 @@ strong{
/* TOP NEWS CARD */ /* TOP NEWS CARD */
.top-news { .top-news {
background: #0f3b5f; background: #A01515;;
color: #fff; color: #fff;
padding: 30px; padding: 30px;
} }
@@ -126,7 +127,7 @@ strong{
} }
.image-caption { .image-caption {
background: #0f3b5f; background: #bd2727;
color: #fff; color: #fff;
padding: 15px; padding: 15px;
font-weight: bold; font-weight: bold;
@@ -134,11 +135,12 @@ strong{
/* FOOTER */ /* FOOTER */
.footer { .footer {
background: #b08d57; background: #E4A241;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20px 40px; padding: 20px 40px;
color: #fff; color: #fff;
justify-content: center;
} }
.footer .line { .footer .line {
@@ -152,18 +154,20 @@ strong{
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
/* =============================== /* .content-right {
RESPONSIVE STYLES order: -1;
================================ */ } */
@media (max-width: 992px) { @media (max-width: 992px) {
.header { .top-news p {
flex-direction: column; font-size: 24px;
gap: 20px;
text-align: left;
} }
.top-news {
font-size: 34px;
}
.header-right { .header-right {
text-align: left; text-align: left;
} }
@@ -232,7 +236,7 @@ strong{
</div> </div>
<div class="col-lg-6 header-right"> <div class="col-lg-6 header-right">
<div class="logo">A</div> <div class="logo"><img src="./logo.png" alt=""></div>
<p class="date">Friday, March 17, 2023</p> <p class="date">Friday, March 17, 2023</p>
</div> </div>
</div> </div>
@@ -291,10 +295,14 @@ strong{
</div> </div>
<!-- FOOTER --> <!-- FOOTER -->
<div class="footer"> <!-- FOOTER -->
<span class="line"></span> <footer class="footer animate-on-scroll">
<span class="page">01 / 02</span> <p>
</div>
<strong>Team Bibhuti Solutions</strong><br>
</p>
</footer>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>