Buttons

Simple Buttons

Button Small Button Medium Button Large

Buttons With Icons

Demo Button Demo Button Demo Button

Download Button Download Button Download Button

Buy Now Button Buy Now Button Buy Now Button

Visit a Link Button Visit a Link Button Visit a Link Button

Visit a Link Website Download Template

Alert Boxes

success message You successfully read this important message.

Alert message This alert needs your attention.

Warning message Warning! Best check yo self.

Error message Oh snap! Change a few things up

Code Box

function generate() {

    var a = $('#container').html();

    var b = window.open('', '', 'width=600,height=400');

    b.document.write('<textarea>' + a + '</textarea>');

}

Tables

Fitur Table ini adalah desain simple untuk mengurutkan nama pengguna atau sekolah yang masuk dalam Jaringan Sekolah Islam Terpadu, berikut ini adlaah contohnya.

Nama Sekolah	Alamat Sekolah	Nomer Registerasi Sekolah
SD IT Nurul Jannah	Jl. Benit, Dusun Kuning Gading, Kecamatan pelepat Ilir	Tersedia dan Terdaftar
SD IT Ad-Dhuha	Jl. Pelepat, Dusun Purwasari, Kecamatan pelepat Ilir	Tersedia dan Terdaftar
SD IT Andalusia Bungo	Jl. Sungai Mengkuang, Dusun Sungai Mengkuang, Kecamatan Rimbo Tengah	Tersedia dan Terdaftar
SD IT Sekolah Aanda	Alamat Lengkap	Tersedia dan Terdaftar

Drop Caps

Fitur blog jsit-id.blogspot.com yang kami gunakan untuk keperluan membuat link atau mempercantik tulisan di website ini, is a uniquely designed and specialized theme, specially made for coupon blogs. Loaded with special features and premium design it helps you to create an amazing and outstanding blog on the Blogspot platform.
It is equipped with various widgets that will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template.

You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

<h2>Simple Buttons</h2><br /><br />

<div class="small-button">

<a class="button small" href="https://idmaspur.blogspot.com/" target="_blank">Button Small</a>

<a class="button medium" href="https://www.blogger.com" target="_blank">Button Medium</a>

<a class="button large" href="https://www.blogger.com" target="_blank">Button Large</a>

</div>

<br /><br />

<h2>Buttons With Icons</h2><br /><br />

<div class="small-button">

<a class="button small demo" href="https://www.blogger.com" target="_blank">Demo Button</a>

<a class="button medium demo" href="https://www.blogger.com" target="_blank">Demo Button</a>

<a class="button large demo" href="https://www.blogger.com" target="_blank">Demo Button</a>

                <br>

<div class="clear">

</div>

<a class="button small download" href="https://www.blogger.com" target="_blank">Download Button</a>

<a class="button medium download" href="https://www.blogger.com" target="_blank">Download Button</a>

<a class="button large download" href="https://www.blogger.com" target="_blank">Download Button</a>

                <br>

<div class="clear">

</div>

<a class="button small buy" href="https://www.blogger.com" target="_blank">Buy Now Button</a>

<a class="button medium buy" href="https://www.blogger.com" target="_blank">Buy Now Button</a>

<a class="button large buy" href="https://idmaspur.blogspot.com/" target="_blank">Buy Now Button</a>

                <br>

<div class="clear">

</div>

<a class="button small visit" href="https://www.blogger.com" target="_blank">Visit a Link Button</a>

<a class="button medium visit" href="https://www.blogger.com" target="_blank">Visit a Link Button</a>

<a class="button large visit" href="https://idmaspur.blogspot.com/" target="_blank">Visit a Link Button</a>

</div>

<br /><br />

<a class="button large visit" href="https://idmaspur.blogspot.com/" target="_blank">Visit a Link Website</a> <a class="button large download" href="https://dl-script.blogspot.com/" target="_blank">Download Template</a>

<br /><br /><br /><br />

<h2>Alert Boxes</h2><br /><br />

<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>

<div class="alert-message alert">
<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>

<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>

<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>

<br /><br />


<h2>Code Box</h2><br /><br />

<pre>function generate() {

    var a = $('#container').html();

    var b = window.open('', '', 'width=600,height=400');

    b.document.write('&lt;textarea&gt;' + a + '&lt;/textarea&gt;');

}</pre>

<br /><br />
<h2>Tables</h2><br />
<p>Fitur Table ini adalah desain simple untuk mengurutkan nama pengguna atau sekolah yang masuk dalam Jaringan Sekolah Islam Terpadu, berikut ini adlaah contohnya.
<br />

<div class="post-table">

<table>

    <thead>

<tr>

        <th>Nama Sekolah</th>

        <th>Alamat Sekolah</th>

        <th>Nomer Registerasi Sekolah</th>

      </tr>

</thead>

    <tbody>

<tr>

        <td data-label="First Name">SD IT Nurul Jannah</td>

        <td data-label="Last Name">Jl. Benit, Dusun Kuning Gading, Kecamatan pelepat Ilir</td>

        <td data-label="Hero Title">Tersedia dan Terdaftar</td>

      </tr>

<tr>

        <td data-label="First Name">SD IT Ad-Dhuha</td>

        <td data-label="Last Name">Jl. Pelepat, Dusun Purwasari, Kecamatan pelepat Ilir</td>

        <td data-label="Hero Title">Tersedia dan Terdaftar</td>

      </tr>

<tr>

        <td data-label="First Name">SD IT Andalusia Bungo</td>

        <td data-label="Last Name">Jl. Sungai Mengkuang, Dusun Sungai Mengkuang, Kecamatan Rimbo Tengah</td>

        <td data-label="Hero Title">Tersedia dan Terdaftar</td>

      </tr>

<tr>

        <td data-label="First Name">SD IT Sekolah Aanda</td>

        <td data-label="Last Name">Alamat Lengkap</td>

        <td data-label="Hero Title">Tersedia dan Terdaftar</td>

      </tr>

</tbody>

</table>

</div>

<br /><br />

<h2>Drop Caps</h2><br /><br />

<span class="firstcharacter">F</span>itur blog jsit-id.blogspot.com yang kami gunakan untuk keperluan membuat link atau mempercantik tulisan di website ini, is a uniquely designed and specialized theme, specially made for coupon blogs. Loaded with special features and premium design it helps you to create an amazing and outstanding blog on the Blogspot platform.<br />

It is equipped with various widgets that will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation so that you can set up your blog correctly. You have made a good decision by choosing our template.<br /><br />

You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

<br /><br />