API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 18th, 2018
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.55 KB | None | 0 0
raw download clone embed print report
  1. <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  2. <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  3. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <!------ Include the above in your HEAD tag ---------->
  5.  
  6. <head>
  7.   <title>Bootstrap Example</title>
  8.   <meta charset="utf-8">
  9.   <meta name="viewport" content="width=device-width, initial-scale=1">
  10.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  11.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  12.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  13. </head>
  14.  
  15.  
  16. <hr>
  17. <div class="container bootstrap snippet">
  18.     <div class="row">
  19.         <div class="col-sm-10"><h1>User name</h1></div>
  20.         <div class="col-sm-2"><a href="/users" class="pull-right"><img title="profile image" class="img-circle img-responsive" src="http://www.gravatar.com/avatar/28fd20ccec6865e2d5f0e1f4446eb7bf?s=100"></a></div>
  21.     </div>
  22.     <div class="row">
  23.         <div class="col-sm-3"><!--left col-->
  24.              
  25.  
  26.       <div class="text-center">
  27.         <img src="http://ssl.gstatic.com/accounts/ui/avatar_2x.png" class="avatar img-circle img-thumbnail" alt="avatar">
  28.         <h6>Upload a different photo...</h6>
  29.         <input type="file" class="text-center center-block file-upload">
  30.       </div></hr><br>
  31.  
  32.                
  33.           <div class="panel panel-default">
  34.             <div class="panel-heading">Website <i class="fa fa-link fa-1x"></i></div>
  35.             <div class="panel-body"><a href="http://bootnipets.com">bootnipets.com</a></div>
  36.           </div>
  37.          
  38.          
  39.           <ul class="list-group">
  40.             <li class="list-group-item text-muted">Activity <i class="fa fa-dashboard fa-1x"></i></li>
  41.             <li class="list-group-item text-right"><span class="pull-left"><strong>Shares</strong></span> 125</li>
  42.             <li class="list-group-item text-right"><span class="pull-left"><strong>Likes</strong></span> 13</li>
  43.             <li class="list-group-item text-right"><span class="pull-left"><strong>Posts</strong></span> 37</li>
  44.             <li class="list-group-item text-right"><span class="pull-left"><strong>Followers</strong></span> 78</li>
  45.           </ul>
  46.                
  47.           <div class="panel panel-default">
  48.             <div class="panel-heading">Social Media</div>
  49.             <div class="panel-body">
  50.                 <i class="fa fa-facebook fa-2x"></i> <i class="fa fa-github fa-2x"></i> <i class="fa fa-twitter fa-2x"></i> <i class="fa fa-pinterest fa-2x"></i> <i class="fa fa-google-plus fa-2x"></i>
  51.             </div>
  52.           </div>
  53.          
  54.         </div><!--/col-3-->
  55.         <div class="col-sm-9">
  56.             <ul class="nav nav-tabs">
  57.                 <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
  58.                 <li><a data-toggle="tab" href="#messages">Menu 1</a></li>
  59.                 <li><a data-toggle="tab" href="#settings">Menu 2</a></li>
  60.               </ul>
  61.  
  62.              
  63.           <div class="tab-content">
  64.             <div class="tab-pane active" id="home">
  65.                 <hr>
  66.                   <form class="form" action="##" method="post" id="registrationForm">
  67.                       <div class="form-group">
  68.                          
  69.                           <div class="col-xs-6">
  70.                               <label for="first_name"><h4>First name</h4></label>
  71.                               <input type="text" class="form-control" name="first_name" id="first_name" placeholder="first name" title="enter your first name if any.">
  72.                           </div>
  73.                       </div>
  74.                       <div class="form-group">
  75.                          
  76.                           <div class="col-xs-6">
  77.                             <label for="last_name"><h4>Last name</h4></label>
  78.                               <input type="text" class="form-control" name="last_name" id="last_name" placeholder="last name" title="enter your last name if any.">
  79.                           </div>
  80.                       </div>
  81.          
  82.                       <div class="form-group">
  83.                          
  84.                           <div class="col-xs-6">
  85.                               <label for="phone"><h4>Phone</h4></label>
  86.                               <input type="text" class="form-control" name="phone" id="phone" placeholder="enter phone" title="enter your phone number if any.">
  87.                           </div>
  88.                       </div>
  89.          
  90.                       <div class="form-group">
  91.                           <div class="col-xs-6">
  92.                              <label for="mobile"><h4>Mobile</h4></label>
  93.                               <input type="text" class="form-control" name="mobile" id="mobile" placeholder="enter mobile number" title="enter your mobile number if any.">
  94.                           </div>
  95.                       </div>
  96.                       <div class="form-group">
  97.                          
  98.                           <div class="col-xs-6">
  99.                               <label for="email"><h4>Email</h4></label>
  100.                               <input type="email" class="form-control" name="email" id="email" placeholder="you@email.com" title="enter your email.">
  101.                           </div>
  102.                       </div>
  103.                       <div class="form-group">
  104.                          
  105.                           <div class="col-xs-6">
  106.                               <label for="email"><h4>Location</h4></label>
  107.                               <input type="email" class="form-control" id="location" placeholder="somewhere" title="enter a location">
  108.                           </div>
  109.                       </div>
  110.                       <div class="form-group">
  111.                          
  112.                           <div class="col-xs-6">
  113.                               <label for="password"><h4>Password</h4></label>
  114.                               <input type="password" class="form-control" name="password" id="password" placeholder="password" title="enter your password.">
  115.                           </div>
  116.                       </div>
  117.                       <div class="form-group">
  118.                          
  119.                           <div class="col-xs-6">
  120.                             <label for="password2"><h4>Verify</h4></label>
  121.                               <input type="password" class="form-control" name="password2" id="password2" placeholder="password2" title="enter your password2.">
  122.                           </div>
  123.                       </div>
  124.                       <div class="form-group">
  125.                            <div class="col-xs-12">
  126.                                 <br>
  127.                                 <button class="btn btn-lg btn-success" type="submit"><i class="glyphicon glyphicon-ok-sign"></i> Save</button>
  128.                                 <button class="btn btn-lg" type="reset"><i class="glyphicon glyphicon-repeat"></i> Reset</button>
  129.                             </div>
  130.                       </div>
  131.                 </form>
  132.              
  133.               <hr>
  134.              
  135.              </div><!--/tab-pane-->
  136.              <div class="tab-pane" id="messages">
  137.                
  138.                <h2></h2>
  139.                
  140.                <hr>
  141.                   <form class="form" action="##" method="post" id="registrationForm">
  142.                       <div class="form-group">
  143.                          
  144.                           <div class="col-xs-6">
  145.                               <label for="first_name"><h4>First name</h4></label>
  146.                               <input type="text" class="form-control" name="first_name" id="first_name" placeholder="first name" title="enter your first name if any.">
  147.                           </div>
  148.                       </div>
  149.                       <div class="form-group">
  150.                          
  151.                           <div class="col-xs-6">
  152.                             <label for="last_name"><h4>Last name</h4></label>
  153.                               <input type="text" class="form-control" name="last_name" id="last_name" placeholder="last name" title="enter your last name if any.">
  154.                           </div>
  155.                       </div>
  156.          
  157.                       <div class="form-group">
  158.                          
  159.                           <div class="col-xs-6">
  160.                               <label for="phone"><h4>Phone</h4></label>
  161.                               <input type="text" class="form-control" name="phone" id="phone" placeholder="enter phone" title="enter your phone number if any.">
  162.                           </div>
  163.                       </div>
  164.          
  165.                       <div class="form-group">
  166.                           <div class="col-xs-6">
  167.                              <label for="mobile"><h4>Mobile</h4></label>
  168.                               <input type="text" class="form-control" name="mobile" id="mobile" placeholder="enter mobile number" title="enter your mobile number if any.">
  169.                           </div>
  170.                       </div>
  171.                       <div class="form-group">
  172.                          
  173.                           <div class="col-xs-6">
  174.                               <label for="email"><h4>Email</h4></label>
  175.                               <input type="email" class="form-control" name="email" id="email" placeholder="you@email.com" title="enter your email.">
  176.                           </div>
  177.                       </div>
  178.                       <div class="form-group">
  179.                          
  180.                           <div class="col-xs-6">
  181.                               <label for="email"><h4>Location</h4></label>
  182.                               <input type="email" class="form-control" id="location" placeholder="somewhere" title="enter a location">
  183.                           </div>
  184.                       </div>
  185.                       <div class="form-group">
  186.                          
  187.                           <div class="col-xs-6">
  188.                               <label for="password"><h4>Password</h4></label>
  189.                               <input type="password" class="form-control" name="password" id="password" placeholder="password" title="enter your password.">
  190.                           </div>
  191.                       </div>
  192.                       <div class="form-group">
  193.                          
  194.                           <div class="col-xs-6">
  195.                             <label for="password2"><h4>Verify</h4></label>
  196.                               <input type="password" class="form-control" name="password2" id="password2" placeholder="password2" title="enter your password2.">
  197.                           </div>
  198.                       </div>
  199.                       <div class="form-group">
  200.                            <div class="col-xs-12">
  201.                                 <br>
  202.                                 <button class="btn btn-lg btn-success" type="submit"><i class="glyphicon glyphicon-ok-sign"></i> Save</button>
  203.                                 <button class="btn btn-lg" type="reset"><i class="glyphicon glyphicon-repeat"></i> Reset</button>
  204.                             </div>
  205.                       </div>
  206.                 </form>
  207.                
  208.              </div><!--/tab-pane-->
  209.              <div class="tab-pane" id="settings">
  210.                    
  211.                
  212.                   <hr>
  213.                   <form class="form" action="##" method="post" id="registrationForm">
  214.                       <div class="form-group">
  215.                          
  216.                           <div class="col-xs-6">
  217.                               <label for="first_name"><h4>First name</h4></label>
  218.                               <input type="text" class="form-control" name="first_name" id="first_name" placeholder="first name" title="enter your first name if any.">
  219.                           </div>
  220.                       </div>
  221.                       <div class="form-group">
  222.                          
  223.                           <div class="col-xs-6">
  224.                             <label for="last_name"><h4>Last name</h4></label>
  225.                               <input type="text" class="form-control" name="last_name" id="last_name" placeholder="last name" title="enter your last name if any.">
  226.                           </div>
  227.                       </div>
  228.          
  229.                       <div class="form-group">
  230.                          
  231.                           <div class="col-xs-6">
  232.                               <label for="phone"><h4>Phone</h4></label>
  233.                               <input type="text" class="form-control" name="phone" id="phone" placeholder="enter phone" title="enter your phone number if any.">
  234.                           </div>
  235.                       </div>
  236.          
  237.                       <div class="form-group">
  238.                           <div class="col-xs-6">
  239.                              <label for="mobile"><h4>Mobile</h4></label>
  240.                               <input type="text" class="form-control" name="mobile" id="mobile" placeholder="enter mobile number" title="enter your mobile number if any.">
  241.                           </div>
  242.                       </div>
  243.                       <div class="form-group">
  244.                          
  245.                           <div class="col-xs-6">
  246.                               <label for="email"><h4>Email</h4></label>
  247.                               <input type="email" class="form-control" name="email" id="email" placeholder="you@email.com" title="enter your email.">
  248.                           </div>
  249.                       </div>
  250.                       <div class="form-group">
  251.                          
  252.                           <div class="col-xs-6">
  253.                               <label for="email"><h4>Location</h4></label>
  254.                               <input type="email" class="form-control" id="location" placeholder="somewhere" title="enter a location">
  255.                           </div>
  256.                       </div>
  257.                       <div class="form-group">
  258.                          
  259.                           <div class="col-xs-6">
  260.                               <label for="password"><h4>Password</h4></label>
  261.                               <input type="password" class="form-control" name="password" id="password" placeholder="password" title="enter your password.">
  262.                           </div>
  263.                       </div>
  264.                       <div class="form-group">
  265.                          
  266.                           <div class="col-xs-6">
  267.                             <label for="password2"><h4>Verify</h4></label>
  268.                               <input type="password" class="form-control" name="password2" id="password2" placeholder="password2" title="enter your password2.">
  269.                           </div>
  270.                       </div>
  271.                       <div class="form-group">
  272.                            <div class="col-xs-12">
  273.                                 <br>
  274.                                 <button class="btn btn-lg btn-success pull-right" type="submit"><i class="glyphicon glyphicon-ok-sign"></i> Save</button>
  275.                                 <!--<button class="btn btn-lg" type="reset"><i class="glyphicon glyphicon-repeat"></i> Reset</button>-->
  276.                             </div>
  277.                       </div>
  278.                 </form>
  279.               </div>
  280.                
  281.               </div><!--/tab-pane-->
  282.           </div><!--/tab-content-->
  283.  
  284.         </div><!--/col-9-->
  285.     </div><!--/row-->
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!