79 lines
2.8 KiB
JavaScript
79 lines
2.8 KiB
JavaScript
const Headline = ({ mb = "105" }) => {
|
|
return (
|
|
<div className={`headline-area mb-${mb} rmb-85 rel z-1`}>
|
|
<span className="marquee-wrap">
|
|
<span className="marquee-inner left">
|
|
<span className="marquee-item">Soups</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Appetizers</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Idly</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
</span>
|
|
<span className="marquee-inner left">
|
|
<span className="marquee-item">Dosa</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Uttappam</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Poori & Parotta</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
</span>
|
|
<span className="marquee-inner left">
|
|
<span className="marquee-item">Hakka Flavours</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Egg Delights</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Veg Rice</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
</span>
|
|
<span className="marquee-inner left">
|
|
<span className="marquee-item">Biryani</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Curry</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Desserts</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
<span className="marquee-item">Beverages</span>
|
|
<span className="marquee-item">
|
|
<i className="flaticon-star" />
|
|
</span>
|
|
</span>
|
|
|
|
</span>
|
|
<div className="headline-shapes">
|
|
<div className="shape one">
|
|
<img src="assets/images/shapes/tomato.png" alt="Shape" />
|
|
</div>
|
|
<div className="shape two">
|
|
<img src="assets/images/shapes/burger.png" alt="Shape" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
export default Headline;
|