React

by Svetlana

HTML

<div class='main-cont'>
  <div class='top-section'>
    <div class='left'>
      <div class='skeleton-bar signer-bar'>&nbsp;</div>
    </div>
    <div class='right'>
      <div class='signer-details-placeholder'>
        <div class='skeleton-bar skeleton-bar-1'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-2'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-3'>&nbsp;</div>
      </div>
    </div>
  </div>
  <div>
    <div class='left'>
      <div class='skeleton-bar signer-bar'>&nbsp;</div>
    </div>
    <div class='right'>
      <div class='content-placeholder content-placeholder-1'>
        <div class='skeleton-bar skeleton-bar-1'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-2'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-3'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-4'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-5'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-6'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-7'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-8'>&nbsp;</div>
      </div>
      <div class='content-placeholder content-placeholder-2'>
        <div class='skeleton-bar skeleton-bar-1'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-2'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-3'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-4'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-5'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-6'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-7'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-8'>&nbsp;</div>
      </div>
      <div class='content-placeholder content-placeholder-3'>
        <div class='skeleton-bar skeleton-bar-1'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-2'>&nbsp;</div>
        <div class='skeleton-bar skeleton-bar-3'>&nbsp;</div>
        <div class='skeleton-bar...

CSS

.main-cont {
  width: 881px;
  padding: 20px 35px 30px 30px;
}

.top-section {
  opacity: 0;
  will-change: opacity;
  animation: appearance 0.325s ease-in 0.175s 1 forwards;
}