If you want to make a Birthday wish to your friends and families. In different style to make them feel better or a great day. By greeting or wishing in a different style do you know the perception will be change of that guys if someone is wishing in different style make you apart from a pool of people wishing to that guys. We know that in today’s era maintaining a social relation is very important because this 20th century is all about internet. So, i am going to teach you how to wish a birthday with Html code.
Happy Birthday!
so here is Html code for for wishing happy birthday in different style.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Happy Birthday, XYZ!</title>
</head>
<body style=”background-color: #f1f1f1; font-family: Arial, sans-serif; text-align: center; padding: 20px;”>
<div style=”max-width: 400px; margin: 0 auto; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);”>
<img src=”https://thumbs.dreamstime.com/b/colorful-happy-birthday-cupcakes-candles-spelling-148323072.jpg” alt=”Birthday Balloons” style=”width: 100%; border-radius: 10px 10px 0 0;”>
<h1 style=”color: #ff6347; font-size: 24px; margin: 20px 0;”>Happy Birthday, XYZ!</h1>
<p style=”font-size: 16px;”>Wishing you a day filled with joy, laughter, and all the happiness in the world. May this year be full of exciting adventures and wonderful memories!</p>
</div>
</body>
</html>
<title>Happy Birthday, XYZ!</title> in this Html tagline you have to write a a person name.
<title>Happy Birthday, XYZ!</title> here you have to write tiltle instead of writing happy birthday you can also write any other things, like weeding wishses.
<body style="background-color: #f1f1f1; font-family: Arial, sans-serif; text-align: center; padding: 20px;"> in this line you can change background color font style and many more.
<p style=”font-size: 16px;”>Wishing you a day filled with joy, laughter, and all the happiness in the world. May this year be full of exciting adventures and wonderful memories!</p> here you can write a paragraph the way you want to wish tone of your own language.
<h1 style=”color: #ff6347; font-size: 24px; margin: 20px 0;”>Happy Birthday, XYZ!</h1> here you can choose this how heading of happy birthday will be look.
If you want to look how this input code will look after running the output than you can easily copy the code and paste into the W3Schools.com. The link of the site is https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default