<div class="col-md-1"></div>
<div class="container bg col-md-10">
  <div class="row">



    <header>
      <div class="headerBlock">
        <div class="col-lg-2 togelBlock">
          <a (click)="goToDashboard()"><figure><img src="{{imageUrl}}/assets/img/dashboard/togel.png"></figure></a>
        </div>
        <div class="col-lg-8 heading">
          <h1>'s Playground</h1>
        </div>
        <div class="col-lg-1 pull-right profileBlock">
          <a href="#"><figure><img src="{{imageUrl}}/assets/img/dashboard/profile.png"></figure></a>
        </div>
      </div>
    </header>



    <section class="Section">
      <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 journeyBlock">


        <h2>Primary Skill Evalution - JAVA</h2>
        <div>


          <iframe _ngcontent-c4="" class=" questionBlock" src="https://tests.mettl.com/authenticateKey/8bd28e60"></iframe>

         <!-- <div *ngFor="let Question of questions; let i = index">
            <h2 >Question {{Question.no}}</h2>
            <p >{{Question.question}}</p>
            <h2 >Select the right answer</h2>

            <div class="answer"><span>A </span>&nbsp;<p (click)="aActive(Question.no, Question.option1)" [class.active]="Qno == Question.no && Ono == Question.option1">{{Question.option1}}</p>
            </div>
            <div class="answer"><span >B </span> &nbsp;<p (click)="aActive(Question.no, Question.option2)" [class.active]="Qno == Question.no && Ono == Question.option2">{{Question.option2}}</p>
            </div>
            <div class="answer"><span >C </span>&nbsp;<p (click)="aActive(Question.no, Question.option3)" [class.active]="Qno == Question.no && Ono == Question.option3">{{Question.option3}}</p>
            </div>
            <div class="answer"><span >D </span> <p (click)="aActive(Question.no, Question.option4)" [class.active]="Qno == Question.no && Ono == Question.option4">{{Question.option4}}</p>
            </div>
          </div>-->
        </div>

      </div>



      <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
        <div class="countdownBlock">
          <h5>Countdown</h5>
          <strong>01:30</strong>
        </div>
        <div class="countdownBlock powerupsBlock">
          <h5>Powerups Won</h5>
          <div class="col-lg-4 treasureTotal">
            <span class="blue">1</span>
            <h5>Time Warp</h5>
          </div>
          <div class="col-lg-4 treasureTotal">
            <span class="yellow">0</span>
            <h5>Golden Key</h5>
          </div>
          <div class="col-lg-4 treasureTotal">
            <span class="red">3</span>
            <h5>Components</h5>
          </div>
        </div>
        <button class="btn btn-danger quitTest" (click)="Dashboard()">Dashboard</button>
      </div>






    </section>


  </div>
</div>
<app-chat-footer></app-chat-footer>