mnaufaldillah

contact tugas bootstrap

Oct 16th, 2021
849
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data