SHARE
TWEET

Untitled

a guest Mar 20th, 2019 81 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Button trigger modal -->
  2.  
  3. <div class="container">
  4.    
  5.     <br>
  6.     <center>
  7.    
  8.   <button class="btn btn-primary btn-lg" href="#signup" data-toggle="modal" data-target=".log-sign">Sign In/Register</button>
  9.   </center>
  10.   <br>
  11.    
  12.  
  13.   </div>
  14.  
  15. <!-- Modal -->
  16. <div class="modal fade bs-modal-sm log-sign" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  17.   <div class="modal-dialog modal-sm">
  18.     <div class="modal-content">
  19.        
  20.         <div class="bs-example bs-example-tabs">
  21.             <ul id="myTab" class="nav nav-tabs">
  22.               <li id="tab1" class=" active tab-style login-shadow "><a href="#signin" data-toggle="tab">Log In</a></li>
  23.               <li id="tab2" class=" tab-style "><a href="#signup" data-toggle="tab">Sign Up</a></li>
  24.              
  25.             </ul>
  26.         </div>
  27.       <div class="modal-body">
  28.         <div id="myTabContent" class="tab-content">
  29.        
  30.         <div class="tab-pane fade active in" id="signin">
  31.             <form class="form-horizontal">
  32.             <fieldset>
  33.             <!-- Sign In Form -->
  34.             <!-- Text input-->
  35.              
  36.                <div class="group">
  37. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  38.     <label class="label" for="date">Email address</label></div>
  39.              
  40.              
  41.             <!-- Password input-->
  42.             <div class="group">
  43. <input required="" class="input" type="password"><span class="highlight"></span><span class="bar"></span>
  44.     <label class="label" for="date">Password</label>
  45.     </div>
  46. <em>minimum 6 characters</em>
  47.  
  48.            <div class="forgot-link">
  49.             <a href="#forgot" data-toggle="modal" data-target="#forgot-password"> I forgot my password</a>
  50.             </div>
  51.            
  52.  
  53.             <!-- Button -->
  54.             <div class="control-group">
  55.               <label class="control-label" for="signin"></label>
  56.               <div class="controls">
  57.                 <button id="signin" name="signin" class="btn btn-primary btn-block">Log In</button>
  58.               </div>
  59.             </div>
  60.             </fieldset>
  61.             </form>
  62.         </div>
  63.          
  64.          
  65.         <div class="tab-pane fade" id="signup">
  66.             <form class="form-horizontal">
  67.             <fieldset>
  68.             <!-- Sign Up Form -->
  69.             <!-- Text input-->
  70.             <div class="group">
  71. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  72.     <label class="label" for="date">First Name</label></div>
  73.            
  74.             <!-- Text input-->
  75.             <div class="group">
  76. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  77.     <label class="label" for="date">Last Name</label></div>
  78.            
  79.             <!-- Password input-->
  80.             <div class="group">
  81. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  82.     <label class="label" for="date">Email</label></div>
  83.            
  84.             <!-- Text input-->
  85.             <div class="group">
  86. <input required="" class="input" type="password"><span class="highlight"></span><span class="bar"></span>
  87.     <label class="label" for="date">Password</label></div>
  88.               <em>1-8 Characters</em>
  89.            
  90.               <div class="group2">
  91. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  92.     <label class="label" for="date">Country</label></div>
  93.            
  94.            
  95.            
  96.             <!-- Button -->
  97.             <div class="control-group">
  98.               <label class="control-label" for="confirmsignup"></label>
  99.               <div class="controls">
  100.                 <button id="confirmsignup" name="confirmsignup" class="btn btn-primary btn-block">Sign Up</button>
  101.               </div>
  102.             </div>
  103.             </fieldset>
  104.             </form>
  105.       </div>
  106.     </div>
  107.       </div>
  108.       <!--<div class="modal-footer">
  109.       <center>
  110.         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  111.         </center>
  112.       </div>-->
  113.     </div>
  114.   </div>
  115. </div>
  116.  
  117.    
  118.  
  119. <!--modal2-->
  120.  
  121. <div class="modal fade bs-modal-sm" id="forgot-password" tabindex="0" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  122.   <div class="modal-dialog modal-sm">
  123.     <div class="modal-content">
  124.         <div class="modal-header">
  125.         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  126.         <h4 class="modal-title" id="myModalLabel">Password will be sent to your email</h4>
  127.       </div>
  128.       <div class="modal-body">
  129.         <form class="form-horizontal">
  130.         <fieldset>
  131.         <div class="group">
  132. <input required="" class="input" type="text"><span class="highlight"></span><span class="bar"></span>
  133.     <label class="label" for="date">Email address</label></div>
  134.        
  135.        
  136.         <div class="control-group">
  137.               <label class="control-label" for="forpassword"></label>
  138.               <div class="controls">
  139.                 <button id="forpasswodr" name="forpassword" class="btn btn-primary btn-block">Send</button>
  140.               </div>
  141.             </div>
  142.           </fieldset>
  143.             </form>
  144.          
  145.       </div>
  146.     </div>
  147.    
  148.   </div>
  149. </div>
RAW Paste Data
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
 
Top