Abbozzo di AboutUs, aggiunto assets per foto

This commit is contained in:
Gregorio
2019-02-27 19:07:14 +01:00
parent 7fef149424
commit 1137e528e1
6 changed files with 51 additions and 0 deletions
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

+29
View File
@@ -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>
)
}
}
+4
View File
@@ -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>
); );
} }
+18
View File
@@ -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;
}