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>KL AppMart</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<div class='appInfo'>
<img src='https://i.ibb.co/MDJZFF4P/Picsart-25-03-03-11-17-30-307.png' alt='Folloverse2_logo' width='100px'><div class='mainDetails'><h3 class='text'>FOLLOVERSE 2: A Cool Social Media Simulator</h2><hr><span class='owner'>KnightLight.co</span></div>
</div><br />
<div class='specs'>
<span class='item'><i class='fa fa-calendar fa-lg'></i>Coming Soon</span>
<span class='item'><i class='fa fa-star fa-lg'></i>KL's Choice</span>
</div><br><br>
<div class='buttonArea'><button class='downloadBtn'>
<i class='fa fa-clock fa-lg'></i> Coming Soon
</button><span class='btnShadow'></span></div><br><br>
<h2>About this app   <i class='fa fa-arrow-right'></i></h2><hr><br><br>
<p><strong>FOLLOVERSE</strong> is a featured app by <span style='color:#00aaff'>KnightLight.co</span>. The version 1 of FOLLOVERSE have got 43 likes with more than 1.6K views and this is the next version.<p><br>
<h2>What's New?</h2>
<ul>
<li>Added some little animations.</li>
<li>Added more post.</li>
<li>Made menu buttons functioning</li>
</ul><br><br>
<h2>App Info <i class='fa fa-arrow-right'></i></h2>
<table cellspacing='10px'>
<tr>
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-color: #000022;
color: white;
user-select:none;
}
.appInfo{
display:flex;
}
.appInfo hr{
background-color: white;
margin-top:0px;
}
.appInfo img{
border:3px solid white;
border-radius:10px;
margin:10px;
}
.mainDetails {
line-height:20px;
}
.owner {
font-size:10px;
text-align:right;
margin-left:auto;
font-weight:bold;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run