Train Ticket App Screen // Speedrun // HTML & CSS Tutorial
Learn how to build a train ticket app screen in this HTML & CSS Speedrun and see how to
✔️ implement different color themes
✔️ use CSS grid layout
✔️ use clip-path to make elements nicely appear & disappear
✔️ add click listeners to HTML elements
🔔 SUBSCRIBE & LIKE 🔔
/ crayoncode
⌨️ CODE ⌨️
Source code is available on my Ko-Fi page:
All my sources (12+):
https://ko-fi.com/s/fbf4c8c547
Source code for this project:
https://ko-fi.com/s/6ab9b154e1
☕ SUPPORT MY WORK 🙏
https://ko-fi.com/crayoncode
👋 FOLLOW ME
📸 INSTAGRAM: / crayon_code
💎 ASSETS
Icons from Phosphor Icons, released under the MIT License
(https://github.com/phosphor-icons/cor...)
⏱️ TIMESTAMPS
00:00 Setup, Variables & Styles
04:24 Screen Header
05:56 Ticket Header
08:11 Ticket Divider
09:50 My Trip Section & Data List
14:20 Artwork & Travel Data Section
17:01 Passengers List
19:46 Toolbar & Glow
22:52 QR Code
27:17 Theme Switch
🏷️ HASHTAGS
#html #css #js #tutorial