API tools faq
paste
Advertisement
Guest User

Roleplay Central Home Template

a guest
Jul 20th, 2018
151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Roleplay Central | Home</title>
  5.     <meta charset="UTF-8">
  6.     <meta name="description" content="Fun roleplay website">
  7.     <meta name="keywords" content="Fun, Roleplay, roleplay, roleplay central, Roleplay Central, Website, google, blue, purple, cool">
  8.     <meta name="author" content="Johnitishka Johnny">
  9.     <meta http-equiv="refresh" content="600">
  10.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.     <link rel="stylesheet" href="mainStyle.css">
  12. </head>
  13. <body>
  14.     <h1 class="mainHeader">Roleplay Central</h1>
  15.    
  16.     <button class="login" onclick="document.getElementById('loginform').style.display='block'">Login</button>
  17.     <div id="loginform" class="model">
  18.         <span onclick="document.getElementById('loginform').style.display='none'" class="close" title="Close">&times;</span>
  19.         <form class="lform">
  20.             <h1 class="form-header">Login</h1>
  21.             <input type="text" placeholder="Username" name="username" class="forminput" required>
  22.             <input type="text" placeholder="Password" name="password" class="forminput" required>
  23.             <button type="submit" onclick="document.getElementById('signupform').style.display='none'" class="submit">Submit</button>
  24.         </form>
  25.     </div>
  26.     <script>
  27.         var lform = getElementById('signupform');
  28.         window.onclick = function(event) {
  29.             if (event.target == lform) {
  30.                 model.style.display = "none";
  31.             }
  32.         }
  33.     </script>
  34.    
  35.     <button class="signup" onclick="document.getElementById('signupform').style.display='block'">Sign Up</button>
  36.     <div id="signupform" class="model">
  37.         <span onclick="document.getElementById('signupform').style.display='none'" class="close" title="close">&times;</span>
  38.         <form class="sform">
  39.             <h1 class="form-header">Sign Up</h1>
  40.             <hr>
  41.             <!-- Name -->
  42.             <div class="tab">
  43.                 <h2 class="form-miniheader">Name</h2>
  44.                 <p><input type="text" placeholder="First Name" name="first name" class="forminput"></p>
  45.                 <p><input type="text" placeholder="Last Name" name="last name" class="forminput"></p>
  46.             </div>
  47.             <!-- Contact Info -->
  48.             <div class="tab">
  49.                 <h2 class="form-miniheader">Contact Info</h2>
  50.                 <p><input type="email" placeholder="Email" name="email" class="forminput"></p>
  51.                 <p><input type="tel" placeholder="Phone Number" name="phone" class="forminput"></p>
  52.             </div>
  53.             <!-- Personal Info -->
  54.             <div class="tab">
  55.                 <h2 class=form-miniheader>Personal Info</h2>
  56.                 <p><input type="text" placeholder="Address" name="address" class="forminput"></p>
  57.                 <p><input type="number" placeholder="Age" name="age" class="forminput" max="100" min="0"></p>
  58.                 <p><input type="date" placeholder="Birthday" name="birthday" class="forminput"></p>
  59.                 <p><input type="text" placeholder="Gender" name="gender" class="forminput"></p>
  60.                 <p><input type="text" placeholder="Social Security Number (111223333)" class="forminput"></p>
  61.             </div>
  62.             <!-- Credit Card -->
  63.             <div class="tab">
  64.                 <h2 class=form-miniheader>Credit Card</h2>
  65.                 <p><input type="text" placeholder="Name on Card" name="name" class="forminput"></p>
  66.                 <p><input type="number" placeholder="Card Number (1111222233334444)" name="cardNumber" class="forminput"></p>
  67.                 <p><input type="date" placeholder="Exp Day" name="expday" class="forminput"></p>
  68.                 <p><input type="num" placeholder="CVV" name="cvv" class="forminput"></p>
  69.             </div>
  70.             <!-- Login Info -->
  71.             <div class="tab">
  72.                 <h2 class=form-miniheader>Login Info</h2>
  73.                 <p><input type="text" placeholder="Username" name="user" class="forminput"></p>
  74.                 <p><input type="text" placeholder="Password" name="pass" class="forminput"></p>
  75.             </div>
  76.             <button type="submit" onclick="document.getElementById('loginform').style.display='none'" class="submit">Submit</button>
  77.         </form>
  78.     </div>
  79.    
  80.     <div class="navbar">
  81.         <a class="active" href="home.html">Home</a>
  82.         <a href="info.html">Info/ What We Offer</a>
  83.         <a href="regforms.html">Registration Forms</a>
  84.         <a href="member.html">Members</a>
  85.         <a href="stats.html">Stats</a>
  86.         <a href="contact.html">Contact</a>
  87.     </div>
  88. </body>
  89. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!