Guest User

End_User_imp

a guest
Apr 9th, 2016
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Page Title</title>
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  7.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  8.   <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  9. </head>
  10. <body>
  11.     <style>body {
  12.         background: #eeeeee;
  13.     }
  14.     .panel {
  15.         display: inline-block;
  16.         background: #ffffff;
  17.         min-height: 100px;
  18.         height: 180px;
  19.         width: 400px;
  20.         box-shadow:0px 0px 5px 5px #C9C9C9;
  21.         -webkit-box-shadow:2px 2px 5px 5x #C9C9C9;
  22.         -moz-box-shadow:2px 2px 5px 5px #C9C9C9;
  23.         margin-top: 150px;
  24.         margin-left: 500px;
  25.         padding: 10px;
  26.     }
  27.     .panel1 {
  28.         min-width: 100px;
  29.         width: 100px;
  30.     }
  31.     .panel2 {
  32.         min-width: 245px;
  33.         width: 245px;
  34.     }
  35.     .menu1{
  36.         box-shadow:0px 0px 5px 5px #C9C9C9;
  37.         -webkit-box-shadow:2px 2px 5px 5x #C9C9C9;
  38.         -moz-box-shadow:2px 2px 5px 5px #C9C9C9;
  39.         margin-left: 175px;
  40.         margin-top: 5px;
  41.         }
  42.     .menu2{
  43.         box-shadow:0px 0px 5px 5px #C9C9C9;
  44.         -webkit-box-shadow:2px 2px 5px 5x #C9C9C9;
  45.         -moz-box-shadow:2px 2px 5px 5px #C9C9C9;
  46.         margin-left: 175px;
  47.         margin-top: 15px;
  48.         }
  49.     .menu3{
  50.         box-shadow:0px 0px 5px 5px #C9C9C9;
  51.         -webkit-box-shadow:2px 2px 5px 5x #C9C9C9;
  52.         -moz-box-shadow:2px 2px 5px 5px #C9C9C9;
  53.         margin-left: 180px;
  54.         margin-top: 15px;
  55.         }
  56.     .submit{
  57.         margin-top: 20px;
  58.         margin-left: 130px;
  59.     }
  60.     .title1{
  61.         margin-left: 490px;
  62.     }
  63.     </style>
  64.     <H1 class="title1">Natural Calamity Detection</H1>
  65. <div class="panel">
  66.  
  67.     <label > River </label> <select class="menu1">
  68.           <option value="Ganges">Ganges</option>
  69.           <option value="Brahmaputra">Brahmaputra</option>
  70.           <option value="Yamuna">Yamuna</option>
  71.           <option value="Krishna">Krishna</option>
  72.           <option value="Godavari">Godavari</option>
  73.         </select>
  74.     <br>
  75.     <label > State </label>
  76.         <select class="menu2">
  77.           <option value="uttar_pradesh">Uttar Pradesh</option>
  78.           <option value="Assam">Assam</option>
  79.           <option value="Delhi">Delhi</option>
  80.           <option value="andhra">Andhra </option>
  81.         </select>
  82.     <br>
  83.     <label > Area </label>
  84.         <select class="menu3">
  85.           <option value="area1">area1</option>
  86.           <option value="area2">area2</option>
  87.           <option value="area3">area3</option>
  88.           <option value="area4">area4</option>
  89.         </select><br>
  90.     <form action="http://192.168.43.84/" method="GET">
  91.     <input type="submit" value="Submit" class="submit">
  92.     </form>
  93. </div>
  94. </body>
  95. </html>
Add Comment
Please, Sign In to add comment