text: import React, { Component } from 'react';
  import { Link } from 'react-router-dom';
  
  class Footer_v1 extends Component {
  
      componentDidMount() {
          let publicUrl = process.env.PUBLIC_URL+'/'
          const minscript = document.createElement("script");
          minscript.async = true;
          minscript.src = publicUrl + "assets/js/main.js";
  
          document.body.appendChild(minscript);
      }
  
      render() {
  
          let publicUrl = process.env.PUBLIC_URL+'/'
          let imgattr = "Footer logo"
  
          return (
               <footer>
  			  <div className="container">
  			    <div className="footer-top">
  			      <div className="row">
  			        <div className="col-lg-4 col-md-6">
  			          <div className="widget footer-widget">
  			            <div className="footer-logo">
  			              <img src={publicUrl+"assets/img/logo.png"} alt="Logo" />
  			            </div>
  			            <p>Avoids pleasure itself, because pleasure, but because those who do not</p>
  			            <ul className="social-icons">
  			              <li><a href="https://www.facebook.com"><i className="fab fa-facebook-f" /></a></li>
  			              <li><a href="https://twitter.com"><i className="fab fa-twitter" /></a></li>
  			              <li><a href="https://instagram.com"><i className="fab fa-instagram" /></a></li>
  			              <li><a href="https://google.com"><i className="fab fa-google" /></a></li>
  			            </ul>
  			          </div>
  			        </div>
  			        <div className="col-lg-4 col-md-6">
  			          <div className="widget footer-widget">
  			            <h4 className="widget-title">Quick Links</h4>
  			            <ul className="nav-widget clearfix">
  			              <li><Link to="/service">Latest Services</Link></li>
  			              <li><Link to="/about">Our History</Link></li>
  			              <li><Link to="/contact">Need A Career ?</Link></li>
  			              <li><Link to="/our-staff">Meet The Team</Link></li>
  			              <li><Link to="/service">Web Security</Link></li>
  			              <li><Link to="/about">Setting &amp; Privacy</Link></li>
  			              <li><Link to="/gallery">Case Study</Link></li>
  			              <li><Link to="/about">About Use</Link></li>
  			              <li><Link to="/service">Our Services</Link></li>
  			              <li><Link to="/contact">Contact Us</Link></li>
  			            </ul>
  			          </div>
  			        </div>
  			        <div className="col-lg-4">
  			          <div className="widget footer-widget">
  			            <h4 className="widget-title">Recent News</h4>
  			            <ul className="recent-post avson-go-top">
  			              <li>
  			                <div className="recent-post-img">
  			                  <img src={publicUrl+"assets/img/recent-post/01.jpg"} alt="News" />
  			                </div>
  			                <h6><Link to="/blog-details">Using Low Vision As My Too Me Teach WordPress</Link></h6>
  			                <span className="recent-post-date">05 Jan 20</span>
  			              </li>
  			              <li>
  			                <div className="recent-post-img">
  			                  <img src={publicUrl+"assets/img/recent-post/02.jpg"} alt="News" />
  			                </div>
  			                <h6><Link to="/blog-details">Embarking On New Advent Inspiring Desktop Wall</Link></h6>
  			                <span className="recent-post-date">05 Jan 20</span>
  			              </li>
  			            </ul>
  			          </div>
  			        </div>
  			      </div>
  			    </div>
  			    <div className="footer-bottom">
  			      <a href="#" className="back-to-top"><i className="far fa-angle-up" /></a>
  			      <div className="row">
  			        <div className="col-md-6 avson-go-top">
  			          <ul className="footer-nav">
  			            <li><Link to="/home-v2">Home</Link></li>
  			            <li><Link to="/about">About</Link></li>
  			            <li><Link to="/service">Services</Link></li>
  			            <li><Link to="/our-staff">Team</Link></li>
  			            <li><Link to="/service">Features</Link></li>
  			          </ul>
  			        </div>
  			        <div className="col-md-6">
  			          <p className="copy-right text-right">Copyright ©2020. All Rights Reserved</p>
  			        </div>
  			      </div>
  			    </div>
  			  </div>
  			</footer>
  
  
          )
      }
  }
  
  
  export default Footer_v1