gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add links and modify roadmap header

Browse Source
This commit is contained in:
Kamran Ahmed
2019-11-01 03:07:46 +04:00
parent 9d81ab75db
commit f10cfc2044
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/hero-section/index.js
View File

@ -1,10 +1,11 @@
import Link from 'next/link';
import { HeroSectionWrap } from './style'; import { HeroSectionWrap } from './style';
const HeroSection = () => ( const HeroSection = () => (
<HeroSectionWrap> <HeroSectionWrap>
<div className="container"> <div className="container">
<h1>Developer Roadmaps</h1> <h1>Developer Roadmaps</h1>
<p>Community driven roadmaps, articles and resources for developers. <a href="#">Sign up</a> to share your journey, write guides, track your skillset and get your work reviewed</p> <p>Community driven roadmaps, articles and resources for developers. <Link href="/signup"><a>Sign up</a></Link> to share your journey, write guides, track your skillset and get your work reviewed</p>
</div> </div>
</HeroSectionWrap> </HeroSectionWrap>
); );

9
components/page-header/index.js
View File

@ -1,3 +1,4 @@
import Link from 'next/link';
import { HeaderWrap } from './style'; import { HeaderWrap } from './style';
const PageHeader = () => ( const PageHeader = () => (
@ -9,10 +10,10 @@ const PageHeader = () => (
</a> </a>
</div> </div>
<div className="nav-links"> <div className="nav-links">
<a href="#">Roadmaps</a> <Link href="/roadmaps"><a>Roadmaps</a></Link>
<a href="#">Guides</a> <Link href="/guides"><a>Guides</a></Link>
<a href="#">FAQs</a> <Link href="/faq"><a>FAQs</a></Link>
<a href="#" className='signup'>Sign Up</a> <Link href="/signup"><a>Sign Up</a></Link>
</div> </div>
</div> </div>
</HeaderWrap> </HeaderWrap>

7
components/roadmap-summary/style.js
View File

@ -4,7 +4,7 @@ export const SummaryContainer = styled.div``;
export const Header = styled.div` export const Header = styled.div`
text-align: center; text-align: center;
padding: 55px 0 45px; padding: 60px 0 55px;
`; `;
export const Summary = styled.div` export const Summary = styled.div`
@ -15,11 +15,12 @@ export const Summary = styled.div`
export const Title = styled.h1` export const Title = styled.h1`
font-weight: 700; font-weight: 700;
margin-bottom: 12px; margin-bottom: 12px;
font-size: 42px; font-size: 46px;
`; `;
export const Description = styled.p` export const Description = styled.p`
font-size: 19px; font-size: 16px;
color: #444444;
`; `;
export const Image = styled.img` export const Image = styled.img`