API tools faq
paste
faiz14

landing_page

faiz14
Apr 4th, 2018
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.43 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.     <title>Belajar Javascript</title>
  4.     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  5.     <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
  6.     <!-- <link rel="stylesheet" href="material.min.css"> -->
  7.     <style>
  8.     .container {
  9.         width: 1263px;
  10.         left: 0px;
  11.         position: absolute;
  12.         box-sizing: border-box;
  13.         z-index: 9;
  14.         height: 750px;
  15.         top: 0px;
  16.         background: rgb(255, 255, 255) url("https://dd7tel2830j4w.cloudfront.net/f1513899482586x313657963648438460/devices3.svg") no-repeat scroll center center / cover;
  17.         border-radius: 0px;
  18.     }
  19.     img {
  20.         width: 40px;
  21.         height: 40px;
  22.     }
  23.     </style>
  24. </head>
  25. <body>
  26.  
  27.     <div class="container mdl-layout mdl-js-layout">
  28.     <header class="mdl-layout__header" style="width: 1263px;height: 4653px; min-height: 100%; margin-right: auto; margin-left: auto; position: absolute; z-index: 1; top: 0px; overflow: hidden; background: transparent none repeat scroll 0% 0%; box-sizing: border-box;">
  29.         <div class="mdl-layout__header-row">
  30.             <span class="mdl-layout-title"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5a/No-Game-No-Life-anime-logo.svg/500px-No-Game-No-Life-anime-logo.svg.png" alt="NGNL"> No Prayer <br />No Life</span>
  31.             <div class="mdl-layout-spacer"></div>
  32.             <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floting-label mdl-textfield--align-right">
  33.                 <label for="waterfall-exp" class="mdl-button mdl-js-button mdl-button--icon">
  34.                     <i class="material-icons">search</i>
  35.                 </label>
  36.                 <div class="mdl-textfield__expandable-holder">
  37.                     <input type="text" name="sample" id="waterfall-exp" class="mdl-textfield__input">
  38.                 </div>
  39.             </div>
  40.         </div>
  41.     </header>
  42. </div>
  43.  
  44. <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  45. <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
  46. <!-- width: 1263px;
  47. left: 0px;
  48. position: absolute;
  49. box-sizing: border-box;
  50. z-index: 9;
  51. height: 750px;
  52. top: 0px;
  53. background: rgb(255, 255, 255) url("https://dd7tel2830j4w.cloudfront.net/f1513899482586x313657963648438460/devices3.svg") no-repeat scroll center center / cover;
  54. border-radius: 0px; -->
  55. </body>
  56. </html>
Advertisement
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!