Elements Codes
M.Muzammil

Elements Codes

By M.Muzammil | May 29, 2022

Elements Codes

This is the list of short codes that can be used on my website to create different elements. You have to copy the code and add the code after making changes anywhere on your website where you want to add the specified element.

Make FAQ Accordion:

<ul class="accordion"><li><h3>Heading</h3><div>Content</div></li></ul>

Make Tabs:

<section class="tabs">
    <section class="tabs-tabs">
      <button class="tabs-tab tabs-active" data-actab-group="0" data-actab-id="0">Tab 1</button>
      <button class="tabs-tab" data-actab-group="0" data-actab-id="1">Tab 2</button>
    </section>
    <section class="tabs-content">
      <article class="tabs-item tabs-active" data-actab-group="0" data-actab-id="0">
        <h4 class="tabs-item__label">Title 1</h4>
        <div class="tabs-item__container">
          <p>Content 1</p>
        </div>
      </article>
      <article class="tabs-item" data-actab-group="0" data-actab-id="1">
        <h4 class="tabs-item__label">Title 2</h4>
        <div class="tabs-item__container">
          <p>Content 2</p>
        </div>
      </article>
    </section>
  </section>

Make LazyLod Youtube Video:

<div class="wrapper"><iframe allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture' allowfullscreen='' frameborder='0' original='https://www.youtube.com/embed/1XtiTr_5I1E' width='560' height='315'></iframe></div>

Make Download Section:

<a href='https://softwebtuts.blogspot.com' download='' filename='Demofile.html' filesize='20KB'>Download</a>

Related Posts

M.Muzammil
M.Muzammil

I am Muzammil, a Self-taught Web Designer & Developer. I haven't yet completed my college degree. Started learning programming at the age of 12 and still learning. I love to work in Javascript and make eye-catchy designs. Free for your calls :)

Be The First To Comment