Moderna + Pengubahsuaian

Halaman ini menerangkan secara terperinci mengenai perkara yang anda ingin ketahui

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 masa dilihat

Moderna + Pengubahsuaian

diterbitkan pada : 30 September 2020

Moderna adalah templat Bootstrap satu halaman. Ini sangat digalakkan bagi anda yang ingin membina laman web perniagaan korporat. Ia direka dengan gaya moden, bersih dan sederhana yang dibina dengan ciri-ciri luar biasa seperti penapis portfolio, borang hubungan ajax yang berfungsi, dan Flexslider. Templat satu halaman ini mempunyai reka bentuk profesional dan animasi yang dipertingkatkan. Anda boleh menggunakannya sebagai laman web permulaan, halaman produk, portfolio pereka, atau blog. Salah satu templat yang paling serba boleh dengan footer berbilang lajur untuk kenalan, pautan perniagaan, dan catatan terkini.

Fon Google adalah pemboleh ubah yang pasti sesuai dengan keperluan anda. Ia mempunyai pemilih warna yang terpasang, jadi anda tidak akan kesulitan mencari palet warna yang sempurna. Sekiranya anda melihat laman web pada peranti yang kurang maju, anda mempunyai SASS di penyemak imbas anda. Anda boleh mengedit coretan kod dengan menukar kod dalam penyunting kod terbina dalam. Anda pasti suka membina laman web anda dengan templat satu halaman Moderna.

Font Google adalah pemboleh ubah pasti yang sesuai dengan keperluan anda. Ia mempunyai pemilih warna yang terpasang, jadi anda tidak akan kesulitan mencari palet warna yang sempurna. Sekiranya anda melihat laman web pada peranti yang kurang maju, anda mempunyai SASS di penyemak imbas anda. Anda boleh mengedit coretan kod dengan menukar kod dalam penyunting kod terbina dalam. Anda pasti suka membina laman web anda dengan templat Moderna satu halaman.

Sama seperti reka bentuk templat Arsha yang sedikit berbeza, templat Moderna juga mempunyai kecanggihan berikut :

  • Templat responsif sepenuhnya
  • Versi Bootstrap terkini
  • Versi NodeJS / NPM dan Gulp tersedia (hanya pengguna pro dan keahlian tanpa had)
  • Reka bentuk yang bersih dan moden
  • Skrip borang hubungan PHP / Ajax (versi pro sahaja)
  • Versi Bootstrap terkini
  • Animasi pada kesan tatal
  • Bersih dan mudah menyesuaikan kod
  • Menu mudah alih di luar kanvas
  • Halaman portfolio yang boleh ditapis
  • Portofolio dengan sokongan kotak cahaya
  • SEO Dioptimumkan
  • Video, objek, embed responsif
  • Kompatibel dengan Penyemak Imbas

Sumber Asal

Templat ini sebelumnya telah diterbitkan di laman web Bootstrapmade

Lesen

Templat ini dilindungi Hak Cipta oleh BootstrapMade.com dan dilesenkan oleh Pasukan Pembangunan Bootstrapmade dengan batasan berikut :

Dibenarkan :

  • Gunakan templat yang diterbitkan di BootstrapMade.com untuk projek peribadi atau komersial
  • Buat laman web untuk pelanggan dan caj jumlah yang anda mahukan
  • Ubah dan sesuaikan fail templat untuk memenuhi keperluan anda.

Kami tidak dibenarkan :

  • Keluarkan pautan balik ke BootstrapMade.com (Direka oleh BootstrapMade) dari footer templat melainkan anda telah membeli lesen.
  • Mengklaim kredit atau pemilikan sebarang fail atau kod yang terdapat di BootstrapMade.com
  • Jual semula, edarkan semula, lesen atau sub-lesen mana-mana fail atau kod yang terdapat di BootstrapMade.com tanpa kebenaran langsung dari BootstrapMade.com

