<button type="button" class="btn btn-green disabled">Записаться</button>

<button type="button" class="btn btn-outline disabled">Записаться</button>

<div class="form-group">
  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Ваш email" disabled>
  <small class="form-text text-muted"></small>
</div>

<button type="button" class="btn btn-green">Записаться</button>

<button type="button" class="btn btn-outline">Записаться</button>

<div class="form-group">
  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Ваш email">
  <small class="form-text text-muted"></small>
</div>

<label class="switch">
  <input type="checkbox" class="switch__control" checked>
  <span class="switch__slider"></span>
  <span class="switch__text">Семинары</span>
</label>

<label class="switch">
  <input type="checkbox" class="switch__control" checked disabled>
  <span class="switch__slider"></span>
  <span class="switch__text">Семинары</span>
</label>

<div class="form-check">
  <input type="checkbox" name="uiblock" id="ui1" disabled>
  <label for="ui1">
    <span class="form-check-control">Семинары</span>
  </label>
</div><!-- /.form-check -->

<div class="form-check">
  <input type="checkbox" name="uiblock" id="ui2">
  <label for="ui2">
    <span class="form-check-control">Семинары</span>
  </label>
</div><!-- /.form-check -->

<label class="switch">
  <input type="checkbox" class="switch__control" disabled>
  <span class="switch__slider"></span>
  <span class="switch__text">Семинары</span>
</label>

<label class="switch">
  <input type="checkbox" class="switch__control">
  <span class="switch__slider"></span>
  <span class="switch__text">Семинары</span>
</label>

<div class="form-check">
  <input type="checkbox" name="uiblock" id="ui3" disabled checked>
  <label for="ui3">
    <span class="form-check-control">Семинары</span>
  </label>
</div><!-- /.form-check -->

<div class="form-check">
  <input type="checkbox" name="uiblock" id="ui4" checked>
  <label for="ui4">
    <span class="form-check-control">Семинары</span>
  </label>
</div><!-- /.form-check -->

<a href="#" class="more-link"><span>Показать ответ</span></a>

<div class="loading">
  <div class="loading__icon">
    <div class="spinner">
      <svg viewBox="0 0 64 64"><g><defs><linearGradient id="sGD" gradientUnits="userSpaceOnUse" x1="55" y1="46" x2="2" y2="46"><stop offset="0.1" class="stop1"></stop><stop offset="1" class="stop2" fill="red"></stop></linearGradient></defs><g stroke-width="4" stroke-linecap="round" fill="none" transform="rotate(134.304 32 32)"><path stroke="url(#sGD)" d="M4,32 c0,15,12,28,28,28c8,0,16-4,21-9"></path><path d="M60,32 C60,16,47.464,4,32,4S4,16,4,32"></path><animateTransform values="0,32,32;360,32,32" attributeName="transform" type="rotate" repeatCount="indefinite" dur="750ms"></animateTransform></g></g></svg>
    </div><!-- /.spinner -->
  </div><!-- /.loading__icon -->
  <div class="loading__text">Загрузка...</div><!-- /.loading__text -->
</div><!-- /.loading -->

<div class="circle"></div>

<a href="#" class="more-link more-link--right"><span>Показать полностью</span></a>

<div class="form-group status-right">
  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Ваш email" value="moof37@yandex.ru">
  <small class="form-text text-muted"></small>
  <div class="form-control-feedback">
    <div class="circle"></div><!-- /.circle -->
  </div><!-- /.form-control-feedback -->
</div><!-- /.form-group -->

<div class="form-group form-group--error">
  <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Ваш email" value="moof37@yandex">
  <small class="form-text text-muted"></small>
  <div class="bubble bubble-right">
    <div class="bubble__text">
      <span>Вы указали некорректный email</span>
    </div><!-- /.bubble__text -->
  </div><!-- /.bubble -->
</div><!-- /.form-group -->