GTC
/
Frontend


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="doctors_carousel.css">
    <title>Document</title>
</head>
<body class="body">
    <div class="container">
        <input type="radio" name="slider" id="item-1" checked>
        <input type="radio" name="slider" id="item-2">
        <input type="radio" name="slider" id="item-3">
      <div class="cards">
        <label class="card" for="item-1" id="doc-1">
            <img class="img_doc" src="img/novikova.png" alt="Новикова Вера">
        </label>
        <label class="card" for="item-2" id="doc-2">
          <img class="img_doc" src="img/korolev.png" alt="Королев Михаил">
        </label>
        <label class="card" for="item-3" id="doc-3">
          <img class="img_doc" src="img/kirillov.png" alt="Кириллов Федор">
        </label>
      </div>
      <div class="player">
        <div class="upper-part">
          <div class="info-area" id="test">
            <label class="song-info" id="song-info-1">
              <div class="title">Новикова Вера</div>
              <div class="sub-line">
                <div class="subtitle">терапевт</div>
              </div>
            </label>
            <label class="song-info" id="song-info-2">
              <div class="title">Королев Михаил</div>
              <div class="sub-line">
                <div class="subtitle">ЛОР-офтальмолог</div>
              </div>
            </label>
            <label class="song-info" id="song-info-3">
              <div class="title">Кириллов Федор</div>
              <div class="sub-line">
                <div class="subtitle">лаборант и процедурный медбрат</div>
              </div>
            </label>
          </div>
        </div> 
      </div>
    </div>
</body>
</html>