html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--
Created by Aayush Hero ***
Happy Valentine Day 💝 to all SoloLerners
-->
<!DOCTYPE html>
<html>
<head>
<title>Happy Valentine Day</title>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<h1>Happy Valentine Day<br>To All The SoloLearners</h1>
<div class="bg-heart bg-beat">
<span id="f1">♥️</span>
<span id="f2">♥️</span>
<span id="f3">♥️</span>
<span id="f4">♥️</span>
<span id="f5">♥️</span>
<span id="f6">♥️</span>
<span id="f7">♥️</span>
<span id="f8">♥️</span>
<span id="f9">♥️</span>
<span id="f10">♥️</span>
<span id="f11">♥️</span>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/*Created By Aayush
Happy Valentine Day 💝 to all the programmers*/
@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Berkshire+Swash&family=Condiment&family=Frijole&family=Lakki+Reddy&family=Langar&family=Merienda+One&family=Lobster&family=Sofia&family=Sriracha&display=swap');
body {
width:100%;
max-width:100vw;
background-color: #ffcccc;
background-image:linear-gradient(to bottom, #fcc, #f88);
background-repeat:no-repeat ;
background-attachment:fixed;
background-size:cover;;
}
h1 {
font-size: 30px;
text-align:center;
font-family: Berkshire Swash, cursive;
color: red;
font-weight:bolder;
text-shadow: 0 0 5px magenta;
animation: ts 1.5s infinite ease;
}
@keyframes ts {
0% {
text-shadow: 0 0 5px magenta;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// Created By Aayush
// Happy Valentine Day to all 💝
function playSong() {
var audio = document.getElementById("song");
audio.play();
}
var i=0,space;
space=" *May this day be your most Lovely day in your life 💖 And your life stay filled with love 💕 Keep Loving yourself 💗 and others by spreading love 💘💓; Love You All 💝:-)"
function ABOUT(){
/*if(space.chatAt(i) == "/") {
document.getElementById("space").innerHTML += "<br>";
} else if (space.chatAt(i) == "*") {
document.getElementById("space").innerHTML += "<b>";
} else if (space.chatAt(i) == "^") {
document.getElementById("space").innerHTML += "</b>";
}*/ if (space.charAt(i) == "*") {
document.getElementById("space").innerHTML = "";
}
document.getElementById("space").innerHTML+=space.charAt(i);
i++;
}
setInterval(ABOUT,150);
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run