aboutsummaryrefslogtreecommitdiff
path: root/src/components/project/ProjectOne.js
diff options
context:
space:
mode:
author8cy <[email protected]>2020-10-12 19:50:30 -0700
committer8cy <[email protected]>2020-10-12 19:50:30 -0700
commitc87d894d01b789f7953f558ad5cc68080c0f8b29 (patch)
tree1f42fa39ea03d1e4ccd92b56b4758b3fe783eee5 /src/components/project/ProjectOne.js
downloadme-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.js31
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