Ajout des Projets
This commit is contained in:
parent
d5cdf9dd5e
commit
3bd016e772
File diff suppressed because one or more lines are too long
@ -3,12 +3,14 @@ import './_sass/index.scss';
|
||||
|
||||
import MenuComponent from './components/MenuComponent/index';
|
||||
import MainCard from './components/MainCard/MainCard';
|
||||
import ProjectsCard from './components/ProjectsCard';
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div className="App">
|
||||
<MenuComponent/>
|
||||
<MainCard/>
|
||||
<ProjectsCard/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
24
src/components/ProjectCard/ProjectCard.js
Normal file
24
src/components/ProjectCard/ProjectCard.js
Normal file
@ -0,0 +1,24 @@
|
||||
import React, {Component} from 'react';
|
||||
import './ProjectCard.scss'
|
||||
|
||||
export default class ProjectCard extends Component {
|
||||
|
||||
render() {
|
||||
return <div class="tile is-vertical is-4">
|
||||
<div class="tile">
|
||||
<div class="tile is-parent">
|
||||
<article class="tile is-child notification is-info">
|
||||
<p class="title">{this.props.title}</p>
|
||||
<a href={this.props.href} rel="noopener">
|
||||
<figure class="image is-4by3">
|
||||
<img src={this.props.image}
|
||||
alt={this.props.imgAlt}
|
||||
title={this.props.imgTitle} />
|
||||
</figure>
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>;
|
||||
}
|
||||
}
|
0
src/components/ProjectCard/ProjectCard.scss
Normal file
0
src/components/ProjectCard/ProjectCard.scss
Normal file
2
src/components/ProjectCard/index.js
Normal file
2
src/components/ProjectCard/index.js
Normal file
@ -0,0 +1,2 @@
|
||||
import ProjectCard from "./ProjectCard"
|
||||
export default ProjectCard;
|
45
src/components/ProjectsCard/ProjectsCard.js
Normal file
45
src/components/ProjectsCard/ProjectsCard.js
Normal file
@ -0,0 +1,45 @@
|
||||
import React, {Component} from '../../../node_modules/react';
|
||||
import './ProjectsCard.scss'
|
||||
|
||||
import ProjectCard from '../ProjectCard/index';
|
||||
|
||||
import imagePortfolioDev from '../../images/portfolio/vinyls.jpg';
|
||||
import imageMichelin from '../../images/portfolio/computerNonSense.jpg';
|
||||
import imagePortfolioPhoto from '../../images/portfolio/admPhotos.jpg';
|
||||
|
||||
export default class ProjectsCard extends Component {
|
||||
|
||||
render() {
|
||||
return <section id="projets" class="hero is-primary">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="tile is-ancestor">
|
||||
<ProjectCard
|
||||
title="Portfolio Developpeur"
|
||||
href="//dev.dumas.cc"
|
||||
imgAlt="Des mains parcourant des vinyles sur un étalage"
|
||||
imgTitle="Photo by Florencia Viadana on Unsplash"
|
||||
image={imagePortfolioDev}
|
||||
/>
|
||||
|
||||
<ProjectCard
|
||||
title="IOT@Michelin"
|
||||
href="https://prezi.com/m/o8ey8mmpnkvp/"
|
||||
imgAlt="Une photo d'un micro ordinateur dans ma main"
|
||||
imgTitle="Une photo d'un micro ordinateur dans ma main"
|
||||
image={imageMichelin}
|
||||
/>
|
||||
|
||||
<ProjectCard
|
||||
title="adm.photos"
|
||||
href="//adm.photos"
|
||||
imgAlt="Une photo du village de mon enfance"
|
||||
imgTitle="Une photo du village de mon enfance"
|
||||
image={imagePortfolioPhoto}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>;
|
||||
}
|
||||
}
|
0
src/components/ProjectsCard/ProjectsCard.scss
Normal file
0
src/components/ProjectsCard/ProjectsCard.scss
Normal file
2
src/components/ProjectsCard/index.js
Normal file
2
src/components/ProjectsCard/index.js
Normal file
@ -0,0 +1,2 @@
|
||||
import ProjectsCard from "./ProjectsCard"
|
||||
export default ProjectsCard;
|
9
src/components/Template/Template.js
Normal file
9
src/components/Template/Template.js
Normal file
@ -0,0 +1,9 @@
|
||||
import React, {Component} from 'react';
|
||||
import './Template.scss'
|
||||
|
||||
export default class Template extends Component {
|
||||
|
||||
render() {
|
||||
return ;
|
||||
}
|
||||
}
|
0
src/components/Template/Template.scss
Normal file
0
src/components/Template/Template.scss
Normal file
2
src/components/Template/index.js
Normal file
2
src/components/Template/index.js
Normal file
@ -0,0 +1,2 @@
|
||||
import ProjectsCard from "./ProjectsCard"
|
||||
export default ProjectsCard;
|
Loading…
x
Reference in New Issue
Block a user