update
This commit is contained in:
BIN
background.png
Normal file
BIN
background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
image.png
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
BIN
image1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
@@ -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 -->
|
||||||
|
|||||||
18
product.html
18
product.html
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user