Archived
Abbozzo di AboutUs, aggiunto assets per foto
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
@@ -0,0 +1,29 @@
|
|||||||
|
import React, { Component } from 'react'
|
||||||
|
import { Container, Row, Col, Image } from 'react-bootstrap';
|
||||||
|
import './css/AboutUs.css';
|
||||||
|
|
||||||
|
export default class Home extends Component {
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Container>
|
||||||
|
<Row className="show-Container text-center">
|
||||||
|
<Col xs={12} sm={4} className="person-wrapper">
|
||||||
|
<Image src="assets/person-1.jpg" roundedCircle className="profile-pic"/>
|
||||||
|
<h3>Andrea Scorzafava</h3>
|
||||||
|
<p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
|
||||||
|
</Col>
|
||||||
|
<Col xs={12} sm={4} className="person-wrapper">
|
||||||
|
<Image src="assets/person-2.jpg" roundedCircle className="profile-pic"/>
|
||||||
|
<h3>Simone Ferrari</h3>
|
||||||
|
<p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
|
||||||
|
</Col>
|
||||||
|
<Col xs={12} sm={4} className="person-wrapper">
|
||||||
|
<Image src="assets/person-3.jpg" roundedCircle className="profile-pic"/>
|
||||||
|
<h3>Gregorio Giacchetti</h3>
|
||||||
|
<p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</Container>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -6,6 +6,7 @@ import VideoPlayer from './VideoPlayer';
|
|||||||
import VideoInfo from './VideoInfo';
|
import VideoInfo from './VideoInfo';
|
||||||
import VideoList from './VideoList';
|
import VideoList from './VideoList';
|
||||||
import Suggestion from './Suggestion';
|
import Suggestion from './Suggestion';
|
||||||
|
import AboutUs from './AboutUs';
|
||||||
import { ReactHeight } from 'react-height';
|
import { ReactHeight } from 'react-height';
|
||||||
import './css/App.css';
|
import './css/App.css';
|
||||||
|
|
||||||
@@ -89,6 +90,9 @@ class App extends React.Component {
|
|||||||
<Route render={() => <div>URL not found</div>} />
|
<Route render={() => <div>URL not found</div>} />
|
||||||
</Switch>
|
</Switch>
|
||||||
</Row>
|
</Row>
|
||||||
|
<Row id="AboutUs">
|
||||||
|
<Route exact path="/" component={AboutUs} />
|
||||||
|
</Row>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -0,0 +1,18 @@
|
|||||||
|
.person-wrapper {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-pic {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background-image: none;
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: #2892D7;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user