-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 2.09 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="../src/img/2x/baseline_movie_white_18dp.png"><link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet"><title>Movie App</title></head><body><nav class="navbar navbar-dark bg-dark"><a class="navbar-brand font-pacifico">Movie App</a></nav><div class="jumbotron jumbotron-fluid bg-dark"><br><br><div class="container"><h1 class="text-center text-light mb-5 font-ubuntu">Film apa nih yang ingin kamu kepoin?</h1><div class="input-group"><input class="form-control font-ubuntu" id="search-input" placeholder="Yuk, ketik disini judulnya..."><div class="input-group-append"><button class="btn btn-outline-light font-pacifico" type="button" id="search-button">Cari</button></div></div></div></div><div class="container d-flex justify-content-center"><div id="load" class="spinner-grow mt-3" style="width: 5rem; height: 5rem;" role="status"><span class="sr-only">Loading...</span></div></div><div style="display:none;" id="myDiv" class="animate-bottom"><h1 class="mb-3 text-center text-dark font-ubuntu" id="populer"></h1><br><div class="container font-ubuntu"><div class="row" id="movie-list"></div></div></div><div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog modal-lg"><div class="modal-content bg-light"><div class="modal-header"><h5 class="modal-title font-pacifico" id="exampleModalLabel">Detail Film</h5></div><div class="container d-flex justify-content-center mt-3 mb-3"><div id="modalLoad" class="spinner-grow" style="width: 5rem; height: 5rem;" role="status"><span class="sr-only">Loading...</span></div></div><div style="display: none;" id="idAnimated" class="animated"><div class="modal-body"></div></div><div class="modal-footer"><button type="button" class="btn btn-dark" data-dismiss="modal">Tutup</button></div></div></div></div><script src="bundel.js"></script></body></html>