import React from 'react'

const features = () => {
    return (
        <div className="features-area-6">
            <div className="container">
                <div className="section-title section-center" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <span className="pre-title pre-textsecondary">features</span>
                    <h2 className="title">Explore Yourself All Over The World</h2>
                    <span className="shape-line"><i className="icon-19"></i></span>
                    <p>Consectetur adipiscing elit sed do eiusmod tempor.</p>
                </div>
                <div className="features-grid-wrap">
                    <div className="features-box features-style-6 ">
                        <div className="icon icon-course">
                            <img className="svgInject" src="/assets/images/svg-icons/online-class.svg" alt="animated icon" />
                        </div>
                        <div className="content">
                            <h5 className="title">80+ Online Courses</h5>
                            <p>Lorem ipsum dolor sit amet cont adipiscing elit.</p>
                        </div>
                    </div>
                    <div className="features-box features-style-6 ">
                        <div className="icon icon-tag">
                            <img className="svgInject" src="/assets/images/svg-icons/instructor.svg" alt="animated icon" />
                        </div>
                        <div className="content">
                            <h5 className="title">Top Instructors</h5>
                            <p>Lorem ipsum dolor sit amet cont adipiscing elit.</p>
                        </div>
                    </div>
                    <div className="features-box features-style-6  feature-wrapper">
                        <div className="icon certificate icon-certificate">
                            <img className="svgInject" src="/assets/images/svg-icons/certificate.svg" alt="animated icon" />
                        </div>
                        <div className="content">
                            <h5 className="title">Online Certificates</h5>
                            <p>Lorem ipsum dolor sit amet cont adipiscing elit.</p>
                        </div>
                    </div>
                    <div className="features-box features-style-6 feature-wrapper">
                        <div className="icon icon-member">
                            <img className="svgInject" src="/assets/images/svg-icons/user.svg" alt="animated icon" />
                        </div>
                        <div className="content">
                            <h5 className="title">6000k+ Members</h5>
                            <p>Lorem ipsum dolor sit amet cont adipiscing elit.</p>
                        </div>
                    </div>
                </div>
            </div>
            <ul className="shape-group">
                <li className="shape-1 sal-animate" data-sal-delay="1000" data-sal="fade" data-sal-duration="1000">
                    <img className="rotateit" src="/assets/images/about/shape-37.png" alt="Shape" />
                </li>
                <li className="shape-2 scene" data-sal-delay="500" data-sal="fade" data-sal-duration="200">
                    <img src="/assets/images/others/shape-41.png" alt="Shape" />
                </li>
            </ul>
        </div>
    )
}

export default features;