Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching 💎 Animated Contact Form In HTML & CSS | Dark & Light Mode. and this video is uploaded by True Coder at 2023-02-07T04:45:02-08:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [F9s3-e7FJnY]
| Name | 💎 Animated Contact Form In HTML & CSS | Dark & Light Mode |
| Video Uploader | Video From True Coder |
| Upload Date | This Video Uploaded At 07-02-2023 12:45:02 |
| Video Discription | Learn how to create a responsive contact form with Dark / light themes. --- Web Design Tutorial --- Today, we got a special tutorial, we're going to learn how to create a complete responsive contact page from scratch, we're going to be using HTML, and modern CSS techniques such as CSS grid, flexbox, pseudo selectors, keyframes and more. We're also going to use a bit of JavaScript to add some some stunning animations to our contact form and make it interactive, such as the focus/blur animation on the inputs, and the theme switch animation . This contact us page has a ton of features : Nice looking UI design - Dark and light modes - Interactive input fields - Stunning animations on the input fields - Outstanding theme switch animation .... Not only that, our contact form will have both dark and light themes, that we can switch between theme using a toggle button in the navbar. And finally by the end of this video, we're going to see how we can make this website completely responsive on any device, so it stays responsive no matter what the size of the device is. 💚 Get template https://www.buymeacoffee.com/true_coder/e/116675 💚 Get template by Paypal https://ko-fi.com/s/829e92a9ba 👍 Now if you find this video valuable, please make sure to leave a like, and subscribe to the channel, this is the best way you can support me to make more videos like this. 🛎 Also, click on the bell icon to turn on notifications. This way you'll be notified the moment new videos are uploaded. 💖 Please feel free to support my channel. Your donation will motivate me and push me to keep making more of these tutorials. - Paypal : https://paypal.me/truecoder - Buy me a coffee : https://www.buymeacoffee.com/true_coder 📁 Assets Icons: https://fontawesome.com/ Fonts: https://fonts.google.com/ GitHub: https://github.com/sefyudem 💻 Start project from scratch (Images and files used in this tutorial) https://bit.ly/3jD7E6q 🚫 DON'T CLICK THIS : https://bit.ly/2SuCfW3 ✉️ For Business inquiries : truecoder.business@gmail.com ⏱ Timestamps: 0:00 - Intro 1:33 - Navbar 9:07 - The Actual Contact Form 27:50 - Adding the Wavy Image 32:15 - Adding the Dark Theme 38:50 - Making The Page Responsive [F9s3-e7FJnY] |
| Category | Education |
| Tags | contact us | contact us form | contact form | css contact form | css contact us page | contact form design | contact us form in html and css | responsive contact form | contact us form html css | responsive contact us form in html and css | how to create a responsive contact form | contact page | responsive contact page | contact form with dark theme | html css form design | light dark mode html css | javascript dark mode toggle | responsive web design tutorial | web design | html css |
