Arsha + Pengubahsuaian 0 masa dilihat

Penerangan

Templat Arsha adalah templat HTML Bootstrap 4 yang indah dan moden untuk Syarikat atau Perniagaan. Penampilannya yang halus akan membuatkan penonton merasa seperti berada di laman web yang sangat profesional. Dilengkapi dengan animasi yang elegan dan indah. Templat ini akan membuatkan pelanggan berasa lebih selesa di laman web anda. Templat ini direka khas untuk permulaan, aplikasi dan perkhidmatan teknologi maklumat, jadi anda tidak perlu teragak-agak untuk menjalankannya pada peranti mudah alih seperti telefon pintar, tablet, dan semua jenis peranti kerana sangat responsif. Dalam versi asalnya, Arsha dibangun dengan teknologi web terkini (rangka Bootstrap, Sass, NodeJS, Gulp, dll.) Dengan perhatian pada kualiti pengekodan untuk memastikan templat berfungsi dengan semua penyemak imbas, peranti dari semua ukuran skrin. Mungkin anda akan merasa senang apabila mendapat kelebihan ini:

  • Templat responsif sepenuhnya
  • Versi Bootstrap terkini
  • Versi NodeJS / NPM dan Gulp tersedia (pengguna pro dan keahlian tanpa had sahaja)
  • 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
  • Kotak harga responsif yang hebat
  • Halaman portfolio yang boleh ditapis
  • Portfolio dengan sokongan lightbox
  • SEO Dioptimumkan
  • Video responsif, objek, penyematan
  • Cross Browser serasi

Tetapi, lihat versi yang diubah sebelum anda membina templat ini lebih jauh.

arsha.webp

Sumber Asal

Templat ini pernah diterbitkan di laman web sebelumnya Bootstrapmade

Lesen

Templat ini dilindungi Hak Cipta oleh BootstrapMade.com dan dilesenkan di bawah pasukan pengembangan Bootstrapmade dengan sekatan berikut:

Kami dibenarkan:

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

Kami tidak dibenarkan:

  • Menghapus pautan balik ke BootstrapMade.com (Direka oleh BootstrapMade) dari templat footer kecuali anda telah membeli lesen.
  • Mengklaim kredit atau pemilikan 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 asal dalam versi templat percuma ini sebelum pengubahsuaian adalah seperti berikut:

  • Versi Bootstrap terkini
  • Reka bentuk yang bersih dan moden
  • Skrip borang hubungan PHP / Ajax (versi pro sahaja)
  • Gaya ikon
  • Animasi pada kesan tatal
  • Bersih dan mudah menyesuaikan kod
  • Menu mudah alih di luar kanvas
  • Kotak harga responsif yang hebat
  • Halaman portfolio yang boleh ditapis
  • Portfolio dengan sokongan lightbox
  • SEO Dioptimumkan
  • Video responsif, objek, penyematan
  • Cross Browser serasi

Teknologi Utama

  • Bootstrap v4.5.0
  • jQuery v3.5.1
  • Kotak
  • icofont
  • susun atur isotop
  • jquery.easing
  • burung hantu.carousel
  • borang php-e-mel
  • remixicon
  • venobox
  • titik jalan

Ubah suai

