first commit
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
|
||||
export default function Footer1() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-10" className="pt-50 footer">
|
||||
<div className="container text-center">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-10">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="images/logo-black.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="images/logo-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="footer-links">
|
||||
<ul className="foo-links clearfix">
|
||||
<li><p><a href="about.html">About</a></p></li>
|
||||
<li><p><a href="blog-listing.html">Blog</a></p></li>
|
||||
<li><p><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li><p><a href="cookies.html">Cookie Policy</a></p></li>
|
||||
<li><p><a href="contacts.html">Contact Us</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<ul className="bottom-footer-socials ico-25">
|
||||
<li><a href="#"><span className="flaticon-facebook" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-twitter" /></a></li>
|
||||
<li><a href="#"><span className="flaticon-instagram" /></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,29 @@
|
||||
|
||||
export default function Footer2() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-11" className="bg--white-300 pt-50 footer">
|
||||
<div className="container">
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright"><p className="p-sm">© 2014-2023 Martex Labs, Inc.</p></div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-list ico-15 text-end">
|
||||
<li><p className="p-sm"><a href="privacy.html">Privacy Policy</a></p></li>
|
||||
<li className="footer-list-divider"><p><span className="flaticon-minus" /></p></li>
|
||||
<li><p className="p-sm"><a href="terms.html">Terms & Conditions</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
|
||||
import Link from "next/link"
|
||||
export default function Footer3() {
|
||||
return (
|
||||
<>
|
||||
<footer id="footer-3" className="pt-100 footer ft-3-ntr">
|
||||
<div className="container">
|
||||
{/* FOOTER CONTENT */}
|
||||
<div className="row">
|
||||
{/* FOOTER LOGO */}
|
||||
<div className="col-xl-3">
|
||||
<div className="footer-info">
|
||||
<img className="footer-logo" src="/images/logo-pink.png" alt="footer-logo" />
|
||||
<img className="footer-logo-dark" src="/images/logo-pink-white.png" alt="footer-logo" />
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-1">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Company</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/about">About Us</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/blog-listing">Our Blog</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/testimonials">Customers</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Community</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-2">
|
||||
<div className="footer-links fl-2">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Product</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/features">Integration</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/download">What's New</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/pricing-1">Pricing</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/help-center">Help Center</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER LINKS */}
|
||||
<div className="col-sm-4 col-lg-3 col-xl-2">
|
||||
<div className="footer-links fl-3">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Legal</h6>
|
||||
{/* Links */}
|
||||
<ul className="foo-links clearfix">
|
||||
<li>
|
||||
<p><Link href="/terms">Terms of Use</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/privacy">Privacy Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="/cookies">Cookie Policy</Link></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><Link href="#">Site Map</Link></p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* END FOOTER LINKS */}
|
||||
{/* FOOTER NEWSLETTER FORM */}
|
||||
<div className="col-sm-10 col-md-8 col-lg-4 col-xl-3">
|
||||
<div className="footer-form">
|
||||
{/* Title */}
|
||||
<h6 className="s-17 w-700">Follow the Best</h6>
|
||||
{/* Newsletter Form Input */}
|
||||
<form className="newsletter-form">
|
||||
<div className="input-group r-06">
|
||||
<input type="email" className="form-control" placeholder="Email Address" required id="s-email" />
|
||||
<span className="input-group-btn ico-15">
|
||||
<button type="submit" className="btn color--theme">
|
||||
<span className="flaticon-right-arrow-1" />
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
{/* Newsletter Form Notification */}
|
||||
<label htmlFor="s-email" className="form-notification" />
|
||||
</form>
|
||||
</div>
|
||||
</div> {/* END FOOTER NEWSLETTER FORM */}
|
||||
</div> {/* END FOOTER CONTENT */}
|
||||
<hr /> {/* FOOTER DIVIDER LINE */}
|
||||
{/* BOTTOM FOOTER */}
|
||||
<div className="bottom-footer">
|
||||
<div className="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
||||
{/* FOOTER COPYRIGHT */}
|
||||
<div className="col">
|
||||
<div className="footer-copyright">
|
||||
<p className="p-sm">© 2023 Martex. <span>All Rights Reserved</span></p>
|
||||
</div>
|
||||
</div>
|
||||
{/* FOOTER SOCIALS */}
|
||||
<div className="col">
|
||||
<ul className="bottom-footer-socials ico-20 text-end">
|
||||
<li><Link href="#"><span className="flaticon-facebook" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-twitter" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-instagram" /></Link></li>
|
||||
<li><Link href="#"><span className="flaticon-youtube" /></Link></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> {/* End row */}
|
||||
</div> {/* END BOTTOM FOOTER */}
|
||||
</div> {/* End container */}
|
||||
</footer>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user