98 lines
5.3 KiB
TypeScript
98 lines
5.3 KiB
TypeScript
import React from 'react';
|
|
|
|
export default function Directions() {
|
|
return (
|
|
<div className="main-popular">
|
|
<div className="b-inner">
|
|
<h2 className="title-h2">Popular Topics</h2>
|
|
<div className="main-popular__row">
|
|
<div className="main-popular__coll">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="main-popular__coll">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="main-popular__coll d-none d-md-block">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="main-popular__coll d-none d-lg-block">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="main-popular__coll d-none d-lg-block">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="main-popular__coll d-none d-xl-block">
|
|
<div className="b-popular">
|
|
<div className="b-popular__image">
|
|
<img className="" src="/images/popular.png" alt=""/>
|
|
</div>
|
|
<div className="b-popular__inner">
|
|
<div className="b-popular__title">Work Life Balance</div>
|
|
<div className="b-popular__wrap-link">
|
|
<a className="b-popular__link" href="">23 experts</a> |
|
|
<a className="b-popular__link" href="">245 offers</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|