125 lines
4.6 KiB
JavaScript
125 lines
4.6 KiB
JavaScript
import React from 'react';
|
|
import footerInfo from 'data/Digital/footer.json';
|
|
|
|
const Footer = () => {
|
|
return (
|
|
<footer className="style-1">
|
|
<div className="container">
|
|
<div className="content">
|
|
<div className="row justify-content-center">
|
|
<div className="col-lg-4">
|
|
<div className="foot_info">
|
|
<a href="#" className="logo mb-3">
|
|
<img src="/assets/img/logo_cl.png" alt="" />
|
|
</a>
|
|
<div className="text mb-4">
|
|
Best IT Solutions & Technology WordPress <br /> Theme for Your Busines
|
|
</div>
|
|
<ul className="mb-4">
|
|
<li className="d-flex">
|
|
<i className="bi bi-house me-3"></i>
|
|
<a href="#">
|
|
<span>{ footerInfo.address }</span>
|
|
</a>
|
|
</li>
|
|
<li className="d-flex">
|
|
<i className="bi bi-envelope me-3"></i>
|
|
<a href="#">
|
|
<span>{ footerInfo.email }</span>
|
|
</a>
|
|
</li>
|
|
<li className="d-flex">
|
|
<i className="bi bi-phone me-3"></i>
|
|
<a href="#">
|
|
<span>{ footerInfo.phone }</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div className="social_icons">
|
|
<a href="#">
|
|
<i className="fab fa-twitter"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i className="fab fa-facebook-f"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i className="fab fa-linkedin-in"></i>
|
|
</a>
|
|
<a href="#">
|
|
<i className="fab fa-github"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-2">
|
|
<div className="links">
|
|
<div className="cont">
|
|
<h6 className="link_title">
|
|
Services
|
|
</h6>
|
|
<ul>
|
|
{
|
|
footerInfo.services.map((item, index) => (
|
|
<li key={index}>
|
|
<a href="#">{ item }</a>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-2">
|
|
<div className="links">
|
|
<div className="cont">
|
|
<h6 className="link_title">
|
|
Information
|
|
</h6>
|
|
<ul>
|
|
{
|
|
footerInfo.information.map((item, index) => (
|
|
<li key={index}>
|
|
<a href="#">{ item }</a>
|
|
</li>
|
|
))
|
|
}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="col-lg-4">
|
|
<div className="foot_subscribe">
|
|
<h6 className="link_title">
|
|
Newsletter
|
|
</h6>
|
|
<p>
|
|
Register now to get latest updates on promotions & coupons.
|
|
</p>
|
|
<div className="input-group my-4">
|
|
<input type="text" className="form-control" placeholder="Enter your email" aria-label="Enter your email" aria-describedby="button-addon2" />
|
|
<button className="btn butn-gard border-0 text-white px-3" type="button" id="button-addon2">
|
|
<span>Subscribe</span>
|
|
</button>
|
|
</div>
|
|
<p className="fst-italic">By subscribing, you accepted the our <a href="#" className="text-decoration-underline"> Policy</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="row justify-content-center">
|
|
<div className="col-lg-12">
|
|
<div className="foot">
|
|
<p>
|
|
© 2022 Copyrights by <a href="#" className="text-white text-decoration-underline">Iteck Co.</a> All Rights Reserved by <a href="#" className="text-white text-decoration-underline"> ThemesCamp </a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img src="/assets/img/footer/foot_l.png" alt="" className="foot_l" />
|
|
<img src="/assets/img/footer/foot_r.png" alt="" className="foot_r" />
|
|
</footer>
|
|
)
|
|
}
|
|
|
|
export default Footer |