import React, { Component } from 'react';

export default class Footer extends Component {
    render() {
        return(
            <div className="footer">
                <div className="container">
                    <br /><br />

                    { /* <div className="collab">
                        <div className="row">
                            <div className="col-lg-12">
                                <p className="wow fadeInUp">
                                    Got an interesting project? I can help you.
                                </p>
                            </div>
                        </div>
                    </div> */ }

                    { /* <div className="hr">
                        <div className="row"></div>
                    </div> */ }

                    <br /><br />

                    <div className="info">
                        <div className="row">
                            <div className="col-lg-4" id="personal">
                                <p className="wow fadeInUp">copyleft</p>
                                <h4 className="wow fadeInUp" data-wow-delay="0.2s">
                                    <a id="info-item-1" href="/">fuwn 2020</a>
                                </h4>
                                <br /><br />
                            </div>

                            <div className="col-lg-4" id="media">
                                <p className="wow fadeInUp" data-wow-delay="0s">links</p>

                                <ul>
                                    <li id="tw" className="wow fadeInUp" data-wow-delay="0.8s">
                                        <a id="media-item-1" href="https://twitter.com/xFuwn">tw</a>
                                    </li>
                                    <li id="yt" className="wow fadeInUp" data-wow-delay="1s">
                                        <a id="media-item-2" href="https://youtube.com/Fuwny">yt</a>
                                    </li>
                                    <li id="gh" className="wow fadeInUp" data-wow-delay="1s">
                                        <a id="media-item-3" href="https://github.com/fuwn">gh</a>
                                    </li>
                                </ul>
                                <br /><br />
                            </div>

                            <div className="col-lg-4" id="address">
                                <p className="wow fadeInUp" data-wow-delay="0s">need me ?</p>
                                <h4 className="wow fadeInUp" data-wow-delay="0.2s">
                                    { /* <a id="address-item-1" href="mailto: contact@fuwn.me">contact@fuwn.me</a> */ }
                                    <a href="mailto: contact@fuwn.me">
                                        <img src="https://web.archive.org/web/20091025033811/http://geocities.com/uspa.geo/email007.gif"
                                            alt="" />
                                    </a>
                                </h4>
                                <br /><br />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}