1.7 Final version
This commit is contained in:
parent
7549076d0f
commit
ffda9a1f7d
@ -29,7 +29,7 @@ body {
|
|||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
.main-header {
|
.main-header {
|
||||||
background: #FFFFFF;
|
background: #047857;
|
||||||
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
|
||||||
padding: 1rem 0;
|
padding: 1rem 0;
|
||||||
}
|
}
|
||||||
@ -89,6 +89,13 @@ body {
|
|||||||
text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
|
text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-text-box {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.cta-button {
|
.cta-button {
|
||||||
background-color: var(--primary-color);
|
background-color: var(--primary-color);
|
||||||
color: white;
|
color: white;
|
||||||
@ -142,7 +149,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.product-card {
|
.product-card {
|
||||||
background: #FFFFFF;
|
background: #D1FAE5;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0 4px 20px rgba(0,0,0,0.07);
|
box-shadow: 0 4px 20px rgba(0,0,0,0.07);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -60,8 +60,10 @@
|
|||||||
|
|
||||||
<main>
|
<main>
|
||||||
<section class="hero" id="home">
|
<section class="hero" id="home">
|
||||||
<h1>Taste of Autumn</h1>
|
<div class="hero-text-box">
|
||||||
<p>Fresh from the farm, our pumpkins and persimmons are the perfect touch for your seasonal celebrations.</p>
|
<h1>Taste of Autumn</h1>
|
||||||
|
<p>Fresh from the farm, our pumpkins and persimmons are the perfect touch for your seasonal celebrations.</p>
|
||||||
|
</div>
|
||||||
<a href="#products" class="cta-button">Shop Now</a>
|
<a href="#products" class="cta-button">Shop Now</a>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user