-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmobile.html
More file actions
36 lines (34 loc) · 9.58 KB
/
Copy pathmobile.html
File metadata and controls
36 lines (34 loc) · 9.58 KB
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
<title>DOORS XP WEB VERSION by 1121Kbps</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="DOORS XP WEB VERSION" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://layout.bskp.fbp.my.id/" />
<meta property="og:image" content="https://layout.bskp.fbp.my.id/doors.png" />
<meta property="og:description" content="Doors XP web version based on TailwindCSS, with modern UI Interface" />
<meta name="theme-color" content="#FF0000">
<meta name="twitter:card" content="summary_large_image">
<link href="minify-tailwind-mobile.css" rel="stylesheet" type="text/css" />
<script>
function done() {
alert("Terima Kasih telah memainkan DOORS XP WEB VERSION by 1121Kbps. DOORS XP merupakan milik Akhir Pekan Studio");
}
function cash() {
window.location.href = "https://www.youtube.com/watch?v=NTtczu6oJQM"
}
</script>
<!---BACKGROUND--->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
<div class="bg-cover bg-center image-full w-screen h-[700px]" style="background-image: url('https://www.hdwallpapers.in/download/windows_xp_bliss-wide.jpg')">
<button class="btn btn-ghost card bg-slate-100 ml-3 my-3 h-24 w-24 -mb-16 text-black" onclick="my_modal_1.showModal()" style="position:absolute;z-index:100%"><h1 class="text-6xl -mt-4"><i class="bi bi-ticket-perforated"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">GANTI FILM</h1></button><dialog id="my_modal_1" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[640px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">GANTI FILM</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/changemovie" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-3 h-24 w-24 my-32 text-black" onclick="my_modal_2.showModal()" style="position:absolute;z-index:100%"><h1 class="text-5xl -mt-4"><i class="bi bi-hexagon"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">STUDIO</h1></button><dialog id="my_modal_2" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">STUDIO</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/areastudio" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-3 h-24 w-24 text-black" onclick="my_modal_3.showModal()" style="position:absolute;z-index:100%;margin-top:16rem;margin-right:-1rem"><h1 class="text-6xl -mt-6"><i class="bi bi-hdd-stack"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">MESIN</h1></button><dialog id="my_modal_3" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">MESIN</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/machine" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-3 h-24 w-24 text-black" onclick="my_modal_4.showModal()" style="position:absolute;z-index:100%;margin-top:24rem;margin-right:-1rem"><h1 class="text-6xl -mt-4"><i class="bi bi-person-gear"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">STAF</h1></button><dialog id="my_modal_4" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">STAF</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://example.com" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-36 h-24 w-24 my-32 text-black" onclick="my_modal_5.showModal()" style="position:absolute;z-index:100%"><h1 class="text-5xl -mt-3"><i class="bi bi-tools"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">PERALATAN</h1></button><dialog id="my_modal_5" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">PERALATAN</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/tools" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-36 my-3 h-24 w-24 -mb-16 text-black" onclick="my_modal_6.showModal()" style="position:absolute;z-index:100%"><h1 class="text-5xl -mt-3"><i class="bi bi-newspaper"></i></h1><h1 class="flex justify-center mt-16" style="position:absolute;z-index:100%">BERITA</h1></button><dialog id="my_modal_6" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">BERITA</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/news" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-36 h-24 w-24 text-black" onclick="my_modal_7.showModal()" style="position:absolute;z-index:100%;margin-top:16rem"><h1 class="text-5xl -mt-6"><i class="bi bi-building-gear"></i></h1><h1 class="flex justify-center mt-16 text-xs" style="position:absolute;z-index:100%">AREA BIOSKOP</h1></button><dialog id="my_modal_7" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">AREA BIOSKOP</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/cinemaarea" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog><button class="btn btn-ghost bg-slate-100 ml-36 h-24 w-24 text-black" onclick="my_modal_8.showModal()" style="position:absolute;z-index:100%;margin-top:24rem"><h1 class="text-5xl -mt-6"><i class="bi bi-stars"></i></h1><h1 class="flex justify-center mt-16 text-xs" style="position:absolute;z-index:100%">RATING</h1></button><dialog id="my_modal_8" class="rounded-lg"><div class="modal-action -mt-1"><form method="dialog"><button class="btn">❌</button></form><div class="mockup-browser bg-base-300 h-[680px] w-auto"><div class="mockup-browser-toolbar"><div class="input text-center">RATING</div></div><div class="flex justify-center px-4 py-16 bg-base-200"><iframe src="https://layout.bskp.fbp.my.id/rating" class="h-screen" style="width:96vw;margin-top:-4rem;margin-left:-2rem;margin-right:-1rem"></iframe></div></div></div></dialog>
<!--SHUTDOWN BUTTON-->
<div class="btn btn-ghost bg-slate-100 my-3 h-24 w-24 sm:ml-[540px] lg:ml-[1245px] ml-[309px]" style="position: absolute; z-index: 100%;" onclick="done()">
<h1 class="text-xs text-black mt-7"><h1 class="text-black text-6xl -mt-8"><i class="bi bi-exclamation-triangle"></h1></i><h1 class="text-black -mt-3">SHUTDOWN</h1>
</div></a>
<div class="btn btn-ghost bg-slate-100 my-96 h-24 w-24 sm:ml-[540px] lg:ml-[1245px] ml-[309px]" style="position: absolute; z-index: 100%;" onclick="cash()">
<h1 class="text-xs text-black mt-7"><h1 class="text-black text-6xl -mt-8"><i class="bi bi-cash"></i><h1 class="text-black -mt-3">CASIYES</h1>
</div></a>
<div class="bg-blue-400 absolute inset-x-0 bottom-0 h-10 w-[394px]">
<a class="btn btn-ghost text-white mx-32 -mt-2 h-10 text-xs w-72 " style="position: absolute; z-index: 100%;" href="https://github.com/Webdev1121/bskp-layout" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 16 16" class="-mb-1">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"/></svg>Doors XP remaked by 1121Kbps</a>
<a href="/"><div class="tooltip" data-tip="LAYOUT DOORS XP v1.5"><div class="btn btn-ghost"><h1 class="ml-6 -mt-1 font-black text-white">START</h1><img class="-mt-5 -ml-2 w-7 h-7" src="https://layout.bskp.fbp.my.id/doors.png" /></a></div>
<!--ALL DONE! HOREEEEEEEE-->