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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<header>
<center>
<h1>valentine's day</h1>
<h2>lets find your love!</h2>
<br /><br />
<p class="p--1">access your <b>account</b></p>
<br /><br /><br /><br /><br />
<p class="p--2"> <b>username</b>: <input class="i--1" type="email" placeholder="username here.."/>
<br /><br />
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
body {
background: linear-gradient(-100deg, blueviolet, red);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.b--1 {
background-color: lightpink;
color: red;
border-radius: 15px;
width: 100px;
height: 30px;
font-size: 15px;
cursor: pointer;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function mal() {
alert('🫵🤣 jk you will never find your love!');
}
function no() {
alert('you need to be single')
}
function logar() {
document.getElementById("sim").innerHTML = "<b><p>this user don't have an account.</p></b>"
}
function yes() {
document.getElementById("yes").innerHTML = "<b><p>Perfect! Go create your account!</p></b>"
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run