# Timeline

import TimeLinePoint from "./TimeLinePoint";
import EventDate from "./EventDate";

<div className="timeline-block">
    <TimeLinePoint type="success">
        <i className="pg-icon">map</i>
    </TimeLinePoint>
    <div className="timeline-content">
        <Card type="social-card">
            <div
                className="circle"
                data-toggle="tooltip"
                title=""
                data-container="body"
                data-original-title="Label"
            ></div>
            <div className="card-header clearfix">
                <div className="user-pic">
                    <img
                        alt="Profile"
                        width="33"
                        height="33"
                        data-src-retina="/assets/img/profiles/8x.jpg"
                        data-src="/assets/img/profiles/8.jpg"
                        src="/assets/img/profiles/8.jpg"
                    />
                </div>
                <h5>Jeff Curtis</h5>
                <h6 className="d-flex align-items-center">
                    Shared a Tweet
                    <span className="location semi-bold d-flex align-items-center">
                        <i className="pg-icon">map</i> SF, California
                    </span>
                </h6>
            </div>
            <div className="card-description">
                <p>
                    What you think, you become. What you feel, you attract.
                    What you imagine, you create - Buddha.{" "}
                    <a href="#">#quote</a>{" "}
                </p>
                <div className="via">via Twitter</div>
            </div>
        </Card>
        <EventDate
            title="Apple Inc"
            date="15 January 2015, 06:50 PM"
        />
    </div>
</div>