Moderna + การปรับเปลี่ยน

หน้านี้อธิบายรายละเอียดเกี่ยวกับสิ่งที่คุณต้องการรู้

| English | | Filipino | | Indonesia | | Malay | | Thai | | Vietnamese |
0 ครั้งที่เห็น

Moderna + การปรับเปลี่ยน

เผยแพร่เมื่อ : 30 กันยายน 2020

Moderna คือเทมเพลต Bootstrap แบบหน้าเดียว ขอแนะนำอย่างยิ่งสำหรับผู้ที่ต้องการสร้างเว็บไซต์ธุรกิจขององค์กร ได้รับการออกแบบในรูปแบบที่ทันสมัยสะอาดและเรียบง่ายสร้างขึ้นด้วยคุณสมบัติที่น่าทึ่งเช่นตัวกรองผลงานแบบฟอร์มการติดต่อของ ajax ที่ใช้งานได้และ Flexslider เทมเพลตแบบหน้าเดียวนี้มีการออกแบบอย่างมืออาชีพและภาพเคลื่อนไหวขั้นสูง คุณสามารถใช้เป็นเว็บไซต์เริ่มต้นหน้าผลิตภัณฑ์ผลงานนักออกแบบหรือบล็อก หนึ่งในเทมเพลตที่หลากหลายที่สุดพร้อมส่วนท้ายแบบหลายคอลัมน์สำหรับผู้ติดต่อลิงก์ธุรกิจและโพสต์ล่าสุด

Google Fonts เป็นตัวแปรที่เหมาะกับความต้องการของคุณ มีตัวเลือกสีในตัวดังนั้นคุณจะไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ขั้นสูงคุณมี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องหลงรักการสร้างเว็บไซต์ด้วยเทมเพลตหน้าเดียวของ Moderna อย่างแน่นอน

Google Fonts เป็นตัวแปรที่เหมาะสมกับความต้องการของคุณ มีตัวเลือกสีในตัวดังนั้นคุณจะไม่มีปัญหาในการหาจานสีที่สมบูรณ์แบบ หากคุณกำลังดูเว็บไซต์บนอุปกรณ์ขั้นสูงคุณมี SASS ในเบราว์เซอร์ของคุณ คุณสามารถแก้ไขข้อมูลโค้ดได้โดยเปลี่ยนโค้ดในตัวแก้ไขโค้ดในตัว คุณจะต้องหลงรักการสร้างเว็บไซต์ด้วยเทมเพลต Moderna แบบหน้าเดียวอย่างแน่นอน

เช่นเดียวกับการออกแบบเทมเพลต Arsha ที่แตกต่างกันเล็กน้อยเทมเพลต Moderna ยังมีความซับซ้อนดังต่อไปนี้ :

  • เทมเพลตที่ตอบสนองอย่างสมบูรณ์
  • Bootstrap เวอร์ชันล่าสุด
  • มีเวอร์ชัน NodeJS / NPM และ Gulp (เฉพาะผู้ใช้ Pro และสมาชิกไม่ จำกัด )
  • การออกแบบที่สะอาดตาและทันสมัย ​​
  • สคริปต์แบบฟอร์มติดต่อ PHP / Ajax (เวอร์ชันโปรเท่านั้น)
  • Bootstrap เวอร์ชันล่าสุด
  • ภาพเคลื่อนไหวบนเอฟเฟกต์การเลื่อน
  • รหัสที่สะอาดและปรับแต่งได้ง่าย
  • เมนูบนอุปกรณ์เคลื่อนที่นอกสถานที่
  • หน้าผลงานที่กรองได้
  • พอร์ตโฟลิโอที่รองรับไลท์บ็อกซ์
  • เพิ่มประสิทธิภาพ SEO
  • วิดีโอที่ตอบสนองต่อวัตถุฝัง
  • เข้ากันได้กับข้ามเบราว์เซอร์

แหล่งที่มาเดิม

เทมเพลตนี้เคยเผยแพร่บนเว็บไซต์ Bootstrapmade

ใบอนุญาต

เทมเพลตนี้ได้รับลิขสิทธิ์โดย BootstrapMade.com และได้รับอนุญาตภายใต้ทีมพัฒนาของ Bootstrapmade โดยมีข้อ จำกัด ดังต่อไปนี้ :

เราได้รับอนุญาต :

  • ใช้เทมเพลตที่เผยแพร่บน BootstrapMade.com สำหรับโครงการส่วนบุคคลหรือเชิงพาณิชย์
  • สร้างเว็บไซต์สำหรับลูกค้าและเรียกเก็บเงินตามจำนวนที่คุณต้องการ
  • เปลี่ยนและปรับแต่งไฟล์เทมเพลตให้เหมาะกับความต้องการของคุณ.

