Enri1196
/
lordfrontend
1
0
Fork 4
Code Issues Pull Requests Releases Wiki Activity

tante locandine di test

pull/1/head
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/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.min.js'; import 'bootstrap/dist/js/bootstrap.min.js';
import './CardContainer.css'; import './CardContainer.css';
import CardFilm from './CardFilm'; import CardFilm from './CardFilm';
class CardContainer extends React.Component { class CardContainer extends React.Component {
render() { 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/locandine01.jpeg",
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine02.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/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/locandine08.jpg",
"https://www.ilpost.it/wp-content/uploads/2017/12/locandine09.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/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 = [] const cards = []
for (const [index, value] of elements.entries()) { for (const [index, value] of locandine.entries()) {
items.push( cards.push(
<CardFilm <CardFilm
alt="copertina" alt="copertina"
key={index}
src={value} src={value}
title="Card Title" title="Card Title"
body="Some quick example text to build on the card title and make up the bulk of the card's content." 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> <div>
<p className="sect-title">{this.props.sectionTitle}</p> <p className="sect-title">{this.props.sectionTitle}</p>
<div className="container-mod"> <div className="container-mod">
{items} {cards}
</div> </div>
</div> </div>
); );

7
src/Home.js
View File

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