My farst commit
This commit is contained in:
29
src/components/AboutDelivery.js
Normal file
29
src/components/AboutDelivery.js
Normal file
@@ -0,0 +1,29 @@
|
||||
import React from 'react';
|
||||
import './AboutDelivery.css';
|
||||
|
||||
function AboutDelivery() {
|
||||
return (
|
||||
<section className="about-delivery">
|
||||
<div className="container">
|
||||
<h2>About Our Delivery</h2>
|
||||
<div className="delivery-cards">
|
||||
<img src={process.env.PUBLIC_URL + '/images/1 poc.svg'} alt="Изображение" />
|
||||
<img src={process.env.PUBLIC_URL + '/images/2 poc.svg'} alt="Изображение" />
|
||||
<img src={process.env.PUBLIC_URL + '/images/3 poc.svg'} alt="Изображение" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
function DeliveryCard({ image, title, description }) {
|
||||
return (
|
||||
<div className="delivery-card">
|
||||
<img src={image} alt={title} />
|
||||
<h3>{title}</h3>
|
||||
<p>{description}</p>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default AboutDelivery;
|
||||
Reference in New Issue
Block a user