video1.0<iframe src="https://www.loom.com/embed/a0adfdbd69164937b662492e229d0415" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/os/loom-media-content/loom/520810bc-7a32-4851-88d0-30803d1a08b8/5bf8db8d-26db-498b-8c55-da1a187b2d87/sessions-thumbnails-a0adfdbd69164937b662492e229d0415-48ed6ed74a419521.gif/binary?authToken=eyJraWQiOiJtaWNyb3MtZ3JvdXAvdGRwLW9zLWFyY2hldHlwZS9xOXVsZGNqYTRwbnE3Y2N1IiwiYWxnIjoiUlMyNTYifQ.eyJicyI6Imxvb20tbWVkaWEtY29udGVudCIsImF1ZCI6InRkcC1vcy1hcmNoZXR5cGUiLCJuYmYiOjE3OTM4MTUzNjUsInRpIjoiMDRiYjNhMzQtMWZiYi00OTU0LTkyZjMtZWIwYjYxOTA2ZWQ0IiwiYWRpIjoibG9vbS9sb29tIiwiaXNzIjoibWljcm9zLWdyb3VwL3RkcC1vcy1hcmNoZXR5cGUiLCJwaWQiOiIyMDY3MTc5ZS1jMzQ3LTQwODEtYjA1MS1lMGMzYTBjNmQ5MmQiLCJ3YSI6ImZhbHNlIiwib2lkIjoic2Vzc2lvbnMtdGh1bWJuYWlscy1hMGFkZmRiZDY5MTY0OTM3YjY2MjQ5MmUyMjlkMDQxNS00OGVkNmVkNzRhNDE5NTIxLmdpZiIsImV4cCI6MTc5MzgxNTk2NSwiaWF0IjoxNzkzODE1MzY1LCJqdGkiOiI3YzYyODgzMy00ODAzLTQxMDEtODI3Ni00MjNkZmU3NzY2MDQifQ.R5TNYsTCvUkRRiaI0sKjeXjE9WdPZVJVKO2CyyJJ0KZQgpyM-w0vQrAbijS1VZgPif4yQyylFqlfNOYha_3jmugP4M8Bjj1pY0aoHJ8ckgZPPPqAPBDR-PYSNiNUeloMG4vFnD17r2nSEuGPdJOMuDDkIJIY0DfkRx2a37VwOVBU15O6G8aJ3j5OVBsR3dciSIhVDV5kmYDzCgCvSoyfxgQeaTMEm-hi9DpP2ChooYNFrJaiS8iRLTUyrxBzb6BML96UFICN1zd8atMj0SrBTJVc-Q3lIzb6u011H6Y7EtjPkdZnTf0se_RGNH6pnhx-DkDljBnCDLDQp-QFH1MOKg&Expires=1793815965&Signature=alx1-mr1lxUC9ytMxNzec9vh5dyzlZGCjjgyZ5X19LG-BfSACHmHDp79qKtE8CWh%7Ew398scqQOkRoxq6DJkYRhrVTxsGbOUHZ9hVOlszpweuUxT3OIGRPaF6IB0U1UlifY3-NMld%7ETzdmbZ6rbsIQutr70svUUIFFEKcL74fpbm9ylwyz7CAo%7EVMLezJgmyRV5zsVw-lLlvmq%7EAfQDVJNWxo2Baa%7EjaqfFEAP8rT6mvu%7EZn5gKfQgRCcTBSSIgjgttM16XvcllUibnz8t-Youno6qdYPOXr7aJ1QC3PBiMpnqaiirz4nEN6jQvWGn7A-F7gCbAXxzuyuNaAZxheW%7Eg__&Key-Pair-Id=KQOSYIR44AIC0539.328PerpFood Gym Webpage Design SummaryThis Loom explains the author’s PerpFood gym webpage build, focusing on the HTML and styling for the header and dashboards. The author discusses structuring elements with divs, grouping the logo and membership badges with an expiry date, and styling the greeting and tagline sections, including a linear gradient for the user name and specific styling for images using border radius and object fit. They cover how the Personal Trainer Dashboard and Today’s Classes sections are laid out, including multiple repeated class cards with hover effects and on click booking buttons that open pop ups. Finally, the author describes the JavaScript function that prompts the user for a name via a popup and updates the name in the tagline, noting that it must be called for the popup to appear.