diff --git a/src/CardContainer.js b/src/CardContainer.js index 95a4d4d..57fd4ff 100644 --- a/src/CardContainer.js +++ b/src/CardContainer.js @@ -2,11 +2,11 @@ import React from 'react'; import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/js/bootstrap.min.js'; import './CardContainer.css'; -import CardFilm from './CardFilm'; +import CardFilm from './CardFilm'; class CardContainer extends React.Component { render() { - const elements = [ + const locandine = [ "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", @@ -17,14 +17,25 @@ class CardContainer extends React.Component { "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", + "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", ]; - const items = [] - - for (const [index, value] of elements.entries()) { - items.push( + const cards = [] + + for (const [index, value] of locandine.entries()) { + cards.push(

{this.props.sectionTitle}

- {items} + {cards}
); diff --git a/src/Home.js b/src/Home.js index 4003c49..ba7a844 100644 --- a/src/Home.js +++ b/src/Home.js @@ -7,9 +7,10 @@ class Home extends React.Component { render() { return ( <> - - - + + + + ); }