diff options
Diffstat (limited to 'src/components/project/ProjectTwo.js')
| -rw-r--r-- | src/components/project/ProjectTwo.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/project/ProjectTwo.js b/src/components/project/ProjectTwo.js new file mode 100644 index 0000000..8e6ab8a --- /dev/null +++ b/src/components/project/ProjectTwo.js @@ -0,0 +1,31 @@ +import React, { Component } from 'react'; +import PropTypes from 'prop-types'; + +export default class ProjectTwo extends Component { + render() { + return( + <React.Fragment> + <div className="whitespace"></div> + + <h3 className="mobile-txt2 wow fadeInUp" data-wow-delay="1.2s">{this.props.projectData.title}</h3> + <div className="row"> + { /* graphic2 */ } + <div className={"col-lg-6 project " + this.props.projectClass + " wow fadeInUp"} data-wow-delay="1.4s" + onClick={() => window.location.href = this.props.projectData.redirect} + style={{ + background: "url(" + this.props.projectData.image + ") no-repeat 50% 50%", + backgroundSize: "cover" + }} + ></div> + + <div className="col-lg-6"></div> + </div> + </React.Fragment> + ) + } +} + +ProjectTwo.propTypes = { + projectData: PropTypes.object, + projectClass: PropTypes.string +}
\ No newline at end of file |