Typography and Codes

Codebox

<div class="pre pu notranslate" data-text="Code name">
  <pre>

  </pre>
</div>
  

Quiz Codes

<div class="quiz-container-section" data-quis="auto">
<!-- Enter your Quiz-->






<!--   
<form><div class="quiz-con"><span class="qus-no-field"></span><div class="quiz-bar">
        
    </div></div><div class="quiz-options">
    <label><span class="option-point">A</span><input type="radio" name="radio" value="flase"/></label>
    <label><span class="option-point">B</span><input type="radio" name="radio" value="false"/></label>
    <label><span class="option-point">C</span><input type="radio" name="radio" value="flase"/></label>
    <label><span class="option-point">D</span><input type="radio" name="radio" value="false"/></label></div>
<div class="explaination-table note" id="explain-tab" hidden><span id="explainresult"></span>
<div>   </div> 
</div></form> -->  
<div class="submit-button" style="text-align:center;display:blank;"><button id="quiz-submit-button" class="button">Submit</button></div></div>
<!--[Final Visible Result]-->
<div class="Result-Container hidden"><div role="region" tabindex="0"><table><caption>Congratulations, You have completed this quiz.</caption><thead><tr><th>Mark</th><th><span id="result-percentage-mark" /></th></tr></thead><tbody><tr><td>Total Questions</td><td><span id="total-questions"/></td></tr><tr><td>Answered</td><td><span id="result-answered-Questions"/></td></tr><tr><td>Not answered</td><td><span id="result-not-answered-Questions"/></td></tr><tr><td>Correct answers</td><td> <span id="result-correct-result"/></td></tr><tr>
<td>Wrong answers</td><td><span id="result-wrong-answer"/></td></tr><tbody></table></div>
<p class="note">If you find any mistakes in the above quiz, please inform us in the comment section below. We will correct the mistake within 2 days.</p><p>After you finished working on the CSS material quiz, how did your grades go?success or need to repeat?<a class="button" id="Reset-Quiz" href="javascript:;">try again</a></p><div id="Guideflare-credits"><p>HTML Quiz made by <a id="Guideflare-credit-link" href="http://www.guideflare.com" rel="dofollow">Guideflare</a></p></div></div> 
  
  <script rel='lazyload' src='https://cdn.jsdelivr.net/gh/Shivanode2001/project-quiz@5fa9a93e581bd7a848867dc0f7b8c01b9aa2219b/app-quiz-js-guideflare.js'></script>
  

Youtube Iframe

<!--[ Lazysize iframe ]-->
<div class='ytShdw'>
  <div class='videoYt'>
    <iframe title='Lazy Iframe' class='lazy'  title="Youtube Video Player" data-src='//www.youtube.com/embed/6TEYywSV4E4?&autoplay=1' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>
  </div>
</div>