import React from 'react'

const features = () => {
    return (
        <div className="edu-categorie-area categorie-area-5 edu-section-gap">
            <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">Health Guide</span>
                    <h2 className="title">The Ultimate Guide to Upgrading <br /> Your Coaching </h2>
                    <span className="shape-line"><i className="icon-19"></i></span>
                </div>
                <div className="row g-5">
                    <div className="col-lg-4 col-md-6" data-sal-delay="50" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-primary edublink-svg-animate">
                            <div className="icon">
                                <i className="icon-83"></i>
                            </div>
                            <div className="content">
                                <h5 className="title">Daily Excersize</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-4 col-md-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-secondary">
                            <div className="icon">
                                <i className="icon-81"></i>
                            </div>
                            <div className="content">
                                <h5 className="title">Personal Program</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-4 col-md-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-extra08">
                            <div className="icon">
                                <i className="icon-78"></i>
                            </div>
                            <div className="content">
                                <h5 className="title">Natural Process</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-4 col-md-6" data-sal-delay="50" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-tertiary">
                            <div className="icon">
                                <img src="/assets/images/svg-icons/icon-04.svg" alt="Image Svg" />
                            </div>
                            <div className="content">
                                <h5 className="title">Improving Health</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-4 col-md-6" data-sal-delay="100" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-extra02">
                            <div className="icon">
                                <img src="/assets/images/svg-icons/icon-05.svg" alt="Image Svg" />
                            </div>
                            <div className="content">
                                <h5 className="title">Immune System</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                    <div className="col-lg-4 col-md-6" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div className="categorie-grid categorie-style-5 color-extra07">
                            <div className="icon Physical-activity">
                                <i className="icon-39"></i>
                            </div>
                            <div className="content">
                                <h5 className="title">Physical Activity</h5>
                                <p>Lorem ipsum dolor amet ex consecturs adipiscing elit sed eiusmod.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default features;