Summary
Keywords
Full Transcript
Figma File: https://www.figma.com/file/PM8JkpxJfHIQlMMexg1SNH/Diwali-Wishes?node-id=0%3A1 Starter Code: https://github.com/procodrr/css-projects/tree/main/03_diwali-wishes/starter-code Final Code: https://github.com/procodrr/css-projects/tree/main/03_diwali-wishes/final-code JavaScript Code: https://gist.github.com/procodrr/79822041f026b6163184530dcf4a2287 Final Live Project: https://diwali-wishes.netlify.app/?receiver=Bros CSS Projects Repo: https://github.com/procodrr/css-projects Bootcamp Repo: https://github.com/procodrr/frontend-bootcamp In this video we will make Custom Diwali Wishes Project using HTML, CSS, and a little bit of JavaScript. Don't worry you need not to know JavaScript to make this project. 📖 Chapters 00:00 - Project Overview 00:50 - What is Figma? 03:10 - Create Figma Account 04:38 - Understand Figma Basics and Exporting Images 08:39 - Download Starter Code 09:40 - Open Project and Start Coding 13:13 - Make Hero Section Desktop Design 25:52 - Add Music Using HTML Audio Tag 50:00 - Make Hero Section Mobile Design 1:14:14 - Make Lakshmi Ganesha Section 2:25:44 - Give Reciever and Sender Name Dynamically 2:33:43 - Deploy the Project on Netlify 2:38:15 - Final Words & Diwali Wishes If you have any doubt you can ask in comment section I will reply to each and every question or you can reach out to me directly on my social media handles mentioned below. Social Media 🌐 Linkedin: https://www.linkedin.com/in/anurag-singh-web-developer/ 🌐 Instagram: https://www.instagram.com/procodrr/ 🌐 Twitter: https://twitter.com/anuragsinghbam 🌐 Telegram: https://t.me/+bq8CBsPL3Wc1MjU1 🌐 Discord: https://discord.gg/dMe9mer9B3 🌐 Portfolio: https://anuragsinghbam.com/ Music by geoffharvey from Pixabay
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
