GTC
/
Frontend


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
							<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />    
    <link rel="stylesheet" href="style.css" />
    <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
    <title>Оформление записи на приём</title>
    <script src="main.js"></script>
    <style>
      @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
      input[type="checkbox"] {
            display: none;
        }
        html {
        height: 110%; 
        } 
        body {
            background: 
            url(img/pinkCircles.png) left bottom no-repeat,
            url(img/yellowCorner.png) right top no-repeat;
            margin-left: -10px;
            position:absolute;
            margin-right: 200px;
            position:absolute;
        }
    </style>
  </head>
  <body class="registration_form">    
        <a href="services-unreg.html"><input type="button" value="Отменить" class="button-back"></a>
        <p class="head-appointment">Запись на приём</p>      
    <form class="appointment-position" action="main_registered.html">        
        <div class="element">               
                <select id = "pets"  class="input-appointment" tabIndex="1" onkeydown="return tab(this, event)">
                    <option selected value="s1">Выберите питомца</option>
                    <option value="s2">Южная Корея</option>
                </select>
        </div>           
        <div class="element">               
                <select id = "service"  class="input-appointment" tabIndex="2" onkeydown="return tab(this, event)">
                    <option selected value="s1">Выберите процедуру</option>
                    <option value="s2">Южная Корея</option>
                </select>
        </div>
        <div class="element">               
                <select id = "doctor"  class="input-appointment" tabIndex="3" onkeydown="return tab(this, event)">
                    <option selected value="s1">Выберите специалиста</option>
                    <option value="s2">Южная Корея</option>
                </select>
        </div>
      <div class="element">                                 
                    <input type="datetime-local" value="Выберите дату и время" class="datetime-appointment"/>
                </select>
        </div>       
              
        <label class="container-appointment">Вы соглашаетесь на обработку персональных данных
            <input type="checkbox">
            <span class="checkmark-appointment"></span>
          </label>
        <div class="button">            
          <input type="submit" value="Записаться на приём!" class="button-appointment" id="avtoriz">          
        </div>
    </form>
  </body>