-
Notifications
You must be signed in to change notification settings - Fork 0
/
loading-screen.html
47 lines (35 loc) · 9.09 KB
/
loading-screen.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<title>Hello, world!</title>
</head>
<body>
<div id="loading" class="container d-flex justify-content-center">
<div class="m-auto" role="status">
<span><img src="asset/photo/logo/Nomyly Logo Animated.gif" alt="" style="width: 200px; height: 200px;"></span>
</div>
</div>
<!-- <div id="loading" class="bg-primary">
<h3>load</h3>
</div> -->
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit dolores eligendi quis quae ex dolorum corporis nam consequatur mollitia omnis nisi molestiae provident officiis voluptatem, maxime eum quisquam! Ipsa cupiditate reprehenderit saepe quo, sapiente, dicta esse inventore recusandae qui animi quas, repellendus cum quod veniam quaerat? Labore unde at cupiditate laudantium nobis eligendi nisi quas sint aspernatur enim repellendus ab, nesciunt fugit quasi hic! Cumque amet, dolorum exercitationem velit incidunt ullam nemo. Aliquam eum officiis, itaque corrupti debitis vel ex labore nisi in sapiente. Temporibus cum illum, sapiente iste, tempore inventore doloribus accusamus explicabo natus aspernatur omnis, at voluptatibus pariatur quam ea repudiandae maiores dicta! Minima exercitationem accusamus voluptatum libero in quibusdam odit impedit, excepturi qui? Eius praesentium debitis possimus aspernatur minus, quod similique voluptatibus voluptas eum commodi libero nobis quae, incidunt, aliquid ipsum ex officiis veritatis quia voluptatem? Illum cum ea voluptatem quibusdam, deserunt repudiandae sed delectus reprehenderit obcaecati deleniti quae dolor unde! Fuga, dolor. Vitae nesciunt ratione ad molestiae amet consequatur incidunt iure illum perspiciatis optio tempora saepe, natus corrupti assumenda facere atque, sapiente vel illo culpa odit soluta laborum? Blanditiis fugit fugiat, vitae animi reprehenderit facere eum consectetur iure. Unde officiis quo voluptatum molestiae, consequatur omnis. Consequuntur, harum, nesciunt itaque optio autem in reprehenderit reiciendis architecto nostrum expedita quos labore deserunt iste. Facere corporis laborum voluptatem recusandae consequuntur eum officia similique, hic esse accusantium sint saepe. Ea magni ipsa amet incidunt! Placeat illum aperiam explicabo eos officiis. Autem enim, eligendi, officiis magni quia officia architecto libero maiores dolor ex maxime exercitationem minima perferendis provident nulla laborum omnis reiciendis quidem. At molestiae quia corrupti non, cupiditate est in veritatis voluptates odit maiores obcaecati omnis facilis corporis eum dicta aperiam quo porro natus sunt rem? Rem illum amet id adipisci quos facilis atque? Ipsum laboriosam accusantium ratione tempora consequatur illum earum perferendis temporibus, incidunt saepe omnis blanditiis architecto accusamus vitae natus placeat modi iste. Exercitationem omnis est amet temporibus adipisci cum aliquid iste totam in fugiat dolorum explicabo labore, illum nobis maiores ratione quidem eius ducimus commodi modi excepturi? Dolor id molestiae odio eaque quidem fugiat vero ullam fuga minus unde doloribus, reprehenderit, maiores exercitationem eos adipisci sunt nihil quo possimus iure dolorem similique perferendis. Ipsam corrupti pariatur inventore ullam excepturi voluptatem ipsum cumque vel amet, consectetur aspernatur, sint labore mollitia? Dignissimos maiores minus hic odio aperiam beatae pariatur architecto reprehenderit tempora officia! Consequatur velit vel quas libero culpa animi sequi, architecto natus perspiciatis deleniti at suscipit odio eos quia impedit sint tenetur doloribus sit eaque ex quaerat! Neque eligendi voluptatem nobis iste reiciendis, repellat blanditiis? Sint impedit fugit consequatur dicta cumque ullam assumenda? Doloribus inventore, tempora vitae reprehenderit, ullam aliquam nobis soluta saepe eligendi distinctio quibusdam. Commodi culpa distinctio voluptatum mollitia ullam ipsum aperiam et eligendi recusandae illum tempore reiciendis, minima itaque voluptatibus fugit veritatis, velit atque? Ducimus saepe asperiores culpa beatae mollitia. Quod distinctio libero recusandae amet vitae earum, laborum maxime porro pariatur ipsa ut? Quam corporis expedita animi voluptate excepturi rem et odio a commodi labore iure omnis quaerat necessitatibus itaque accusamus, autem perferendis ipsam pariatur voluptatem veniam? Est laboriosam aliquid sint expedita esse sed temporibus eius necessitatibus dolorem placeat id recusandae, quidem distinctio, minima voluptatum molestias ut magnam inventore a? Exercitationem et unde corporis obcaecati quibusdam vel voluptatem aliquid nobis aut qui alias cum quasi, optio ex, quidem ducimus. Officiis aliquid nemo perspiciatis, dignissimos, amet maiores ipsa doloribus enim quas aliquam nesciunt cupiditate similique pariatur incidunt consequatur nam, sapiente dolorem excepturi earum dolorum architecto explicabo provident esse molestias? Tenetur, quibusdam impedit accusantium vitae ut soluta! Nostrum, autem repudiandae. Ex molestiae beatae incidunt officiis atque placeat neque voluptatibus nihil natus impedit id similique tenetur, aperiam nemo assumenda aspernatur alias at repudiandae enim quia laboriosam non accusantium velit quidem. Accusantium, minima temporibus. Odit, ducimus! Architecto aut blanditiis ducimus sapiente, illum voluptatibus reiciendis labore, qui facilis facere dolores illo nobis, voluptates eligendi dolorum excepturi cum commodi officia ab temporibus eveniet consectetur optio modi. Ratione impedit dignissimos et magnam doloremque nisi veritatis illum blanditiis cum? Laudantium consequatur pariatur minus accusamus quae ab laborum architecto earum illo. Iste possimus deserunt at numquam, enim dolore necessitatibus mollitia vitae sequi commodi perferendis nam quia quisquam consectetur excepturi saepe? Tempora ipsam corporis, quidem, fuga quasi eveniet magni ullam asperiores assumenda atque rem hic tempore inventore ea dolorem corrupti. Est qui aspernatur sunt velit rerum. Sit repellendus excepturi praesentium saepe amet veniam dolores? Laborum nostrum eligendi, voluptas doloremque rem alias praesentium tempora iste. Cupiditate minima aut ab sapiente nesciunt porro rem, iusto perferendis unde! Deleniti laudantium eos asperiores iusto non nostrum provident recusandae repellendus illum, ullam aliquid quaerat obcaecati praesentium consectetur quibusdam labore et! Quibusdam nihil fugit voluptatibus est, sequi, labore explicabo vero cumque fuga illo alias velit excepturi blanditiis repellat vel aspernatur, sapiente quidem dolorum vitae voluptatum! Nostrum dolore praesentium vitae magni necessitatibus! Aspernatur mollitia aliquid in. Vitae, officia. Voluptatum a corrupti vero sapiente, earum placeat ullam repudiandae accusamus vel animi eveniet commodi deleniti officia, necessitatibus beatae omnis? Nihil inventore sunt maiores, deserunt fugit officia rerum sequi non voluptate dolorem molestiae nostrum suscipit quod numquam accusantium laborum cumque facere mollitia. Nisi ratione commodi culpa sequi eius libero optio. Sit iusto non ab sint, fugit esse totam assumenda pariatur unde fuga? Fuga eveniet excepturi expedita nihil ipsam delectus nobis qui. Voluptas dolorum, maiores sit quibusdam maxime tenetur placeat sapiente! Quod iusto quo doloremque nemo quae nostrum, repellat possimus libero tempore sapiente qui omnis adipisci quia quos, mollitia ipsam. Adipisci dolores cupiditate vitae nemo consectetur? Harum cupiditate asperiores iusto laborum ad beatae. Non deserunt ullam delectus amet neque, velit reiciendis fugiat nostrum facere enim atque repudiandae rerum ea sint tenetur aspernatur dolorum itaque modi corrupti illo libero veniam illum. Nulla, similique. Placeat et quam alias ratione, quod quidem, dolores ea tempore aliquid fugiat ipsum. Ducimus veritatis natus doloremque placeat repellat, aut ratione ipsum soluta maxime tempore animi, voluptatibus ullam facilis rerum optio blanditiis eum inventore atque. Molestiae aliquam numquam eligendi sit, accusamus fuga sapiente rem cupiditate distinctio atque quidem? At consectetur quidem quo eos sequi!</p>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script>
var loading = document.getElementById('loading');
document.addEventListener('DOMContentLoaded', (e)=>{
setTimeout(()=>{
loading.classList.add('display-none');
// } 2000); error
)};
</script>
</body>
</html>