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
<!--
Resources from
https://www.arpatech.com/blog/top-15-web-development-frameworks/
https://gearheart.io/blog/top-10-web-development-frameworks-2019-2020/
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="marquee">
<p>😁 Follow to get new usefull updates ! 😁</p>
</div>
<button class="collapsible">Introduction</button>
<div class="content">
<p>Сhoosing the best web application framework is not an easy task. There are many of them on the market, and each of them has its peculiarities, strong and weak sides, as well as the best scopes of application. A correct choice of a framework can accelerate the processes, while a wrong decision can cost you extra time, and budget.</p>
</div>
<button class="collapsible collapsible1">Top 5 Frontend Web Development Frameworks</button>
<div class="content">
</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
/* Created by 🇦🇯 and designed by Varinder Singh*/
body {
font-family:Times New Roman;
font-size:15pt;
background-color:lightblue;
}
.marquee {
color: red;
padding: 1px;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
overflow:auto;
overflow-style:marquee,panner;
}
.marquee p {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.goog-logo-link {
display:none !important;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run