The pictured project only needs to use HTML and CSS code to present a collection of arranged words as if they have been printed on a ticket for a train. All of the displayed text exists as standard text characters rather than as rasterized components of an image file. The most basic application of CSS is at work in this area in that the various pieces of text are individually categorized in the HTML document so that the CSS code remotely adjusts the font, size, color, and appearance of any text that exists in each distinct category. The CSS file also dictates the color of the background of each distinct section of the grid-like contents of the ticket.
Both the HTML file and the CSS file are responsible for different portions of the ticket that resemble file-based graphics. A large amount of pathing data present in the HTML file is responsible for a small black symbol at the bottom of the ticket resembling a shopping cart, and this allows the simulated image to be instantaneously loaded and rendered by the user's browser. Meanwhile, both of the bar codes displayed at the bottom right corner of the ticket result from the same large piece of code present within the CSS file. If any of the percentage values included as part of the ".barcode" definition are adjusted in the Editor View of the site, both bar codes will reflect the change. For more information click here https://codepen.io/oliviale/details/MZZYyO.