Wavy Landing Page Design – HTML & CSS

by | Apr 1, 2021 | 0 comments

Wavy Landing Page Design – HTML & CSS

by | Apr 1, 2021 | CSS Tips and Tricks | 0 comments



We’re going to build a beautiful landing page using vanilla HTML and CSS, no framework. We are going to integrate Font Awesome, Google Fonts, some wavy vector backgrounds, and a vector image from Freepik.

Code: https://github.com/stuyy/landing-page-design

Visual Studio Code Theme: Slack Theme
Extensions: Emmet, Prettier, Live Server

Fontawesome – https://fontawesome.com/
Google Fonts – https://fonts.google.com/ (Font is called Poppins)
Waves – https://getwaves.io/
Freepik: https://www.freepik.com/free-vector/messages-concept-illustration_5911276.htm#page=1&query=messages&position=14
https://www.freepik.com/vectors/box Box vector created by stories – www.freepik.com

Want to support me and the channel? Donations are not required but greatly appreciated!

Become a Patreon: http://patreon.com/stuyy
Buy me a Coffee: http://ko-fi.com/anson
Streamlabs: https://streamlabs.com/ansondevacademy/tip

Learn JavaScript – https://www.youtube.com/playlist?list=PL_cUvD4qzbkzrpH8det0pvoT_Oxu1JV34
Programming Discord Server: http://discord.gg/bZSwjPy
GitHub: http://github.com/stuyy

source