diff options
| author | 8cy <[email protected]> | 2020-10-12 19:50:30 -0700 |
|---|---|---|
| committer | 8cy <[email protected]> | 2020-10-12 19:50:30 -0700 |
| commit | c87d894d01b789f7953f558ad5cc68080c0f8b29 (patch) | |
| tree | 1f42fa39ea03d1e4ccd92b56b4758b3fe783eee5 /src/components/project/ProjectOne.js | |
| download | me-c87d894d01b789f7953f558ad5cc68080c0f8b29.tar.xz me-c87d894d01b789f7953f558ad5cc68080c0f8b29.zip | |
woops i forgot to commit these files lul
Diffstat (limited to 'src/components/project/ProjectOne.js')
| -rw-r--r-- | src/components/project/ProjectOne.js | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/project/ProjectOne.js b/src/components/project/ProjectOne.js new file mode 100644 index 0000000..8c3b92f --- /dev/null +++ b/src/components/project/ProjectOne.js @@ -0,0 +1,31 @@ +import React, { Component } from 'react'; +import PropTypes from 'prop-types'; + +export default class ProjectOne 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"> + <div className="col-lg-8"></div> + + { /* graphic1 */ } + <div className={"col-lg-4 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> + </React.Fragment> + ) + } +} + +ProjectOne.propTypes = { + projectData: PropTypes.object, + projectClass: PropTypes.string +}
\ No newline at end of file |