import React from
'react'
import
'./exp.css'
import { AiOutlineCheckCircle } from
'react-icons/ai'
const Exp = () => {
return
(
<section id=
'exp'
>
<h5>Skills & Qualifications</h5>
<h2>My Experience</h2>
<div className=
"container exp__container"
>
<div className=
"exp_english"
>
<h3>English Literature</h3>
<div className=
"exp__content"
>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Shakespearian Literature</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>American Literature</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Oxford Grammer</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Poetry Writing</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Critical Analysis</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
</div>
</div>
{
}
<div className=
"exp_pyschology"
>
<h3>Pyschology</h3>
<div className=
"exp__content"
>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Counselling</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Coaching</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Research</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Advisory</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
<article className=
'exp__details'
><AiOutlineCheckCircle className=
'exp__details-icons'
/>
<div>
<h4>Teaching</h4>
<small className=
'text-light'
>Mastered</small>
</div>
</article>
</div>
</div>
</div>
</section >
)
}
export
default
Exp