Shree Ram Card using HTML & CSS Tutorial | Web Development
Shree Ram Card using HTML & CSS #jaishreeram
_________________________________________________________
Welcome to The Coding Experts!
Here we are creating stunning projects using only HTML & CSS, without the need for any JavaScript!
In this video, we'll guide you through the entire process of designing and styling Shree Ram, Mata Sita and Hanuman ji Cards with hover effect only using html and css. No JavaScript needed. Don't ever forget to watch my previous videos, the link is given below.
➡️ Source Code: https://t.me/thecodingperts
_________________________________________________________
Content of this video :
00:00 ~ Preview of output
00:30~ creating structure of html card
01:56 ~ boilerplate of css
02:27 ~ Container and cards css styles
06:10 ~ Card Hover Effect
07:45 ~ Adding God Images
09:22 ~ Changing titles into hindi
10:06 ~ Adding Google Font
11:08 ~ Main title of the page
12:08 ~ Adding Chaupai in p - tag
15:15 ~ Preview of code
_________________________________________________________
🌟 Connect with Us:
📸 Instagram: https://bit.ly/thecodingexpertsinsta
🌐 GitHub: https://github.com/thecodingexperts/
💼 Udemy Instructor: https://www.udemy.com/user/0f0ce9da-9...
📧 Business Inquiries: [email protected]
_________________________________________________________
🎥 Related Videos:
Animated 3D Card Hover Effect using HTML & CSS
• Animated 3D Card Hover Effect Using HTML &...
Beautiful Background Login Page using HTML & CSS
• Beautiful Background Login Page Using HTML...
Yin Yang Animated Loader using HTML & CSS
• Yin Yang Animated Loader Using HTML & CSS ...
Glassmorphism Login Page Tutorial using HTML & CSS
• Glassmorphism Login Page Using HTML & CSS ...
_________________________________________________________
Image Source:
Pinterest 👉 https://in.pinterest.com/
Used Google Fonts :
Tiro Devanagari Hindi 👉 https://fonts.google.com/specimen/Tir...
Amita 👉
https://fonts.google.com/specimen/Ami...
_________________________________________________________
If you found this tutorial helpful, don't forget to like, share, and subscribe for more web development tutorials. Feel free to leave your questions and comments below, and we'll be happy to assist you.
_________________________________________________________
#webdevelopment #apnacollge #csscard #flexbox #purecss #htmlcss #hovereffect #html5 #css #html #neomorphism #design #jaishreeram #cards #ram #ramayan #css3 #hindugods #cssanimation #jaihanuman #hanumanji #mahakal #lordrama #jaibajrangbali #hindudharma #bhagwan #coding #web
@CodeWithHarry @JennysLecturesHINDI @OnlineTutorialsYT @ApnaCollegeOfficial @shradhaKD @ezsnippat