เราไม่ได้รับอนุญาต :

  • ลบลิงก์ย้อนกลับไปยัง BootstrapMade.com (ออกแบบโดย BootstrapMade) จากส่วนท้ายของเทมเพลตเว้นแต่คุณจะซื้อใบอนุญาต.
  • การอ้างสิทธิ์เครดิตหรือการเป็นเจ้าของไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com
  • ขายต่อแจกจ่ายใบอนุญาตหรือใบอนุญาตย่อยไฟล์หรือรหัสใด ๆ ที่พบใน BootstrapMade.com โดยไม่ได้รับอนุญาตโดยตรงจาก BootstrapMade.com

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับใบอนุญาตในการใช้เทมเพลตนี้ได้ที่นี่ https://bootstrapmade.com/license/.

คุณสมบัติ

คุณสมบัติดั้งเดิมในเทมเพลตเวอร์ชันฟรีนี้ก่อนการปรับเปลี่ยนมีดังนี้ :

  • Bootstrap เวอร์ชันล่าสุด
  • การออกแบบที่สะอาดตาและทันสมัย ​​
  • สคริปต์แบบฟอร์มติดต่อ PHP / Ajax (เวอร์ชันโปรเท่านั้น)
  • รูปแบบไอคอน
  • ภาพเคลื่อนไหวบนเอฟเฟกต์การเลื่อน
  • รหัสที่สะอาดและปรับแต่งได้ง่าย
  • เมนูบนอุปกรณ์เคลื่อนที่นอกสถานที่
  • ช่องราคาตอบสนองที่ยอดเยี่ยม
  • หน้าผลงานที่กรองได้
  • พอร์ตโฟลิโอที่รองรับไลท์บ็อกซ์
  • เพิ่มประสิทธิภาพ SEO
  • วิดีโอที่ตอบสนองต่อวัตถุฝัง
  • เข้ากันได้กับข้ามเบราว์เซอร์

เทคโนโลยีหลัก

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

การปรับเปลี่ยน

เทมเพลตที่คุณเห็นเป็นเวอร์ชันที่ใช้งานได้ฟรีตราบใดที่คุณใส่ใจกับข้อ จำกัด บางประการซึ่งอธิบายไว้ในสาระสำคัญของคำว่าสิทธิ์การใช้งานข้างต้น.

ในกระบวนการปรับแต่งเทมเพลตนี้เราได้รวมเทคโนโลยีต่อไปนี้ไว้ในการกำหนดค่า:

  • อัปเกรดจาก Bootstrap 4.5.0 เป็น Bootstrap v4.5.2
  • ย่อขนาด JS โดยใช้ Terser v4.8.0
  • ลดขนาด CSS โดยใช้ Less v3.11.3
  • ลดการใช้ SCSS Node Sass v4.14.1 + Dart Sass v1.26.2
  • กำหนดค่าโดยใช้ Babel v7.10.3
  • กำหนดค่าโดยใช้ Webpack v4.43.0
  • กำหนดค่าโดยใช้ TypeScript v3.9.5
  • Transpile with Babel
  • Support SASS
  • Support Autoprefixer
  • การเพิ่มประสิทธิภาพของไฟล์ about.html
  • การเพิ่มประสิทธิภาพของไฟล์ blog.html
  • การเพิ่มประสิทธิภาพของไฟล์ blog-single.html
  • การเพิ่มประสิทธิภาพของไฟล์ contact.html
  • การเพิ่มประสิทธิภาพของไฟล์ index.html
  • การเพิ่มประสิทธิภาพของไฟล์ index-2.html
  • การเพิ่มประสิทธิภาพของไฟล์ portfolio.html
  • การเพิ่มประสิทธิภาพของไฟล์ portfolio-details.html
  • การเพิ่มประสิทธิภาพของไฟล์ services.html
  • การเพิ่มประสิทธิภาพของไฟล์ team.html
  • อย่าโหลดโฟลเดอร์ ** aos ** โดยทำเครื่องหมายเป็นโฟลเดอร์ ** _ aos **
  • ลบไฟล์ต้นฉบับและแทนที่ด้วยไฟล์ต่อไปนี้ :
    • เพิ่ม transformations-nick.css
    • style-nick.css
    • main-nick.js
    • bootstrap 4.5.2
    • jquery-3.5.1.min-nick.js ( เพิ่มประสิทธิภาพเพิ่มไฟล์ .map )
    • jquery.easing.min-nick.js ( เพิ่มประสิทธิภาพเพิ่มไฟล์ .map )
    • jquery.waypoints.min-nick.js ( ปรับให้เหมาะสมเพิ่มไฟล์ .map )
    • bootstrap.bundle.min-nick.js
    • สินทรัพย์ aos ในเครื่องกลายเป็นสินทรัพย์ 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
  • เพิ่มสคริปต์ aos v2.3.4 CDN ต่อไปนี้ :
  • 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">

หมายเหตุ: คุณสามารถตรวจสอบเอกสารสคริปต์ AOS ด้านบนได้ที่นี่ https://cdnjs.com/libraries/aos.

การปรับปรุงเทมเพลต

  • ไม่มีการปรับปรุงใด ๆ

ดาวน์โหลด

รหัสผ่าน : nickgenom.com

ไฟล์นี้อัปโหลดโดยใช้บริการภายนอก


Tags:

แสดงความคิดเห็น