Templat yang anda lihat adalah versi bebas untuk digunakan sejauh yang anda mahukan dengan sekatan tertentu, yang dijelaskan dalam sari kata lesen di atas. Dalam proses mengubah templat ini, kami telah memasukkan teknologi berikut dalam konfigurasi:

  • Naik taraf dari Bootstrap 4.5.0 ke Bootstrap v4.5.2

  • Minimumkan JS menggunakan Terser v4.8.0

  • Minimumkan CSS menggunakan Kurang v3.11.3

  • Minimumkan SCSS menggunakan Node Sass v4.14.1 + Dart Sass v1.26.2

  • Sumber sokongan MAP JS

  • Sokong sumber CSS MAP

  • Dikonfigurasi menggunakan Babel v7.10.3

  • Dikonfigurasi menggunakan Webpack v4.43.0

  • Dikonfigurasi menggunakan TypeScript v3.9.5

  • Transpile dengan Babel

  • Sokong SASS

  • Sokong Autoprefixer

  • Pasang Tanggungan:

    • @ aiwins / owl.carousel v1.1.12
    • @ codevadmin / owl.carousel v2.3.6
    • @ icon / boxicons-logo v2.0.5-alpha.0
    • @ icon / boxicons-biasa v2.0.5-alpha.0
    • @ ikon / icofont v1.0.1-alpha.1
    • @ popperjs / inti v2.5.2
    • @ gaya-ikon / kotak-biasa-biasa v10.18.0
    • @ gaya-ikon / kotak-padat v10.18.0
    • @ jenis / susun atur isotop v3.0.8
    • @ types / owl.carousel v2.3.1
    • @ type / react-icofont v1.0.0
    • aos v2.3.4
    • bootstrap v4.5.2
    • susun atur isotop v3.0.6
    • isotop-modulo-lajur v2.2.2
    • jquery v3.5.1
    • kurang v3.12.2
    • burung hantu.carousel v2.3.4
    • owl.carousel.es6 v3.0.2
    • remixicon v2.5.0
    • ikon bergaya v10.21.0
    • venobox v1.9.1
    • titik jalan v4.0.1
    • boxicons v2.0.5
  • Padam fail asal dan ganti dengan fail berikut:

    • js / main-nick.js
    • vendor / aos / aos-nick.css
    • vendor / bootstrap / css / bootstrap.min-nick.css
    • peta vendor / bootstrap / css / bootstrap.min-nick.css.map
    • vendor / bootstrap / js / bootstrap.bundle.min-nick.js
    • peta vendor / bootstrap / js / bootstrap.bundle.min-nick.js.map
    • vendor / boxicons / css / animations-nick.css
    • vendor / boxicons / css / boxicons.min-nick.css
    • vendor / boxicons / css / boxicons-nick.css
    • vendor / boxicons / css / transformations-nick.css
    • vendor / icofont / icofont.min-nick.css
    • peta / penjual / icofont.min-nick.css.map
    • vendor / jquery.easing / jquery.easing.min-nick.js
    • peta / jquery.easing / jquery.easing.min-nick.js.map
    • vendor / owl.carousel / owl.carousel.min-nick.js
    • peta / penjual burung hantu.carousel / burung hantu.carousel.min-nick.js.map
    • vendor / php-email-form / validate-nick.js
    • peta vendor / php-email / validate-nick.js.map
    • vendor / remixicon / remixicon-nick.css
    • peta vendor / remixicon / remixicon-nick.css.map
    • vendor / venobox / venobox.min-nick.js
    • peta / vendor / venobox / venobox.min-nick.js.map
    • vendor / venobox / venobox-nick.css
  • Menambah skrip:

<link href="assets/vendor/boxicons/css/animations-nick.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/transformations-nick.css" rel="stylesheet">
  • Tambahkan skrip kebergantungan dalam mod pembangunan:

    • @aiwins/owl.carousel v1.1.12
    • @codevadmin/owl.carousel v2.3.6
    • @icon/boxicons-logos v2.0.5-alpha.0
    • @icon/boxicons-regular v2.0.5-alpha.0
    • @icon/icofont v1.0.1-alpha.1
    • @popperjs/core v2.5.2
    • @styled-icons/boxicons-regular v10.18.0
    • @styled-icons/boxicons-solid v10.18.0
    • @types/isotope-layout v3.0.8
    • @types/owl.carousel v2.3.1
    • @types/react-icofont v1.0.0
    • aos v2.3.4
    • bootstrap v4.5.2
    • isotope-layout v3.0.6
    • isotope-modulo-columns v2.2.2
    • jquery v3.5.1
    • less v3.12.2
    • owl.carousel v2.3.4
    • owl.carousel.es6 v3.0.2
    • remixicon v2.5.0
    • styled-icons v10.21.0
    • venobox v1.9.1
    • waypoints v4.0.1
  • Pengoptimuman failindex.html

  • Pengoptimuman failportfolio-details.html

  • Pengoptimuman failinner-page.html

  • Tambahkan folder node_modules

  • Menambah failjs/jquery-3.5.1.min.js

  • Menambah failpackage.json

  • Menambah failpackage-lock.json

Catatan: Anda boleh memadam fail package.json dan package-lock.json dan mencipta semula untuk projek anda dengan arahan npm init. Lihat: https://docs.npmjs.com/cli/init

Penambahbaikan Templat

  • Memperbaiki masalah pada konsol :
    • DevTools failed to load SourceMap: Could not load content for chrome-extension://hgnkdfamjgnljokmokheijphenjjhkjc/sourcemaps/onloadwff.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
    • Node cannot be found in the current page.
    • 35 issue SameSite


Tags: Bootstrap 4 Templat pada 26 September 2020

Komen

Forum Diskusi

Post a reply
3471 views

Balas ke diskusi ini