import React from "react";
import "../assets/css/Footer.css";
import 'font-awesome/css/font-awesome.css';


export class FooterPage extends React.Component {
  render() {
      return (

        <footer id="footer" className="footer-1">
          <div className="main-footer widgets-dark typo-light">
            <div className="container">
              <div className="row">
                <div className="col-xs-12 col-sm-6 col-md-3">
                  <div className="widget subscribe no-box">
                    <h5 className="widget-title">LIBROGRAPHY<span /></h5>
                    <p>LIBROGRAPHY Gerenciador de Bibliotecas </p>
                  </div>
                </div>
                <div className="col-xs-12 col-sm-6 col-md-3">
                  <div className="widget no-box">
                    <h5 className="widget-title">Links<span /></h5>
                    <ul className="thumbnail-widget">
                      <li>
                        <div className="thumb-content"><a href="https://www.librography.com" target="_blank" rel="noreferrer noopener">Home <i class="fa fa-external-link"></i></a></div> 
                      </li>
                      <li>
                        <div className="thumb-content"><a href="https://blog.librography.com" target="_blank" rel="noreferrer noopener">Blog/Eventos <i class="fa fa-external-link"></i></a></div> 
                      </li>
                      <li>
                        <div className="thumb-content"><a href="https://forum.librography.com" target="_blank" rel="noreferrer noopener">Forum <i class="fa fa-external-link"></i></a></div> 
                      </li>
                      <li>
                        <div className="thumb-content"><a href="https://wiki.librography.com" target="_blank" rel="noreferrer noopener">Wiki <i class="fa fa-external-link"></i></a></div> 
                      </li>
                      <li>
                        <div className="thumb-content"><a href="https://git.librography.com" target="_blank" rel="noreferrer noopener">Open Source <i class="fa fa-external-link"></i></a></div>  
                      </li>
                      
                      <li>
                        <div className="thumb-content"><a href="https://librography.com" target="_blank" rel="noreferrer noopener">Sobre <i class="fa fa-external-link"></i></a></div> 
                      </li>
                    </ul>
                  </div>
                </div>
                <div className="col-xs-12 col-sm-6 col-md-3">
                  <div className="widget no-box">
                    <h5 className="widget-title">Serviços<span /></h5>
                    <p>Subscreva para receber nosso material em seu e-mail.</p>
                    <a className="btn" href="https://librography.com/subscribe" target="_blank">Subscreva-se</a>
                  </div>
                </div>
                <div className="col-xs-12 col-sm-6 col-md-3">
                  <div className="widget no-box">
                    <h5 className="widget-title">Contato<span /></h5>
                    <p><a href="mailto:info@domain.com" title="glorythemes">info@librography.com</a></p>
                    <ul className="social-footer2">
                      <li className><a title="youtube" target="_blank" href="https://youtube.com"><img alt="youtube" width={30} height={30} src="data:image/png;base64,[encoded data, 4228 characters]" /></a></li>
                      <li className><a href="https://www.facebook.com/" target="_blank" title="Facebook"><img alt="Facebook" width={30} height={30} src="data:image/png;base64,[encoded data, 4208 characters]" /></a></li>
                      <li className><a href="https://twitter.com" target="_blank" title="Twitter"><img alt="Twitter" width={30} height={30} src="data:image/png;base64,[encoded data, 4372 characters]" /></a></li>
                      <li className><a title="instagram" target="_blank" href="https://www.instagram.com/"><img alt="instagram" width={30} height={30} src="data:image/png;base64,[encoded data, 4556 characters]" /></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div className="footer-copyright">
            <div className="container">
              <div className="row">
                <div className="col-md-12 text-center">
                  <p>Copyright Librography © 2021. All rights reserved.</p>
                </div>
              </div>
            </div>
          </div>
        </footer>


    
    );
  }
}

export default FooterPage;