src/components/project/ProjectThree.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class ProjectThree 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-7"></div>

                    { /* graphic3 */ }
                    <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 className="col-lg-1"></div>
                </div>
            </React.Fragment>
        )
    }
}

ProjectThree.propTypes = {
    projectData: PropTypes.object,
    projectClass: PropTypes.string
}