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.
31 lines
1.0 KiB
31 lines
1.0 KiB
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; |
|
import { faGithub, faTwitter } from '@fortawesome/free-brands-svg-icons' |
|
import { AuthorImg, FooterWrap, AuthorInfoWrap, WrittenBy, AuthorBio } from './style'; |
|
|
|
|
|
const GuideFooter = (props) => ( |
|
<FooterWrap> |
|
<AuthorImg src="/static/authors/kamranahmedse.jpeg" alt="" /> |
|
<AuthorInfoWrap> |
|
<WrittenBy>Written By</WrittenBy> |
|
<h4><a href="#">Kamran Ahmed</a></h4> |
|
<AuthorBio>Lead engineer at Tajawal. Created roadmap.sh. Lover of web and opensource</AuthorBio> |
|
<p className="social-links"> |
|
<a href="#"> |
|
<FontAwesomeIcon icon={ faTwitter } /> |
|
Follow on Twitter |
|
</a> |
|
<a href="#"> |
|
<FontAwesomeIcon icon={ faGithub } /> |
|
Follow on GitHub |
|
</a> |
|
</p> |
|
{ /*<span className="social-icons">*/ } |
|
{ /*<a href="#"><TwitterIcon /></a>*/ } |
|
{ /*<a href="#"><GitHubIcon /></a>*/ } |
|
{ /*</span>*/ } |
|
</AuthorInfoWrap> |
|
</FooterWrap> |
|
); |
|
|
|
export default GuideFooter; |