Table of Contents
- 1 Happy Holi Wishing Script 2023 with Quote Card
Happy Holi Wishing Script 2023 with Quote Card
Holi is a celebration that is accepted worldwide in India and other nations worldwide with a lot of zeal and emotion. This vibrant event celebrates love, harmony, and joy as well as the victory of good over evil. We’ll walk you through the origins, importance, and festivities of Holi in this post.
History of Holi
Hindu mythology is the source of this festival, which has been celebrated since antiquity. The Holika and Prahlad fable is the most well-known Holi legend. By the mercy of the Lord, Prahlad, a devoted devotee of Lord Vishnu, was spared from his evil aunt Holika’s fire. On the eve of Holi, this occasion is recognised as Holika Dahan. The love legend is another well-known Holi legend.
Significance of Holi
Holi holds great significance in Indian culture and tradition. It is a celebration of love, unity, and forgiveness. The festival brings people together, bridges gaps, and strengthens bonds. Holi also marks the arrival of spring and the end of winter, making it a celebration of nature and new beginnings.
Happy Holi Wishing Card with Quotes free Script
Here we are providing the source code for a Happy Holi wishing Script with a quote card
<head>
<div id='card' class='friend-card'>
<div class='wrapper'>
<div class='first-page'>
<div class='content'>
<div><img src= https://i1.wp.com/lordimageswallpapers.com/wp-content/uploads/2017/06/krishna-images-7.jpg?resize=389%2C480 class='your-face' /></div>
Happy HOLI, <div class='name'>illusio</div>
</div>
<div class='backface'>
</div>
</div>
<div class='second-page'>
<div class='content'>
<div class='sal'></div>
<div class='message'>
Happy HOLI<br />
I have known you for 12 months almost and it feels like life is really colourful.and these colours are dull sometimes as sadness and sometimes brighter as happiness.Hope your life be colourful like rainbow.Wishing You A Very HAPPY HOLI!!<br/>
<p> <q>"USE COLOURS OF YOUR LIFE TO FILLUP THOSE DARKENED CIRCLES"</q></p>
<p>Try to understand quote meaning ;)</p>
</div>
<div class='closing'>- Illusio Official</div>
</div>
</div>
</div>
</div>
</head>
<script>document
.getElementById('card')
.addEventListener('click',
function() {
this
.classList
.toggle('friend-card__open');
}
);
</script>
<style>
$font: "Roboto Condensed", "sans-serif";
$font_alt: "Dancing Script", "sans-serif";
$root_font_size: 16px;
$card_width: 380px;
$card_height: 530px;
$primaryColor: #566270;
$secondaryColor: #A593E0;
$subColor: #908090;
$lightColor: #ffffff;
:root {
font-size:$root_font_size;
}
html, body {
margin:0;
padding:0;
background-color: $primaryColor;
}
* {
box-sizing: border-box;
color: $subColor;
font-family: $font;
}
*:after, *:before {
content: " ";
}
.friend-card {
max-width: $card_width;
max-height: $card_height;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
box-shadow: 0 0 50px 5px rgba(0,0,0,.3);
perspective: 2000px;
.first-page, .second-page {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.second-page {
z-index: 3;
border-left: 1px solid #ddd;
background: {
color: $lightColor;
image: url(https://www.transparenttextures.com/patterns/asfalt-dark.png);
repeat: repeat;
position: center;
}
text-align: left;
overflow: hidden;
* {
font-family: $font_alt;
}
.content {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
padding: 10px 1.6em;
}
.sal {
font-size: 1.5em;
font-weight: bold;
padding-bottom: 5px;
}
.message {
font-size: 1.3em;
}
.closing {
font-size: 0.8em;
margin-top: 15px;
width: 100%;
text-align: right;
}
}
.first-page {
z-index: 5;
background: {
color: $secondaryColor;
image: url(https://www.transparenttextures.com/patterns/checkered-light-emboss.png);
repeat: repeat;
position: center;
}
backface-visibility: hidden;
transform-style: preserve-3d;
transition: all .5s ease-in-out;
transform-origin: 0% 0%;
transform: rotateY(-20deg);
.content {
position: absolute;
top: 50%;
left: 50%;
z-index: 7;
transform: translate(-50%, -50%) scale(1.1);
font-size: 1em;
font-weight: bold;
margin-top: -30px;
color: lighten($subColor, 40%);
max-width: 100%;
.your-face {
width: 100px;
height: 100px;
margin: 10px;
border-radius: 50%;
border: 7px solid rgba(255,255,255,0.5);
box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
}
.name {
text-align: right;
font-size: 2em;
font-family: $font_alt;
color: #fff;
}
}
.backface {
right: 0px;
bottom: 0px;
position: absolute;
top: 0px;
left: 0px;
margin: auto;
z-index: 6;
background: {
color: $lightColor;
image: url(https://www.transparenttextures.com/patterns/asfalt-dark.png);
repeat: repeat;
position: center;
}
transform: rotateY(-180deg);
}
}
&__open {
.first-page {
transform: rotateY(-140deg);
}
}
}
.midfinger {
$wid: 50px;
$hei: 170px;
position: absolute;
left: 50%;
top: 50%;
width: $wid*5;
height: $hei*2;
transform: translate(-50%, -50%) scale(0.3);
.finger {
position: absolute;
background-color: $subColor;
top: 0;
left: 0;
}
.finger {
width: $wid;
height: $hei;
top: $hei;
@for $i from 1 through 4 {
&:nth-child(#{$i}) {
left: ($i - 1) * $wid + $hei*0.4;
}
}
&:nth-child(2) {
height: $hei * 1.7;
top: $hei*0.3;
}
&:nth-child(3),
&:nth-child(2) {
border-radius: $wid/2 $wid/2 0 0;
}
&:nth-child(1) {
border-radius: $wid/2 $wid/2 0 $wid/2;
}
&:nth-child(4) {
border-radius: $wid/2 $wid/2 $wid 0;
}
&:nth-child(5) {
height: $hei - 40px;
border-radius: $wid/2;
transform-origin: 50% 100%;
transform: rotate(-30deg);
top: $hei + 30px;
left: $hei*0.4;
}
}
}
</style>Celebrations of Holi
The celebrations of Holi vary from region to region and community to community. The most popular way of celebrating Holi is by playing with colours, water, and sweets. People smear each other with coloured powders, throw water balloons, and spray-coloured water. Holi is also a time to indulge in traditional sweets like gujiyas, mathris, and thandai. In some parts of the country, Holi is celebrated with folk music and dance performances.
Conclusion
In conclusion, Holi is a colourful and joyous festival that brings people together and celebrates love, unity, and forgiveness. With our comprehensive article, we aim to provide readers with a rich and detailed understanding of the festival’s history, significance, and celebrations
What is Holi, and why is it celebrated?
Holi is a festival of love, unity, and forgiveness celebrated in India and other countries worldwide. It marks the victory of good over evil and the arrival of spring.
What is the history of Holi?
Holi’s history dates back to Hindu mythology, where it is believed to have originated from the Holika and Prahlad fable. It is one of the oldest festivals celebrated in India.
What is the significance of Holi in Indian culture?
Holi is an essential festival in Indian culture and tradition, as it symbolizes the unity and forgiveness of people. It also marks the end of winter and the arrival of spring, a time of new beginnings.
How is Holi celebrated?
Holi celebrations vary from region to region and community to community. The most popular way of celebrating Holi is by playing with colours, water, and sweets. People smear each other with coloured powders, throw water balloons, and spray-coloured water. Traditional sweets like gujiyas, mathris, and thandai are also enjoyed during Holi.
What is the aim of the article on Holi wishes 2023?
The comprehensive article on Holi wishes 2023 aims to provide readers with a rich and detailed understanding of Holi’s history, significance, and celebrations. It is designed to help readers outrank other websites on Google and provide valuable insights into this beautiful festival.
