This repository has been archived by the owner on Jul 2, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
anime.html
1 lines (1 loc) · 7.15 KB
/
anime.html
1
<!DOCTYPE html><html lang="en" data-bs-theme="dark"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Trailer Anime</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"><link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"><style>body{background-color:#f8f9fa;background-image:url(IMG/anime.jpg)}.navbar{margin-bottom:20px}.jumbotron{background-size:cover;color:#fff;padding:100px 20px;text-align:center}.jumbotron h1{text-align:center;background:linear-gradient(to right,#a5a329,#f5f5f5,#6200ff);-webkit-background-clip:text;background-clip:text;color:transparent}.container h2{color:#fff}.category-buttons{margin-bottom:20px}.category-buttons .btn{margin:5px}.gallery video .gallery iframe{width:100%;height:auto}.ratio.ratio-16x9.mb-5:hover{transform:scale(.96)}.footer{color:#f5f5f5;text-align:center;margin-bottom:20px}.footer a{color:#fff}.footer a:hover{text-decoration:none;color:#f8f9fa}</style></head><body><nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"><div class="container"><a class="navbar-brand fw-bolder" href="#"><i class="bi bi-globe2"></i><strong>W B G L</strong></a><button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav ms-auto"><li class="nav-item"><a class="nav-link" href="home.html"><i class="bi bi-house"></i>Home</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-calculator-fill"></i>Calculator</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="winrate1.html"><i class="bi bi-calculator"></i>Winrate</a></li><li><a class="dropdown-item" href="cvarte.html"><i class="bi bi-calculator"></i>Crit Value</a></li><li><a class="dropdown-item" href="damage.html"><i class="bi bi-calculator"></i>Damage</a></li><li><a class="dropdown-item" href="kda.html"><i class="bi bi-calculator"></i>Rasio KDA</a></li></ul></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-book"></i>Pedia</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="animepedia.html"><i class="bi bi-brilliance"></i>AnimePedia</a></li><li><a class="dropdown-item" href="gamepedia.html"><i class="bi bi-controller"></i>GamePedia</a></li></ul></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="bi bi-play"></i>Trailer Video</a><ul class="dropdown-menu"><li><a class="dropdown-item" href="anime.html"><i class="bi bi-play-btn"></i>Anime</a></li><li><a class="dropdown-item" href="game.html"><i class="bi bi-play-btn"></i>Game</a></li></ul></li><li class="nav-item"><a class="nav-link" href="contact.html"><i class="bi bi-person-lines-fill"></i>Contact Us</a></li><li class="nav-item"><a class="nav-link text-danger" href="index.html"><i class="bi bi-box-arrow-right text-danger"></i><strong>Log Out</strong></a></li></ul></div></div></nav><div class="jumbotron"><div class="container"><h1 class="display-4 fw-bold" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="500">Trailer Anime</h1><div class="p-4"></div><div class="category-buttons text-center"><button class="btn btn-info m-2 fw-bolder" data-aos="zoom-out" data-aos-easing="linear" data-aos-duration="500"><i class="bi bi-brilliance"></i>Anime</button><a class="btn btn-outline-info m-2 fw-bolder" href="game.html" role="button" data-aos="zoom-out" data-aos-easing="linear" data-aos-duration="500"><i class="bi bi-controller"></i>Game</a></div></div></div><body><div class="container"><div class="row gallery p-5"><div class="ratio ratio-16x9 mb-5" data-aos="zoom-in" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/A5j-VDvk9oI?si=LEtmLu7hf-7-QQxx" title="BNHA" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/J4FuEizfkm8?si=c4fi_EsZWmcKgnb4" title="Tensura" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/YvGSK8mIlt8?si=mxLcxQSdrPeIzkXq" title="Solo Leaveling" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/B4V9fpe6qL0?si=KozYcnjjOa7aEkGo" title="Liella!" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/PraFso1sVIc?si=zCtD492D7B6g-Ejb" title="KNY" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/DwLu0ejiDaI?si=bESZpq7vM6Okd6v-" title="Overlord" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/H51vnZt1ctU?si=xgekWaj3Kr5nRcyH" title="Haikyu" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/p0scwyn9Ht8?si=50w9fDrP_YMiX4iy" title="Lycoris" allowfullscreen></iframe></div><div class="p-5"></div><div class="ratio ratio-16x9 mb-5" data-aos="zoom-out" data-aos-duration="500"><iframe src="https://www.youtube.com/embed/1bIunZ8oNjw?si=bmDOkbr4Nh4l7mH3" title="Hibike" allowfullscreen></iframe></div></div></div><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.3/js/bootstrap.bundle.min.js"></script><footer class="footer mt-auto"><div class="container"><p class="fw-bold">© 2024 Website W B G L - Dibuatoleh Kelompok 10</p><p class="fw-bold text-info">Follow us on :<a href="https://github.com/peenjeee" target="_blank" class="text-white"><i class="bi bi-github"></i></a></p></div></footer><script src="https://unpkg.com/aos@next/dist/aos.js"></script><script>AOS.init()</script><script>AOS.init(),AOS.init({disable:!1,startEvent:"DOMContentLoaded",initClassName:"aos-init",animatedClassName:"aos-animate",useClassNames:!1,disableMutationObserver:!1,debounceDelay:50,throttleDelay:99,offset:120,delay:0,duration:400,easing:"ease",once:!1,mirror:!1,anchorPlacement:"top-bottom"})</script></body></html>