API tools faq
paste
mnaufaldillah

contact tugas bootstrap

mnaufaldillah
Oct 16th, 2021
1,165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Contact Form</title>
  5.         <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  6.         <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  7.         <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  8.         <link rel="stylesheet" href="custom_login.css"/>
  9.     </head>
  10.     <body>
  11.         <div id="login">
  12.             <h3 class="text-center text-white pt-5">Contact form</h3>
  13.             <div class="container">
  14.                 <div class="row">
  15.                   <div class="col-md-6 col-md-offset-3">
  16.                     <div class="well well-sm">
  17.                       <form class="form-horizontal" action="" method="post">
  18.                       <fieldset>
  19.                         <legend class="text-center">Contact us</legend>
  20.                
  21.                         <!-- Name input-->
  22.                         <div class="form-group">
  23.                           <label class="col-md-3 control-label" for="name">Name</label>
  24.                           <div class="col-md-9">
  25.                             <input id="name" name="name" type="text" placeholder="Your name" class="form-control">
  26.                           </div>
  27.                         </div>
  28.                
  29.                         <!-- Email input-->
  30.                         <div class="form-group">
  31.                           <label class="col-md-3 control-label" for="email">Your E-mail</label>
  32.                           <div class="col-md-9">
  33.                             <input id="email" name="email" type="text" placeholder="Your email" class="form-control">
  34.                           </div>
  35.                         </div>
  36.                
  37.                         <!-- Message body -->
  38.                         <div class="form-group">
  39.                           <label class="col-md-3 control-label" for="message">Your message</label>
  40.                           <div class="col-md-9">
  41.                             <textarea class="form-control" id="message" name="message" placeholder="Please enter your message here..." rows="5"></textarea>
  42.                           </div>
  43.                         </div>
  44.                
  45.                         <!-- Form actions -->
  46.                         <div class="form-group">
  47.                           <div class="col-md-12 text-right">
  48.                             <button type="submit" class="btn btn-primary btn-lg">Submit</button>
  49.                           </div>
  50.                         </div>
  51.                       </fieldset>
  52.                       </form>
  53.                     </div>
  54.                   </div>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </body>
  59. </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!