Anda boleh membaca lebih lanjut mengenai lesen untuk menggunakan templat ini di sini https://bootstrapmade.com/license/.

ciri-ciri

Ciri-ciri asli dalam templat versi percuma ini sebelum pengubahsuaian adalah seperti berikut :

  • Versi terbaru Bootstrap
  • Reka bentuk yang bersih dan moden
  • Skrip borang hubungan PHP / Ajax (versi pro sahaja)
  • Gaya ikon
  • Animasi pada kesan tatal
  • Kodnya bersih dan senang disesuaikan
  • Menu mudah alih di luar kanvas
  • Kotak harga responsif yang hebat
  • Halaman portfolio yang boleh ditapis
  • Portfolio dengan sokongan kotak cahaya
  • SEO Dioptimumkan
  • Video, objek, benam responsif
  • Cross Browser Sesuai

Teknologi Utama

  • Bootstrap v4.5.0
  • jQuery v3.5.1
  • Animate
  • Boxicons
  • Counterup
  • icofont
  • isotope-layout
  • jquery.easing
  • owl.carousel
  • php-email-form
  • remixicon
  • venobox
  • waypoints

Pengubahsuaian

Templat yang anda lihat adalah versi percuma yang dapat digunakan selama Anda memperhatikan batasan tertentu, yang dijelaskan dalam inti pati kata lesen di atas.

Dalam proses penyesuaian templat ini, kami telah memasukkan teknologi berikut dalam konfigurasi:

  • Naik taraf dari Bootstrap 4.5.0 ke Bootstrap v4.5.2
  • Minimumkan penggunaan JS Terser v4.8.0
  • Minimumkan CSS menggunakan Less v3.11.3
  • Meminimumkan penggunaan SCSS Node Sass v4.14.1 + Dart Sass v1.26.2
  • Dikonfigurasi menggunakan Babel v7.10.3
  • Dikonfigurasi menggunakan Webpack v4.43.0
  • Dikonfigurasi menggunakan TypeScript v3.9.5
  • Transpile with Babel
  • Support SASS
  • Support Autoprefixer
  • Pengoptimuman fail about.html
  • Pengoptimuman fail blog.html
  • Pengoptimuman fail blog-single.html
  • Pengoptimuman fail contact.html
  • Pengoptimuman fail index.html
  • Pengoptimuman fail index-2.html
  • Pengoptimuman fail portfolio.html
  • Pengoptimuman fail portfolio-details.html
  • Pengoptimuman fail services.html
  • Pengoptimuman fail team.html
  • Jangan memuatkan folder ** aos ** dengan menandakannya sebagai folder ** _ aos **
  • Padamkan fail asal dan ganti dengan fail berikut :
    • tambah transformasi-nick.css
    • style-nick.css
    • main-nick.js
    • bootstrap 4.5.2
    • jquery-3.5.1.min-nick.js ( dioptimumkan, tambah fail .map )
    • jquery.easing.min-nick.js ( dioptimumkan, tambah fail .map )
    • jquery.waypoints.min-nick.js ( dioptimumkan, tambah fail .map )
    • bootstrap.bundle.min-nick.js
    • Aset aos tempatan menjadi aset aos v2.3.4 CDN
    • animate.min-nick.css
    • animate-nick.css
    • animate.compat-nick.css
    • owl.carousel.min-nick.css
    • venobox-nick.css
    • venobox-nick.js
    • venobox.min-nick.js
    • counterup.min-nick.js
    • owl.carousel.min-nick.js
  • Tambahkan skrip CDN aos v2.3.4 berikut :
  • link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" />

    script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous">

Catatan: Anda boleh menyemak dokumentasi skrip AOS di atas di sini https://cdnjs.com/libraries/aos.

Penambahbaikan Templat

  • Tidak ada peningkatan

Muat turun

Kata Laluan : nickgenom.com

Fail ini dimuat naik menggunakan perkhidmatan luaran


Tags:

Komen