MickSlash
/
lordfrontend
forked from Enri1196/lordfrontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

tante locandine di test

master
enrico 2020-01-11 18:17:39 +01:00
parent 5c655fdae9
commit d7232a4be3
2 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/CardContainer.js
View File

@ -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(
<CardFilm
alt="copertina"
key={index}
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."
@ -36,7 +47,7 @@ class CardContainer extends React.Component {
<div>
<p className="sect-title">{this.props.sectionTitle}</p>
<div className="container-mod">
{items}
{cards}
</div>
</div>
);

7
src/Home.js
View File

@ -7,9 +7,10 @@ class Home extends React.Component {
render() {
return (
<>
<Navbar brand="MPBE" />
<Parallax />
<CardContainer sectionTitle="Latest Uploads" />
<Navbar brand="MPBE" />
<Parallax />
<CardContainer sectionTitle="Latest Uploads" />
<CardContainer sectionTitle="Random" />
</>
);
}