computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.2 KiB
57 lines
2.2 KiB
import { FooterWrap } from './style.js' |
|
|
|
const PageFooter = () => ( |
|
<FooterWrap> |
|
<div className="container"> |
|
<div className="foot-cols-wrap row"> |
|
<div className="site-meta-wrap col-12 col-sm-12 col-lg col-xl col-md-12"> |
|
<div className="site-meta"> |
|
<div className="brand-detail"> |
|
<a href="#" className='brand'><img src="/static/brand.png" alt="" /> roadmap.sh</a> |
|
<span className="preposition">by</span> |
|
<a href="#" className='follow-author'>@kamranahmedse</a> |
|
</div> |
|
<div className="brand-explanation"> |
|
<p>Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your career.</p> |
|
</div> |
|
<p className='meta-links'> |
|
© roadmap.sh · |
|
<a href="/about">FAQ</a> · |
|
<a href="/terms">Terms</a> · |
|
<a href="/privacy">Privacy</a> |
|
</p> |
|
</div> |
|
</div> |
|
<div className="site-contribute foot-col col-12 col-sm-4 col-lg-2"> |
|
<ul> |
|
<li className='foot-header'>Contribute</li> |
|
<li><a href="#">Write an Article</a></li> |
|
<li><a href="#">Submit a Roadmap</a></li> |
|
<li><a href="#">Add resources</a></li> |
|
<li><a href="#">Codebase</a></li> |
|
</ul> |
|
</div> |
|
<div className="site-learn foot-col col-12 col-sm-4 col-lg-2"> |
|
<ul> |
|
<li className="foot-header">Learn</li> |
|
<li><a href="#">Read Articles</a></li> |
|
<li><a href="#">Follow Roadmap</a></li> |
|
<li><a href="#">Review Projects</a></li> |
|
<li><a href="#">Contribute</a></li> |
|
</ul> |
|
</div> |
|
<div className="site-learn foot-col col-12 col-sm-4 col-lg-2"> |
|
<ul> |
|
<li className="foot-header">Most Visited</li> |
|
<li><a href="#">Frontend Roadmap</a></li> |
|
<li><a href="#">Backend Roadmap</a></li> |
|
<li><a href="#">DevOps Roadmap</a></li> |
|
<li><a href="#">One for All</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</FooterWrap> |
|
); |
|
|
|
export default PageFooter; |