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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Quicksand:wght@300;400&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
<body>
<a class="profile_link" href="https://www.sololearn.com/Profile/20617819/?ref=app">🍖Halloween party🍖 </br>Copyright©-Darpan kesharwani </a>
<!--
❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃
Created by Darpan
❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃❁❃
inspired from:dribbble.com/shots/3915102-Sweet-Halloween
-->
<main>
<div class="p_pot"></div>
<div class="p_pot-cap"></div>
<div class="p_pot-circle"></div>
<div class="p_pot-frontshape"></div>
<div class="p_pot-stand"></div>
<div class="p_pot_flame1"></div>
<div class="p_pot_flame2"></div>
<div class="p_pot_flame3"></div>
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
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Chelsea+Market&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
html,
body {
overflow: hidden;
}
body {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
height: 100vh;
background-color:#001b30;
/* background-image: linear-gradient(
to top,#660033 40%, #660022 0% );
background-image: linear-gradient(
to bottom ,#001b40 62%,#384264 0%);*/
}
main {
transform: scale(0.03);
padding-left: 1905px;
padding-top: 2500px;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run