36 lines
1.9 KiB
JavaScript
36 lines
1.9 KiB
JavaScript
|
|
export default function Deal() {
|
|
return (
|
|
<>
|
|
{/* Deal Section */}
|
|
<section className="deal-section" style={{ backgroundImage: 'url(assets/images/background/2.jpg)' }} >
|
|
<div className="top-pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-1.png)' }} ></div>
|
|
<div className="bottom-pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-2.png)' }} ></div>
|
|
<div className="auto-container">
|
|
<div className="content-box" style={{ backgroundImage: 'url(assets/images/resource/deal.png)' }} >
|
|
<div className="box-inner">
|
|
{/* Sec Title */}
|
|
<div className="sec-title light centered">
|
|
<div className="title">30% Off For juice</div>
|
|
<h2>Big Deals of the Week</h2>
|
|
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae <br/> intellegam. Ansed dictas accumsan. </div>
|
|
</div>
|
|
{/* Email Form */}
|
|
<div className="email-form">
|
|
<div className="email-title">To Get New Of Our Deals</div>
|
|
<form method="post">
|
|
<div className="form-group">
|
|
<input type="email" name="email" placeholder="type your email" />
|
|
<button type="submit" className="submit-btn"><span className="icon flaticon-send"></span></button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/* End Deal Section */}
|
|
</>
|
|
)
|
|
}
|