diff options
Diffstat (limited to 'src/components/project/project-page/ProjectHero.js')
| -rw-r--r-- | src/components/project/project-page/ProjectHero.js | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/components/project/project-page/ProjectHero.js b/src/components/project/project-page/ProjectHero.js new file mode 100644 index 0000000..3d5f7ce --- /dev/null +++ b/src/components/project/project-page/ProjectHero.js @@ -0,0 +1,39 @@ +import React, { Component } from 'react'; +import PropTypes from 'prop-types'; + +export default class ProjectHero extends Component { + render() { + return( + <div className="container"> + <div className="hero-content"> + <br /> + <div className="row"> + <div className="col-lg-12"> + <br /> + + <h1 className="wow fadeInUp" data-wow-delay="1s">"{this.props.projectData.title}"</h1> + <br /> + <br /> + + <div className="row"> + <div className="col-lg-4"> + <p className="wow fadeInUp" data-wow-delay="1.2s">service:</p> + <h6 className="wow fadeInUp" data-wow-delay="1.3s">{this.props.projectData.service}</h6> + </div> + + <div className="col-lg-4"> + <p className="wow fadeInUp" data-wow-delay="1.6s">completed:</p> + <h6 className="wow fadeInUp" data-wow-delay="1.7s">{this.props.projectData.completed}</h6> + </div> + </div> + </div> + </div> + </div> + </div> + ) + } +} + +ProjectHero.propTypes = { + projectData: PropTypes.object +}
\ No newline at end of file |