src/components/project/project-page/ProjectHero.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
34
35
36
37
38
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
}