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.
39 lines
1.5 KiB
39 lines
1.5 KiB
import { FeaturedContentWrap } from './style'; |
|
|
|
const FeaturedRoadmaps = () => ( |
|
<FeaturedContentWrap className="featured-content-wrap"> |
|
<div className="container"> |
|
<div className="featured-head"> |
|
<h3>Featured Content</h3> |
|
<p className="border-through featured-separator"> |
|
<span> |
|
List of roadmaps mostly visited by the community |
|
<a href="#" className="dark-link d-none d-sm-none d-md-inline d-xl-inline">View all Roadmaps →</a> |
|
</span> |
|
</p> |
|
</div> |
|
<div className="swim-lane row"> |
|
<div className="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 grid-item-container"> |
|
<a className="featured-block" href='#'> |
|
<h4>Frontend Developer</h4> |
|
<p>Step by step guide to becoming a modern frontend developer in 2019</p> |
|
</a> |
|
</div> |
|
<div className="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 grid-item-container"> |
|
<a className="featured-block" href='#'> |
|
<h4>Backend Developer</h4> |
|
<p>Step by step guide to becoming a modern backend developer in 2019</p> |
|
</a> |
|
</div> |
|
<div className="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 grid-item-container"> |
|
<a className="featured-block" href='#'> |
|
<h4>DevOps Roadmap</h4> |
|
<p>Step by step guide to become an SRE or for any operations role in 2019</p> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</FeaturedContentWrap> |
|
); |
|
|
|
export default FeaturedRoadmaps; |