Guest User

Untitled

a guest
May 27th, 2021
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.56 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>Feedback</title>
  6.  
  7.     <style>
  8.     .container {
  9.         height: 200px;
  10.         position: relative;
  11.       }
  12.  
  13.       .center {
  14.         margin: 0;
  15.         position: absolute;
  16.         top: 20%;
  17.         left: 50%;
  18.         -ms-transform: translate(-50%, -50%);
  19.         transform: translate(-50%, -50%);
  20.       }
  21.  
  22.       .button {
  23.         position: relative;
  24.         border: 2px solid #000000;
  25.         padding: 15px 32px;
  26.         text-align: center;
  27.         font-size: 24px;
  28.         margin: 4px 2px;
  29.         cursor: pointer;
  30.         max-width: 100%;
  31.         background-color: black;
  32.         color: white;
  33.         box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  34.       }
  35.  
  36.       .back-to-main-button {
  37.         width: 400px;
  38.         height: 70px;
  39.       }
  40.  
  41.       .submit-button {
  42.         width: 238px;
  43.         font-size: 24px;
  44.         height: 70px;
  45.         line-height: 18px;
  46.         max-width: 200%;
  47.       }
  48.  
  49.       .feedback-div {
  50.         padding: 20px;
  51.         width: 9.2%;
  52.         top: 30%;
  53.       }
  54.  
  55.       .textbox {
  56.  
  57.         height: 16px;
  58.         width: 218px;
  59.         font-size: 14pt;
  60.         padding: 9px;
  61.       }
  62.  
  63.       .textarea-box {
  64.         width: 240px;
  65.         padding: 15px 0;
  66.         font-size: 14pt;
  67.       }
  68.  
  69.       .text-padding {
  70.         padding: 7px;
  71.         box-sizing: border-box;
  72.       }
  73.  
  74.       textarea::placeholder {
  75.         font-size: 16pt;
  76.       }
  77.     </style>
  78.   </head>
  79.   <body style="margin: 0;">
  80.     {% if message %}
  81.       <div class="center">
  82.         <h2 align="center">{{ message }}</h2>
  83.  
  84.         <a href="/index">
  85.           <input type="button" class="button back-to-main-button" value="На главную">
  86.         </a>
  87.       </div>
  88.     {% else %}
  89.       <div class="center feedback-div">
  90.         <form method="post">
  91.           <input type="text" name="1" placeholder="1" class="textbox">
  92.           <br><br>
  93.           <input type="text" name="1" placeholder="1" class="textbox">
  94.           <br><br>
  95.           <input type="text" name="1" placeholder="1 рождения" class="textbox">
  96.           <br><br>
  97.           <input type="text" name="1" 1="Штат" class="textbox">
  98.           <br><br>
  99.           <input type="text" name="1" 1="Город" class="textbox">
  100.           <br><br><br>
  101.           <a href="/feedback">
  102.             <button class="button feedback-button" type="button">Подтвердить</button>
  103.           </a>
  104.         </form>
  105.       </div>
  106.     {% endif %}
  107.   </body>
  108. </html>
Advertisement
Add Comment
Please, Sign In to add comment