API tools faq
paste
skylight_animation

Loading Page | HTML FRAME BOOTSTRAP

skylight_animation
Apr 3rd, 2020
14,070
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="description" content="make loading page with bootstrap and jquery">
  8.     <meta name="author" content="SkyLight_Animation">
  9.     <link rel="icon" href="https://i.pinimg.com/564x/ca/fd/38/cafd38660fe3e3d1331d556d8c66d9b1.jpg">
  10.  
  11.     <title>Loading Page | Bootstrap</title>
  12.     <link href="https://getbootstrap.com/docs/3.3/examples/cover/cover.css" rel="stylesheet">
  13.  
  14.     <!-- 1. bootstrap.css -->
  15.     <link rel="stylesheet" type="text/css" href="">
  16.     <style type="text/css">
  17.         /* 5. letakkan code css di sini */
  18.     </style>
  19.  
  20. </head>
  21. <body>
  22.     <!-- 4. letakkan code HTML untuk loader di sini -->
  23.  
  24.         <!-- content -->
  25.             <div class="site-wrapper">
  26.                 <div class="site-wrapper-inner">
  27.                     <div class="cover-container">
  28.                         <div class="masthead clearfix">
  29.                             <div class="inner">
  30.                                 <h3 class="masthead-brand">LangIT Tutorial</h3>
  31.                                 <ul class="nav masthead-nav">
  32.                                     <li class="active"><a href="#">Home</a></li>
  33.                                     <li><a href="#">Project</a></li>
  34.                                     <li><a href="#">Contact</a></li>
  35.                                 </ul>
  36.                             </div>
  37.                         </div>
  38.  
  39.                         <div class="inner cover">
  40.                             <h1 class="cover-heading">LangIT Tutorial</h1>
  41.                             <p class="lead"><code>https://LangITtutorial.blogspot.com</code></p>
  42.                             <p class="lead">
  43.                                 <a href="https://langITtutorial.blogspot.com" class="btn btn-lg btn-default">Visit</a>
  44.                             </p>
  45.                         </div>
  46.  
  47.                         <div class="mastfoot">
  48.                             <div class="inner">
  49.                                 <p>
  50.                                     <a href="#">Bootstrap Template</a> by <a href="https://twitter.com/mdo">@mdo</a><br>
  51.                                     content by <a href="https://SkyLightAnimation.github.io">SkyLight_Animation</a>.
  52.                                 </p>
  53.                             </div>
  54.                         </div>
  55.  
  56.                     </div>
  57.  
  58.                 </div>
  59.  
  60.             </div>
  61.         <!-- content -->
  62.  
  63.         <!-- 2. jquery.js -->
  64.         <script type="text/javascript" src=""></script>
  65.  
  66.         <!-- 3. bootstrap.js -->
  67.         <script type="text/javascript" src=""></script>
  68.  
  69.  
  70.         <script type="text/javascript">
  71.             // 6. letakkan code js di sini
  72.         </script>
  73.     </body>
  74. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!