html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
</head>
<body>
<div id = "id1"><h1>About Me</h1>
<img src="https://api.sololearn.com/Uploads/Avatars/3401170.jpg">
<p>Name : Ekansh kashyap</p>
<p>Gender : Male</p>
<p>Age : 13</p>
<p>Ambition : Cosmologist / Web devloper</p>
<p>Country : <span>India</span></p>
<p>Favourite Subject : Science / Mathematics / Computor Science</p>
<p>Joined Sololearn Since : December</p>
</div>
</body>
</html>
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
body {
background-image:url("https://i.ytimg.com/vi/4_aOIA-vyBo/maxresdefault.jpg"); background-attachment:fixed ; font-family:'sofia',cursive; text-align:center ;
}
h1 {
text-shadow: 1px 1px 0px powderblue, 0 0 5px #0000FF; color:skyblue; text-decoration:underline ;
}
img {
border-radius:100%;
border:3px solid white;
animation : spin 5s linear infinite;
}
@keyframes spin { 100% { transform : rotate(360deg); } }
span {
font-size:inherit ;
display: inline-block;
animation: 2s anim infinite alternate
}
@keyframes anim {
0% { color: red;}
50%{ color: white; }
100%{ color: green;}
}
Enter to Rename, Shift+Enter to Preview
js
js
1
alert ("If I am missing something about myself then please let me know in comments.")
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run