2020-01-10 23:36:12 +00:00
|
|
|
import React from 'react';
|
|
|
|
import 'bootstrap/dist/css/bootstrap.min.css';
|
|
|
|
import 'bootstrap/dist/js/bootstrap.min.js';
|
|
|
|
import './CardContainer.css';
|
2020-01-11 17:17:39 +00:00
|
|
|
import CardFilm from './CardFilm';
|
2020-01-10 23:36:12 +00:00
|
|
|
|
|
|
|
class CardContainer extends React.Component {
|
|
|
|
render() {
|
2020-01-11 17:17:39 +00:00
|
|
|
const locandine = [
|
2020-01-10 23:36:12 +00:00
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine01.jpeg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine02.jpeg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine03.jpeg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine04.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine05.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine06.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine07.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine08.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine09.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine10.jpg",
|
2020-01-11 17:17:39 +00:00
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine11.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine12.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine13.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine14.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine15.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine16.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine17.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine18.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine19.jpg",
|
|
|
|
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine20.jpg",
|
2020-01-10 23:36:12 +00:00
|
|
|
];
|
|
|
|
|
2020-01-11 17:17:39 +00:00
|
|
|
const cards = []
|
|
|
|
|
|
|
|
for (const [index, value] of locandine.entries()) {
|
|
|
|
cards.push(
|
2020-01-10 23:36:12 +00:00
|
|
|
<CardFilm
|
|
|
|
alt="copertina"
|
2020-01-11 17:17:39 +00:00
|
|
|
key={index}
|
2020-01-10 23:36:12 +00:00
|
|
|
src={value}
|
|
|
|
title="Card Title"
|
|
|
|
body="Some quick example text to build on the card title and make up the bulk of the card's content."
|
|
|
|
/>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<p className="sect-title">{this.props.sectionTitle}</p>
|
|
|
|
<div className="container-mod">
|
2020-01-11 17:17:39 +00:00
|
|
|
{cards}
|
2020-01-10 23:36:12 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default CardContainer;
|