<svg xmlns="http://www.w3.org/2000/svg" width="280" height="177"><g transform="translate(-22 -4122)"><path fill="#e8e8e8" d="M22 4122h280v20H22z"/><path fill="#f7f7f7" d="M22 4142h280v157H22z"/><text transform="translate(27 4136)" fill="#2c2c2c" font-size="10" font-family="Roboto-Bold, Roboto" font-weight="700"><tspan x="0" y="0">Table of Content</tspan></text><text transform="translate(271 4135)" fill="#4b90ff" font-size="8" font-family="Roboto-Bold, Roboto" font-weight="700"><tspan x="0" y="0">[Close]</tspan></text><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4152)" fill="#2c2c2c"/><text transform="translate(40 4156)" fill="#2c2c2c" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Etiam eleifend laoreet augue id vehicula. Sed malesuada elementum.</tspan></text><g transform="translate(0 2)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4176)"/><text transform="translate(40 4180)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Aenean ex risus, fermentum vel pharetra id, aliquam quis risus. </tspan></text></g><g transform="translate(0 4)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4188)"/><text transform="translate(40 4192)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Nulla varius fringilla malesuada. Quisque laoreet ante in turpis sollicitudin</tspan></text></g><g transform="translate(0 6)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4200)"/><text transform="translate(40 4204)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Mauris dignissim velit id suscipit consectetur. Morbi interdum, ipsum</tspan></text></g><g transform="translate(0 46)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4200)"/><text transform="translate(40 4204)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Quisque laoreet ante in turpis sollicitudin, ut finibus velit lacinia.</tspan></text></g><g transform="translate(0 59)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(34 4200)"/><text transform="translate(40 4204)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Nulla facilisi. Nulla posuere massa quis elit suscipit.</tspan></text></g><g transform="translate(2 7)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(48 4212)"/><text transform="translate(54 4216)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Sed malesuada elementum dui, rhoncus ultricies nisi fermentum ac.</tspan></text></g><g transform="translate(2 60)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(48 4212)"/><text transform="translate(54 4216)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Sed malesuada elementum dui, rhoncus ultricies nisi fermentum ac.</tspan></text></g><circle cx="1.5" cy="1.5" r="1.5" transform="translate(50 4232)" fill="#2c2c2c"/><text transform="translate(56 4236)" fill="#2c2c2c" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Duis vel lacinia lacus. In tempus nulla nibh</tspan></text><g transform="translate(2 73)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(48 4212)"/><text transform="translate(54 4216)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Duis vel lacinia lacus. In tempus nulla nibh</tspan></text></g><g transform="translate(2 1)" fill="#2c2c2c"><circle cx="1.5" cy="1.5" r="1.5" transform="translate(48 4164)"/><text transform="translate(54 4168)" font-size="6" font-family="Roboto-Regular, Roboto"><tspan x="0" y="0">Phasellus sapien velit, gravida sed purus nec, fermentum semper odio</tspan></text></g></g></svg>