This commit is contained in:
Roshan476
2026-01-02 10:27:17 +05:45
parent 68383586d7
commit eb81a20a6f
6 changed files with 13 additions and 12 deletions

BIN
1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 764 KiB

BIN
background.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

BIN
image.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 190 KiB

BIN
image1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

View File

@@ -14,8 +14,12 @@
background: #f4f4f4; background: #f4f4f4;
font-family: "Georgia", serif; font-family: "Georgia", serif;
overflow-x: hidden; overflow-x: hidden;
background-image: url("./background.png"); /* your logo */
} }
.newsletter { .newsletter {
max-width: 1100px; max-width: 1100px;
margin: 30px auto; margin: 30px auto;
@@ -242,6 +246,7 @@
</head> </head>
<body> <body>
<div class="newsletter"> <div class="newsletter">
<!-- HEADER --> <!-- HEADER -->
@@ -261,7 +266,7 @@
<div class="hero-container"> <div class="hero-container">
<!-- LEFT IMAGE --> <!-- LEFT IMAGE -->
<div class="hero-image animate-left"> <div class="hero-image animate-left">
<img src="./image.png" alt="Happy New Year"> <img src="./image1.png" alt="Happy New Year">
</div> </div>
<!-- RIGHT TEXT --> <!-- RIGHT TEXT -->

View File

@@ -98,7 +98,7 @@ strong{
/* TOP NEWS CARD */ /* TOP NEWS CARD */
.top-news { .top-news {
background: #A01515;; background: #A01515;
color: #fff; color: #fff;
padding: 30px; padding: 30px;
} }
@@ -135,20 +135,17 @@ strong{
/* FOOTER */ /* FOOTER */
.footer { .footer {
background: #E4A241; background: #A01515;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 20px 40px; padding: 20px 40px;
color: #fff; color: #fff;
justify-content: center; justify-content: center;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
} }
.footer .line {
flex: 1;
height: 2px;
background: #fff;
margin-right: 20px;
}
.page { .page {
font-size: 20px; font-size: 20px;
@@ -234,7 +231,6 @@ strong{
<h1>PRODUCT<br>NEWSLETTER</h1> <h1>PRODUCT<br>NEWSLETTER</h1>
<p class="website">www.yourproduct.com</p> <p class="website">www.yourproduct.com</p>
</div> </div>
<div class="col-lg-6 header-right"> <div class="col-lg-6 header-right">
<div class="logo"><img src="./logo.png" alt=""></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>
@@ -243,7 +239,7 @@ strong{
<!-- HERO IMAGE --> <!-- HERO IMAGE -->
<div class="hero"> <div class="hero">
<img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d" alt="Building"> <img src="./image.png" alt="Building">
</div> </div>
<!-- CONTENT GRID --> <!-- CONTENT GRID -->
@@ -287,7 +283,7 @@ strong{
<!-- IMAGE CARD --> <!-- IMAGE CARD -->
<div class="image-card"> <div class="image-card">
<img src="https://images.unsplash.com/photo-1556761175-4b46a572b786" alt="Team"> <img src="./1.png" alt="Team">
<div class="image-caption">New Partnerships Formed</div> <div class="image-caption">New Partnerships Formed</div>
</div> </div>