<div class="trainingVideosContainer">
  <div class="videosMainHolder">
    <div class="timelineHolder">
      <div class="timeline">
        <div class="timeBox active">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">1</div>
            </div>
            <div class="videoTitle">Login and Account Settings</div>
          </div>
          <div class="thumbnail">
            <img src="http://www.sonicomusica.info/sites/default/files/styles/related180x110/public/field/image/ri-m_1.jpg" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">2</div>
            </div>
            <div class="videoTitle">How to Record a Scenario</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">3</div>
            </div>
            <div class="videoTitle">Camera Controls</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">4</div>
            </div>
            <div class="videoTitle">Intercom</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">5</div>
            </div>
            <div class="videoTitle">Annotations</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">6</div>
            </div>
            <div class="videoTitle">Video Review and Video Upload</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
        <div class="timeBox">
          <div class="titleHolder">
            <div class="videoNumberHolder">
              <div class="videoNumber">7</div>
            </div>
            <div class="videoTitle">User Manager</div>
          </div>
          <div class="thumbnail">
            <img src="./css/1.png" alt="screenshot">
          </div>
        </div>
      </div>
    </div>
    <div class="videoHolder">
      <div class="videoScreenHolder">
        <div class="videoScreen">
          <img src="./css/1.png" alt="screenshot">
        </div>
      </div>
      <div class="videoText">
        <div class="videoLargeTitle">01. Lorem Ipsum</div>
        <div class="videoDescription">bdhbfdghfhfhjfdjdtjt</div>
      </div>
    </div>
  </div>
</div>