Icons dan Button

Global Icon

Dijettheme kami juga menyediakan 24 icons yang sudah siap digunakan dibawah ini adalah tampilan icon dan cara pengunaanya

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-whatsapp"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-pinterest"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-tumblr"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-twitter"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-linkedin"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-facebook"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-instagram"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-youtube"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-telegram"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-github"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-b"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-l"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-r"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-arrow-t"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-user"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-clock"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-comment"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-menu"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-mail"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-edit"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-close"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-search"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-check"/></svg>

<svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg>

Button

<a class="btn jt-btn-primary mb-2 me-2" href="#">Click Here</a>

<a class="btn jt-btn-primary mb-2 me-2" href="#"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg> Download Here</a>

<a class="btn btn-sm jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn rounded-pill jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn btn-lg jt-btn-primary mb-2 me-2" href="#">Click Here</a>
<a class="btn jt-btn-outline-primary mb-2 me-2" href="#">Click Here</a>