<div class="main-container">
  
  <div class="col-md-12 cc-header">
    <div class="col-md-6">Coding Challenge</div>
    <div class="col-md-6 right-align">Time Frame</div>
  </div>

  <div class="col-xs-12 col-md-12 container">
      <div class="col-md-12 col-xs-12 no-margin row">
       <div class="col-xs-8 col-md-8 col-sm-8 no-padding-left b-margin">
         <div class="use-case">
            <div class="title">
              <p class="heading-text">{{codingDisc?.usecaseTitle}}</p>
            </div>
            <div>
              <p class="theme"></p>
            </div>
            <div class="scenario">
              <div class="oval"></div>
              <div class="no-padding no-margin scenarios" [innerHTML]="codingDisc?.usecaseDescription"></div>
            </div>
         </div>
        </div>
        <div class="col-xs-4 col-md-4 col-sm-4 b-margin">
          <div>
              <div class="coach-details b-margin">
                  <p class="assign-coach-heading heading-text">Assigned Coach</p>
                  <div class="coach-disc">
                    <div class="display-inline name-initials">
                      <span>{{coachDetails?.nameInitials}}</span>
                    </div>
                    <div class="display-inline coach-data">
                        <p class="coach-name no-margin">{{coachDetails?.fullName}}</p>
                        <p class="coach-email no-margin">{{coachDetails?.emailId}}</p>
                    </div>

                  </div>

              </div>
              <div class="cc-details b-margin">
                  <p class="cc-details-heading heading-text">Login ID: <span>{{userDetails?.infoDetails?.adId}}</span></p>
                  <p class="cc-details-heading heading-text">Registration Code: <span>SLiad+2RRXG8</span></p>
                  <p class="cc-details-heading heading-text">Password: <span>P@ssw0rd</span></p>
              </div>              
              <div class="rules-list b-margin">
                  <p class="heading-text rule-heading">Rules</p>
                  <div class="rule-disc">
                    <p>You will be given 1 hour for completing this program, please adhere to timeline.</p>
                    <p>Do not change the content of the input file.</p>
                    <p>Do not use any APIs to implement this.</p>
                    <p>Please write unite test case to test the code written.</p>
                    <p>Please use eclipse formater for better readability. </p>
                  </div>
              </div>
          </div>
        </div>
         
      </div>
  </div>

  <!-- <div class="col-xs-12 col-md-12 col-sm-12 no-padding no-margin desc-footer text-center">
    <button class="launch-env-btn">LAUNCH LIVE ENVIRONMENT</button> 
  </div> -->
</div>