Templat HTML landing page, cocok untuk publikasi aplikasi mobile – Jironis

Jironis adalah template HTML dengan fitur dan desain yang baik dan cocok untuk penayangan aplikasi mobile. Template ini mudah disesuaikan untuk membuat halaman landing / situs web aplikasi Mobile (iPhone/Android).

Fitur template

Template HTML landing page yang cocok untuk aplikasi mobile ini membawa serta bebearpa fitur yang tersesuaikan dengan kebutuhan situs terupdate;

  • Desain clean & simpel
  • Ditenagai framework Bootstrap 4
  • Menggunakan HTML5 & CSS3
  • Responsif
  • Dokumentasi script yang baik
  • Valid W3 validate
  • Crossbrowser, kompatibel dengan Firefox, Safari, Opera, Chrome

Informasi Javascript

Tema ini mengimpor tiga jenis file Javascript.

  • Pustaka jQuery
  • Skrip khusus, penyesuai kebutuhan desain template (script.js)
  • Beberapa plugin

Pustaka jQuery digunakan karena sangat mengurangi jumlah kode yang harus dilampirkan. Sebagian besar animasi di template ini diberlakukan dari perintah atas skrip khusus yang mengambil referensi dari pustaka jQuery. Ada beberapa fungsi yang perlu diperhatikan, ~ selain skrip khusus, template ini menerapkan beberapa plugin untuk memberikan efek tertentu. Plugin ini dikemas secara khusus, agar penggunanya tidak perlu mengedit apa pun di file secara manual.

Panduan penggunaan template

<!-- Logo -->
<div class="logo">
    <a href="index.html">
        <img src="assets/img/logo.png" data-rjs="2" alt="jironis">
    </a>
</div>
<!-- End of Logo -->

Ganti assets/img/logo.png dengan link gambar logo yang akan digunakan, atau ganti file gambar (dengan menggunakan nama dan ekstensi yang sama ~ logo.png) yang terletak di folder /img (didalam folder /assets).

Penyesuaian Menu Navigasi

<!-- Collect the nav links, forms, and other content for toggling -->
<nav>
    <!-- Header-menu -->
    <div class="header-menu dosis">
        <ul>
            <li class="active"><a href="#">Home</a>
                <ul>
                    <li class="active"><a href="index.html">Home 1</a></li>
                    <li><a href="index2.html">Home 2</a></li>
                </ul>
            </li>
            <li><a href="#features">Features</a></li>
            <li><a href="#app">App Screens</a></li>
            <li><a href="#pricing  ">Pricing</a></li>
            <li><a href="javascript:void(0)">Blog</a>
                <ul>
                    <li><a href="blog.html">Blog Posts</a></li>
                    <li><a href="blog-details.html">single Post</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- End of Header-menu -->
</nav>

Sesuaikan link menu yang diinginkan dengan mengganti teks didalam tanda " pada atribut href dan nama pada link tersebut dengan mengganti teks di dalam atribut a, <a href="link-anda">nama/keterangan untuk link</a>. Catatan: untuk link yang diawali # sebaiknya tidak diganti, karena merupakan navigasi untuk membantu mengarahkan pengunjung ke bagian tertentu di penayangan template tanpa perlu skrol.

Jika ingin menambahkan menu dropdown baru, tambahkan <ul>...</ul> dengan mengikut pada pola yang ada.

<div class="footer-bottom">
    <div class="footer-text text-center">
        <p>© copyright 2018 by Layerdrops.com</p>       
    </div>
</div>

Informasi template lainnya

Jenis font yang digunakan

Slider yang digunakan

Plugin yang digunakan

Plugin yang digunakan template ini terletak di dalam folder /plugins (dalam folder /assets)

Mau punya Tema WordPress unik ?, atau punya desain kesukaan yang ingin dibuat menjadi Tema WordPress ?

Pesan Jasa Desain Tema Wordpress Sekarang

Berikan tanggapan

This site uses Akismet to reduce spam. Learn how your comment data is processed.