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 lang="en">
<head>
<title>Get to know me ( modal 2 )</title>
<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Service", "name": "BroFarOps Creations LLC", "description": "Professional Web Designing by BroFarOps", "openingHours": "Mo,Tu,We,Th,Fr,Sa,Su 7:30-5:00", "telephone": "+19130000000", "menu":http://digitalprworld.com" } </script>
<link type="text/css" rel="stylesheet" href="style.css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
<script src="main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".btn1").click(function(){
$("section").fadeOut();
});
$(".btn2").click(function(){
$("section").fadeIn();
});
});
</script>
<style>
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 {
margin: 0px;
padding: 0px;
background-size: 1105px 1510px; background-image:url("http://www.sololearn.com/uploads/better-code.jpg");
background-repeat: no-repeat;
}
ul {
margin: 0px;
padding: 0px;
list-style: none;
}
ul li {
float: left;
width: calc(100% / 5); /* works if you have 3 */
height: 40px;
background-color: #222;
line-height: 40px;
text-align: center;
}
ul li a {
text-decoration: none;
color: white;
display: block;
border: 2px solid transparent;
}
ul li a:hover {
background-color: #333;
Enter to Rename, Shift+Enter to Preview
js
js
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
/*
here is a list of levels:
Level 1 - 0 XP
Level 2 - 50 XP
Level 3 - 150 XP
Level 4 - 300 XP
<-----Bronze----->
Level 5 - 500 XP
Level 6 - 1000 XP
<-----Silver----->
Level 7 - 2000 XP
Level 8 - 3000 XP
Level 9 - 4000 XP
<-----Gold----->
Level 10 - 5000 XP
Level 11 - 6500 XP
Level 12 - 8000 XP
Level 13 - 10000 XP
Level 14 - 13000 XP
Level 15 - 15000 XP
<-----Platinum----->
Level 16 - 20000 XP
Level 17 - 100000 XP
Level 18 - 500000 XP
Level 19 - 750000 XP
Level 20 - 1000000 XP
Level 21 - 1500000 XP
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run