Laptop Design using Pure HTML & CSS
Hey everyone! We're gonna have an unbelievable tutorial, today 😎 You've probably seen same projects on YouTube, but in this video, I'm gonna design the exact shape of a MacBook Pro Laptop using Pure HTML & CSS. You can improve your CSS skills to a higher level by watching this tutorial 😉
📂 Assets
Fonts: https://fonts.google.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Lap...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 Laptop Preview
00:51 Laptop Screen Elements
01:13 General Styles
01:40 Laptop Screen Styles
03:09 Laptop Model Styles
04:30 Laptop Monitor Styles
05:42 Adding Glass Morphic Frame
06:54 Adding Screen Reflection
08:08 Adding Laptop Keyboard
13:00 Laptop Door's Thin Hole
14:37 Thanks For Watching
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen: • #37 Last Summer (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | Futur...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - -
Track: Lost Sky - Vision pt. II (feat. She Is Jules)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Vision pt. II (feat. She Is Jul...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Song: Levianth & Axol - Remember (feat. The Tech Thieves)
Music provided by NoCopyrightSounds
Free Download/Stream: http://ncs.io/remember
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Jex) | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein