-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (83 loc) · 2.51 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<style>
body {
background-color: #EBEBF3;
justify-content: center;
align-items: center;
}
main{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.card{
height: 400px;
width: 300px;
margin-top: 120px;
border-radius: 15px;
box-shadow: 10px 10px 25px grey;
}
.card-header{
height: 180px;
background-color:#002B5B;
}
.card-body{
color: black;
}
button{
margin-top: 65px;
margin-left: 80px;
}
p{
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
display: block;
}
.info{
margin-top: 50px;
margin-left: 50px;
display: flex;
}
.info:hover{
cursor: pointer;
text-decoration: underline;
color: grey;
}
</style>
<script>
function opentabs(){
for(i=1; i<=101; i++){
window.open("https://www.youtube.com/");
console.log("tabs initiated");
}
}
</script>
</head>
<body>
<p class="info"><span class="bi bi-info-circle-fill"> Press below button to open 101 Youtube Tabs.</span></p>
<main>
<section>
<div class="card">
<div class="card-header">
<button onclick="opentabs()" class="btn btn-danger"><span class="bi bi-youtube"></span> YouTube</button>
</div>
<div class="card-body">
<p>
Please note that this code may not work on some browsers due to pop-up blocking setting. You may need to adjust your browser preference to allow multiple tabs to open at once. Also opening 101 tabs at once may slow down your device or cause it to crash. Use this code at your own risk.😅
</p>
</div>
</div>
</section>
</main>
</body>
</html>