Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#cee1f2"
        d="M80 300V60c0-22.091 17.909-40 40-40H60c-22.091 0-40 17.909-40 40v240c0 22.091 17.909 40 40 40h60c-22.091 0-40-17.909-40-40zM392 300V60c0-22.091 17.909-40 40-40h-60c-22.091 0-40 17.909-40 40v240c0 22.091 17.909 40 40 40h60c-22.091 0-40-17.909-40-40z"
    />
    <g fill="#0023c4">
        <path
            d="M20 472h23.44c8.256 23.278 30.487 40 56.56 40 33.084 0 60-26.916 60-60s-26.916-60-60-60c-26.073 0-48.303 16.722-56.56 40H20c-11.046 0-20 8.954-20 20s8.954 20 20 20zm80-40c11.028 0 20 8.972 20 20s-8.972 20-20 20-20-8.972-20-20 8.972-20 20-20zM316 452c0-11.046-8.954-20-20-20h-80c-11.046 0-20 8.954-20 20s8.954 20 20 20h80c11.046 0 20-8.954 20-20zM492 432h-23.44c-8.256-23.278-30.487-40-56.56-40-33.084 0-60 26.916-60 60s26.916 60 60 60c26.073 0 48.303-16.722 56.56-40H492c11.046 0 20-8.954 20-20s-8.954-20-20-20zm-80 40c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20zM60 360h80c33.084 0 60-26.916 60-60V60c0-33.084-26.916-60-60-60H60C26.916 0 0 26.916 0 60v240c0 33.084 26.916 60 60 60zM40 60c0-11.028 8.972-20 20-20h80c11.028 0 20 8.972 20 20v240c0 11.028-8.972 20-20 20H60c-11.028 0-20-8.972-20-20zM452 0h-80c-33.084 0-60 26.916-60 60v240c0 33.084 26.916 60 60 60h80c33.084 0 60-26.916 60-60V60c0-33.084-26.916-60-60-60zm20 300c0 11.028-8.972 20-20 20h-80c-11.028 0-20-8.972-20-20V60c0-11.028 8.972-20 20-20h80c11.028 0 20 8.972 20 20z"
        />
        <path
            d="M100 200c11.046 0 20-8.954 20-20v-80c0-11.046-8.954-20-20-20s-20 8.954-20 20v80c0 11.046 8.954 20 20 20zM412 80c-11.046 0-20 8.954-20 20v80c0 11.046 8.954 20 20 20s20-8.954 20-20v-80c0-11.046-8.954-20-20-20z"
        />
    </g>
    <circle cx="100" cy="260" r="20" fill="#ff5cf4" />
    <circle cx="412" cy="260" r="20" fill="#ff5cf4" />
</svg>