API tools faq
paste
dwinget2008

index.html

dwinget2008
Apr 7th, 2015
348
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.96 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.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <title>NerdyGamer13</title>
  9.    
  10.     <link rel="shortcut icon" href="images/NerdyGamer Logo.ico" type="image/jpg"/>
  11.  
  12.     <!-- Bootstrap -->
  13.     <link href="css/bootstrap.css" rel="stylesheet">
  14.     <link href="css/NG13.css" rel="stylesheet">
  15.    
  16.    
  17.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  18.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  19.     <!--[if lt IE 9]>
  20.      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  21.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  22.    <![endif]-->
  23.   </head>
  24.   <body>
  25.     <div class="ng13-body">
  26.         <nav class="navbar navbar-inverse navbar-static-top">                  
  27.             <div class="navbar-header">
  28.                 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-navbar-collapse">
  29.                     <span class="sr-only">Toggle navigation</span>
  30.                     <span class="icon-bar"></span>
  31.                     <span class="icon-bar"></span>
  32.                     <span class="icon-bar"></span>
  33.                 </button>
  34.                 <a class="navbar-brand" href="#">NerdyGamer13</a>
  35.             </div>
  36.             <div id="navbar" class="collapse navbar-collapse bs-navbar-collapse">
  37.                 <form class="navbar-form navbar-right">
  38.                     <div class="form-group">
  39.                         <input type="text" placeholder="Username" class="form-control" id="username">
  40.                     </div>
  41.                     <div class="form-group">
  42.                         <input type="password" placeholder="Password" class="form-control" id="password">
  43.                     </div>
  44.                     <button type="submit" class="btn btn-success" onclick="validate()">Login</button>
  45.                 </form>
  46.             </div><!-- /.navbar-collapse -->                   
  47.         </nav>         
  48.         <div class="ng13-welcome">
  49.             <h1>Welcome to the Community</h1>
  50.             <div id="ng13-welcome">
  51.                 <img src="images/NerdyGamer Logo.jpg" width="100%" alt="NerdyGamer">
  52.             </div> 
  53.             <h1>Please Login</h1>  
  54.         </div>
  55.         <hr>
  56.         <footer>
  57.             <div class="ng13-footer">
  58.                 <p style="margin: 0;">© 2015 NerdyGamer13 </p>
  59.                 <a href="#register" data-toggle="modal" style="color: #00DE00">Register</a>
  60.             </div>
  61.         </footer>      
  62.     </div> 
  63.    
  64.     <div class = "modal fade" id="register" role="dialog">
  65.         <div class = "modal-dialog">
  66.             <div class = "modal-content" style="background: linear-gradient(blue, rgba(0, 3, 36, 0.68)); padding: 10px">
  67.                 <div class = "modal-header">
  68.                     <h1 style="text-align: center; color: #00DE00">Welcome to the community</h1>
  69.                 </div>
  70.                 <div class="modal-body">
  71.                     <form class="register" name="register">
  72.                         <div class="form-group col-md-6">
  73.                             <input type="text" placeholder="First Name" class="form-control" id="firstName">
  74.                         </div>
  75.                         <div class="form-group col-md-6">
  76.                             <input type="text" placeholder="Last Name" class="form-control" id="lastName">
  77.                         </div>
  78.                         <div class="form-group col-md-6">
  79.                             <input type="text" placeholder="Email Address" class="form-control" id="emailAddress">
  80.                         </div>
  81.                         <div class="form-group col-md-6">
  82.                             <input type="text" placeholder="Birth Day mm/dd/yyyy" class="form-control" id="birthday">
  83.                         </div>
  84.                     </form>                                        
  85.                 </div> 
  86.                 <div class="modal-footer">
  87.                     <a class="btn btn-primary" data-dismiss = "modal">Close</a>
  88.                     <a class="btn btn-success" data-dismiss = "modal">Register</a>                 
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </div>
  93.    
  94.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  95.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  96.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  97.     <script src="js/bootstrap.min.js"></script>
  98.     <script src="js/login.js"></script>
  99.  
  100.    
  101.   </body>
  102. </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!