first commit
This commit is contained in:
125
src/components/Digital/Footer.jsx
Normal file
125
src/components/Digital/Footer.jsx
Normal file
@ -0,0 +1,125 @@
|
||||
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
|
||||
Reference in New Issue
Block a user