Advertisement
Uhuuuyy

my-view2.html

Jan 19th, 2024
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Go 2.00 KB | Source Code | 0 0
  1. <!--
  2. @license
  3. Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
  4. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
  5. The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
  6. The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
  7. Code distributed by Google as part of the polymer project is also
  8. subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
  9. -->
  10.  
  11. <link rel="import" href="../bower_components/polymer/polymer-element.html">
  12. <link rel="import" href="shared-styles.html">
  13.  
  14. <dom-module id="my-view2">
  15.   <template>
  16.     <style include="shared-styles">
  17.       :host {
  18.         display: block;
  19.  
  20.         padding: 10px;
  21.       }
  22.       input[type=text], [type=email], [type=password], select, textarea {
  23.         width: 100%;
  24.         padding: 12px 20px;
  25.         margin: 8px 0;
  26.         display: inline-block;
  27.         border: 1px solid #ccc;
  28.         border-radius: 4px;
  29.         box-sizing: border-box;
  30.       }
  31.       input[type=submit]{
  32.         width: 100%;
  33.         background-color: #4CAF50;
  34.         color: white;
  35.         padding: 14px 20px;
  36.         margin: 8px 0;
  37.         border: none;
  38.         border-radius: 4px;
  39.         cursor: pointer;
  40.       }
  41.       input[type=submit]:hover{
  42.         background-color: #45a049;
  43.       }
  44.     </style>
  45.  
  46.     <div class="card">
  47.       <div class="circle">2</div>
  48.       <h1>Login</h1>
  49.       <form>
  50.         <label>Username</label>
  51.         <input type="text" name="username" placeholder="Username atau Email .."required>
  52.  
  53.         <label>Pasword</label>
  54.         <input type="text" name="password" placeholder="Password .."required>
  55.  
  56.         <input type="submit" value="Login">
  57.       </form>
  58.     </div>
  59.   </template>
  60.  
  61.   <script>
  62.     class MyView2 extends Polymer.Element {
  63.       static get is() { return 'my-view2'; }
  64.     }
  65.  
  66.     window.customElements.define(MyView2.is, MyView2);
  67.   </script>
  68. </dom-module>
  69.  
Tags: beg6
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement