Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


HTML
<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="./css/1.png" 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>