Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="482"
        y2="30"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00b59c" />
        <stop offset="1" stop-color="#9cffac" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="211"
        x2="211"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c3ffe8" />
        <stop offset=".997" stop-color="#f0fff4" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M467 272H137c-24.814 0-45 20.186-45 45v30c0 8.291 6.709 15 15 15 8.276 0 15 6.724 15 15s-6.724 15-15 15c-8.291 0-15 6.709-15 15v30c0 24.814 20.186 45 45 45h330c24.814 0 45-20.186 45-45V317c0-24.814-20.186-45-45-45zm0-242H137c-24.814 0-45 20.186-45 45v30c0 8.291 6.709 15 15 15 8.276 0 15 6.724 15 15s-6.724 15-15 15c-8.291 0-15 6.709-15 15v30c0 24.814 20.186 45 45 45h330c24.814 0 45-20.186 45-45V75c0-24.814-20.186-45-45-45zM15 150h62c8.291 0 15-6.709 15-15s-6.709-15-15-15H15c-8.291 0-15 6.709-15 15s6.709 15 15 15zm62 212H15c-8.291 0-15 6.709-15 15s6.709 15 15 15h62c8.291 0 15-6.709 15-15s-6.709-15-15-15z"
    />
    <path
        fill="url(#b)"
        d="M407 332H227c-8.291 0-15 6.709-15 15s6.709 15 15 15h180c8.291 0 15-6.709 15-15s-6.709-15-15-15zm-90 60h-90c-8.291 0-15 6.709-15 15s6.709 15 15 15h90c8.291 0 15-6.709 15-15s-6.709-15-15-15zm-90-212h90c8.291 0 15-6.709 15-15s-6.709-15-15-15h-90c-8.291 0-15 6.709-15 15s6.709 15 15 15zm0-60h180c8.291 0 15-6.709 15-15s-6.709-15-15-15H227c-8.291 0-15 6.709-15 15s6.709 15 15 15zM107 332c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zm0-242c-24.814 0-45 20.186-45 45s20.186 45 45 45 45-20.186 45-45-20.186-45-45-45zM15 0C6.709 0 0 6.709 0 15v482c0 8.291 6.709 15 15 15s15-6.709 15-15V15c0-8.291-6.709-15-15-15z"
    />
</svg>